// JavaScript Document
var largeImageArray = new Array();
	
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 = evt["target"] ? evt["target"].src : evt["srcElement"].src;
    var largeSrc = largeImageArray[evt["target"] ? evt["target"]["mydata"] : evt["srcElement"]["mydata"]].src;  //getLargeImageSrcFromSmallImgSrc(smallSrc);
	
	if(largeSrc != "")
	{
		document.getElementById("_ctl0_imgLarge").src = largeSrc;
		
		if(evt["target"])
		{
			//document.getElementById("_ctl0_divLarge").style.bottom = (evt.layerY - 30).toString() + "px";
			//document.getElementById("_ctl0_divLarge").style.right = (evt.layerX + 50).toString() + "px";
			
			document.getElementById("_ctl0_divShadow").style.top = (evt.layerY + 4).toString() + "px";
			document.getElementById("_ctl0_divShadow").style.left = (evt.layerX - 2).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 ?
                    document.documentElement.scrollTop :
                    document.body.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;
			
            //This is to pre-load the images.
			largeImageArray[i] = new Image();
			largeImageArray[i].src = largeSrc;
		}
	}
}

addEvent(window, "load", addHoverAbilityToImages);