var BrowserWidth = 0, BrowserHeight = 0;

function BrowserWindow()
{
if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    BrowserWidth = window.innerWidth;
    BrowserHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    BrowserWidth = document.documentElement.clientWidth;
    BrowserHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    BrowserWidth = document.body.clientWidth;
    BrowserHeight = document.body.clientHeight;
} 
return true;
}

var preload_image = new Image(); 

function PreloadImg(status,Img)
{
//alert(preload_image.complete);
if (preload_image.complete == false)
	{preloadloop}
else
	{
	clearTimeout(preloadloop);
	ImageWidth = document.getElementById('GalleryImg').width;
	ImageHeight = document.getElementById('GalleryImg').height;
	//alert("Img: " + BrowserWidth + "/" + ImageWidth + " " + BrowserHeight + "/" + ImageHeight),
	document.getElementById('GalleryFrame').style.left = (BrowserWidth-ImageWidth) /2;
	document.getElementById('GalleryFrame').style.top = (BrowserHeight-ImageHeight) /2;
	document.getElementById('GalleryFrame').style.visibility = status; 
	}
}

function ChangeImage(status, Img)
{	preload_image = new Image(25,25); 
    preload_image.src="http://" + window.location.host + Img; 
    
	if (preload_image.complete){
	document.getElementById('LayoutImage').src = Img;
	ImageControl(status)
	}
	else
	{
	document.getElementById('LayoutImage').src = "/Site/Img/loader.gif";
	ImageControl(status)
	setTimeout("ChangeImage('" + status + "', '" + Img + "')", 200);
	}
}
function ImageControl(status)
{
	ImageWidth = document.getElementById('LayoutImage').width
	ImageHeight = document.getElementById('LayoutImage').height
	BrowserWindow();
	document.getElementById('OpacityBG').style.width = BrowserWidth;
    document.getElementById('OpacityBG').style.height = BrowserHeight;
	document.getElementById('ViewImageLayer').style.left = (BrowserWidth-ImageWidth) /2;
	document.getElementById('ViewImageLayer').style.top = (BrowserHeight-ImageHeight) /2;
	document.getElementById('OpacityBG').style.visibility = status;
	document.getElementById('ViewImageLayer').style.visibility = status; 
	
}
function ViewImage(status)
{

if (status == "hidden") FormDisplay = 'block';
else FormDisplay = 'none';	

for (f = 0; f < document.forms.length; f++)
    {
        var elements = document.forms[f].elements;
        // looping through all elements on certain form
        for (e = 0; e < elements.length; e++)
        {
            if (elements[e].type == "select-one")
            {
                elements[e].style.display = FormDisplay;
            }
        }
    }

ImageControl(status)
}

var objFocus = null