// JavaScript Document

function addEvent(obj, evType, fn)
{
	if (obj.addEventListener)
	{
   		obj.addEventListener(evType, fn, false);
	}
	else if (obj.attachEvent)
	{
   		obj.attachEvent("on"+evType, fn);
 	}
}

function removeEvent(obj, evType, fn)
{
	if (obj.removeEventListener)
	{
		obj.removeEventListener(evType, fn, false);
	}
	else if(obj.detachEvent)
	{
		obj.detachEvent("on"+evType, fn);
	}
}

function showLargeImage(evt)
{
	var smallSrc = document.images[evt["target"] ? evt["target"]["mydata"] : evt["srcElement"]["mydata"]].src;
	var largeSrc = getLargeImageSrcFromSmallImgSrc(smallSrc);
	
	if(largeSrc != "")
	{
		document.getElementById("_ctl0_imgLarge").src = largeSrc;
		
		if(evt["target"])
		{
			//document.getElementById("_ctl0_divLarge").style.top = (evt.layerY + 35).toString() + "px";
			//document.getElementById("_ctl0_divLarge").style.left = (evt.layerX - 100).toString() + "px";
			
			document.getElementById("_ctl0_divShadow").style.top = (evt.layerY + 25).toString() + "px";
			document.getElementById("_ctl0_divShadow").style.left = (evt.layerX - 110).toString() + "px";
			
		}
		else
		{
			//document.getElementById("_ctl0_divLarge").style.top = (evt.clientY + document.documentElement.scrollTop + 35).toString();
			//document.getElementById("_ctl0_divLarge").style.left = (evt.clientX - 100).toString() + "px";
		
			document.getElementById("_ctl0_divShadow").style.top = (evt.clientY + document.documentElement.scrollTop + 25).toString();
			document.getElementById("_ctl0_divShadow").style.left = (evt.clientX - 110).toString() + "px";
		}
		document.getElementById("_ctl0_divLarge").style.visibility = "visible";
		document.getElementById("_ctl0_divShadow").style.visibility = "visible";
	}
}

function hideLargeImage(evt)
{
	document.getElementById("_ctl0_divLarge").style.visibility = "hidden";
	document.getElementById("_ctl0_divShadow").style.visibility = "hidden";
}

function getLargeImageSrcFromSmallImgSrc(smallImgSrc)
{
	var smPos = smallImgSrc.indexOf("sm.jpg");
	return smPos >= 0 ? smallImgSrc.substr(0,smPos) + ".jpg" : "";
}

function addHoverAbilityToImages()
{
	var numImages = document.images.length;
	for(var i = 0; i < numImages; i++)
	{
		var largeSrc = getLargeImageSrcFromSmallImgSrc(document.images[i].src);
		if(largeSrc != "")
		{
			addEvent(document.images[i], "mouseover", showLargeImage);
			addEvent(document.images[i], "mouseout", hideLargeImage);
			document.images[i].mydata = i;
		}
	}
}

addEvent(window, "load", addHoverAbilityToImages);