var d = document;
	dId = function(id){
		return d.getElementById(id);
}
dCss = function(id){
		return dId(id).style;
}
function showImage(whichImage){
		//alert(document.body.offsetHeight + " // " + document.body.scrollHeight);
		var myDoc = dId("shader");
		var myImage = dId("largeImage");
		myDoc.style.display = "block";
		myImage.style.display = "block";
		myDoc.style.position = "absolute";
		myImage.style.position = "absolute";
		myDoc.style.width = "0px";
		myDoc.style.height = "0px";
		myImage.style.width = "0px";
		myImage.style.height = "0px";
		myDoc.style.backgroundColor = "#999";
		myDoc.style.zIndex = 998;
		myImage.style.zIndex = 999;
		myDoc.style.top = 0;//(document.body.scrollWidth/2);//-(myDoc.style.width/2);
		myDoc.style.left = 0;//(document.body.scrollHeight/2);//-(myDoc.style.height/2);
		myImage.style.top = 0;
		myImage.style.left = 0;
		myDoc.style.textAlign = "center";
		myImage.innerHTML = "<img src=\"i/"+whichImage+"\" id=\"theImage\" />";if (window.attachEvent){
		myDoc.style.filter = "alpha(opacity=50)";
			myImage.style.filter = "alpha(opacity=0)";
			myDoc.style.width = document.body.offsetWidth+"px";
			myDoc.style.height = document.body.offsetHeight+"px";
			document.getElementById("theImage").onload = function(){
			myImage.style.top = ((document.body.offsetHeight/2)-(document.getElementById("theImage").scrollHeight/2))+"px";
			myImage.style.left = ((document.body.offsetWidth/2)-(document.getElementById("theImage").scrollWidth/2))+"px";
			myImage.style.height = document.getElementById("theImage").scrollHeight+"px";
			myImage.style.width = document.getElementById("theImage").scrollWidth+"px";
			myImage.style.filter = "alpha(opacity=100)";
			};
		} else {
		myDoc.style.opacity=0.5;
		myImage.style.opacity=0;
			myDoc.style.width = window.innerWidth+"px";
			myDoc.style.height = window.innerHeight+"px";
			myImage.style.width = window.innerWidth+"px";
			myImage.style.height = window.innerHeight+"px";
			document.getElementById("theImage").onload = function(){
				myImage.style.height = document.getElementById("theImage").scrollHeight+"px";
				myImage.style.width = document.getElementById("theImage").scrollHeight+"px";
				myImage.style.top = ((document.body.offsetHeight/2)-(document.getElementById("theImage").scrollHeight/2))+"px";
				myImage.style.left = ((document.body.offsetWidth/2)-(document.getElementById("theImage").scrollWidth/2))+"px";
				myImage.style.opacity=1;
			};
		}
			myDoc.onmousedown = function(){
				hideImage();
			};
			myImage.onmousedown = function(){hideImage();
			};
}
function hideImage(){
		var myDoc = dId("shader");
		var myImage = dId("largeImage");
		myDoc.style.display = "none";
		myImage.style.display = "none";
}
