function hideImage()
{
	document.getElementById('LargeImage').style.width="0px";
	document.getElementById('LargeImage').style.height="0px";
	document.getElementById('LargeImage').style.visibility="visible";
	document.getElementById('LargeImage').style.position="fixed";
	document.getElementById('LargeImage').style.zIndex="0";
	document.getElementById('LargeImage').style.top="-10000px";
	document.getElementById('LargeImage').style.left="-10000px";
	document.getElementById('LargeImage').style.backgroundColor = "white";
	
	document.getElementById('freezeDiv').style.width  ="0%";
	document.getElementById('freezeDiv').style.height="0%";
	document.getElementById('freezeDiv').style.visibility="visible";
	document.getElementById('freezeDiv').style.position="fixed";
	document.getElementById('freezeDiv').style.zIndex="0";
	document.getElementById('freezeDiv').style.top="-10000px";
	document.getElementById('freezeDiv').style.left="-10000px";
	document.getElementById('freezeDiv').style.backgroundColor = "black";
	
	return;
}

var loading = false;
var force = false;


function showImage(f) {
	loading = true;	
	document.getElementById('imgLargeImage').onreadystatechange = stateChange;
	document.getElementById('imgLargeImage').src = "/images/see-our-work/" + f ;	
	
	var isGecko = (document.addEventListener) ? true : false;
	try {
		if (isGecko ) {
			force = true;
			stateChange();
		}
	}
	catch (e) { return true; }

}


function stateChange() {
	if ((document.getElementById('imgLargeImage').readyState=="complete" && loading ) || force) 
	{
		document.getElementById('freezeDiv').style.width  ="100%";
		document.getElementById('freezeDiv').style.height="100%";
		document.getElementById('freezeDiv').style.visibility="visible";
		document.getElementById('freezeDiv').style.position="fixed";
		document.getElementById('freezeDiv').style.zIndex="99";
		document.getElementById('freezeDiv').style.top="0px";
		document.getElementById('freezeDiv').style.left="0px";
		document.getElementById('freezeDiv').style.backgroundColor = "black";
		
		document.getElementById('LargeImage').style.width="600px";
		document.getElementById('LargeImage').style.height="420px";
		document.getElementById('LargeImage').style.visibility="visible";
		document.getElementById('LargeImage').style.position="fixed";
		document.getElementById('LargeImage').style.zIndex="9999";
		
		var top, left, width, height; 
		width = pageWidth();
		height = pageHeight();
		
		left = (width-600)/2;
		top = (height-400)/2;
		
		document.getElementById('LargeImage').style.top=top.toString()+"px";
		document.getElementById('LargeImage').style.left=left.toString()+"px";
		document.getElementById('LargeImage').style.backgroundColor = "white";
		loading = false;
		force = false;
	}
}

// Browser Window Size and Position
// copyright Stephen Chapman, 3rd Jan 2005, 8th Dec 2005
// you may copy these functions but please keep the copyright notice as well
function pageWidth() 
{
	return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ?       document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
} 

function pageHeight() 
{
	return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ?  document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
}