// JavaScript Document
function showEquipment(theImage)
{
	document.getElementById('frameContainer').style.display="block";
	document['equipmentImage'].src = "images/flats/"+theImage;
}

function closeEquipment()
{
	document.getElementById('frameContainer').style.display="none";
}

function move_box() 
{
    var offset = 0; // set offset (likely equal to your css top)
    var element = document.getElementById('frameContainer');

    element.style.top = (document.documentElement.scrollTop + offset) + 'px';
}
//-------------------------------------------------------------
//------------Fading equipment in/out--------------------------
//-------------------------------------------------------------
function setOpacity(value,id) 
{
	document.getElementById(id).style.opacity = value / 10;
}

function fadeIn(id) 
{
	for( var i = 0 ; i <= 100 ; i++ )
		setTimeout( 'setOpacity(' + (i / 10) + ', "'+id+'")' , 3 * i );
}

function fadeOut(id) 
{
	for( var i = 0 ; i <= 100 ; i++ ) {
		setTimeout( 'setOpacity(' + (10 - i / 10) + ', "'+id+'")' , 8 * i);
	}
	setTimeout('closeForm(thisID)', 800 );
}

function closeForm(id) 
{
	document.getElementById(id).style.visibility = "hidden"
}

function openForm(id,theImage,height) 
{
	document['equipmentImage'].src = "images/flats/"+theImage;
	document.getElementById('frameContent').style.height = height + 82 + "px";
	var element = document.getElementById(id);
	element.style.marginTop = "0px";
	element.style.opacity = 0;
	element.style.visibility = "visible";
	element.style.zIndex = 2;
	fadeIn(id);
	
}
function showX()
{
	document['closeX'].src = "images/frame/frameTopRightOver.png";
}
function hideX()
{
	document['closeX'].src = "images/frame/frameTopRight.png";
}
function centerDivs()
{
	var width = (screen.availWidth / 2) - 255;
	var height = (screen.availHeight / 2) - 240 ;
	var element = document.getElementById('frameContainer');
	element.style.marginTop = "25%";
	//element.style.marginLeft = width + "px";
}