var clientY;

function loadImage(application, name)
{
	var span = document.getElementById('photoShow');

	var src = '/images/products/' + application + '/' + name + '.jpg';
	var onclick = 'loadLargeImage(\'' + application + '\', \'' + name + '\')';
	span.innerHTML = '<img src="'+src+'" class="cursor" onclick="' + onclick + '" alt="" />';
}

function loadLargeImage(application, name)
{
	clientY = document.documentElement.scrollTop;
	scroll(0,0);

	var browserName = navigator.appName;
	if (browserName != "Microsoft Internet Explorer")
	{
		var header = document.getElementById("header");
		header.style.zIndex = "-1";
	}
	var browserVersion = navigator.appVersion.match(/MSIE (\d+\.\d+)/);

	var oBody = document.getElementsByTagName("html")[0];
	oBody.style.overflow = "hidden";

	var bgDiv = document.getElementById("fadedBackground");
	bgDiv.style.display = "block";
	var oDiv = document.getElementById("enlargedPhoto");
	oDiv.style.display = "block";

	

	if (browserVersion != null && browserVersion[1] < 7)
	{
		oDiv.style.width = document.body.offsetWidth + "px";
		oDiv.style.height = document.body.offsetHeight + "px";
		bgDiv.style.width = document.body.offsetWidth + "px";
		bgDiv.style.height = document.body.offsetHeight + "px";
	}
	oDiv.innerHTML = '<img src="/images/products/' + application + '/' + name + '_large.jpg" class="center" alt="" />';
	oDiv.innerHTML += '<br />';
	oDiv.innerHTML += 'Click to close.';
}

function removeEnlargedPhoto()
{
	var oBody = document.getElementsByTagName("html")[0];
	var bgDiv = document.getElementById("fadedBackground");
	var oDiv = document.getElementById("enlargedPhoto");

	var browserName = navigator.appName;
	if (browserName != "Microsoft Internet Explorer")
	{
		var header = document.getElementById("header");
		header.style.zIndex = "2";
	}

	oBody.style.overflow = "scroll";
	bgDiv.style.display = "none";
	oDiv.style.display = "none";

	scroll(0,clientY);
}