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 oHtml = document.getElementsByTagName("html")[0];
	oHtml.style.overflow = "hidden";
	var oBody = document.getElementsByTagName("body")[0];
	
	bgDiv = createBackgroundDivision(oBody);
	oDiv = createEnlargedPhotoDivision(oBody);
	
	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";
	}
	
	if (application == "solarRadiation")
	{
		application = "radiationMeasurement";
	}
	
	innerHTML = '<div>';
	innerHTML += '<img src="/images/products/' + application + '/' + name + '_large.jpg" class="center" alt="" />';
	innerHTML += '<p>Click to close.</p>';
	innerHTML += '</div>';
	oDiv.innerHTML = innerHTML;
}

function removeEnlargedPhoto()
{
	var oHtml = document.getElementsByTagName("html")[0];
	var oBody = document.getElementsByTagName("body")[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";
	}

	oHtml.style.overflow = "scroll";
	oBody.removeChild(bgDiv);
	oBody.removeChild(oDiv);

	scroll(0,clientY);
}

function createBackgroundDivision(oHtml)
{
	var bgDiv = document.createElement('div');
	bgDiv.id = "fadedBackground";
	bgDiv.onclick = removeEnlargedPhoto;

	oHtml.appendChild(bgDiv);
	return bgDiv;
}
function createEnlargedPhotoDivision(oHtml)
{
	var epDiv = document.createElement('div');
	epDiv.id = "enlargedPhoto";
	epDiv.onclick = removeEnlargedPhoto;
	
	oHtml.appendChild(epDiv);
	return epDiv;
}