function DisplayZoomed()
{
	document.getElementById('LargeProductImage').style.visibility = "visible"
	document.getElementById('ProductOverlay').style.visibility = "visible"
	document.getElementById('LargeProductImageContainer').style.zIndex = "2001"
}

function DisplayNonZoomed()
{
	document.getElementById('LargeProductImage').style.visibility = "hidden"
	document.getElementById('ProductOverlay').style.visibility = "hidden"
	document.getElementById('LargeProductImageContainer').style.zIndex = "-1000"
}

var ProductPositionX=0, ProductPositionY=0;

function GetPicturePosition()
{
var obj = document.getElementById('ProductImage');
	if (obj)
	{
		ProductPositionX = obj.offsetLeft;
		ProductPositionY = obj.offsetTop;
		var body = document.getElementsByTagName('body')[0];
		while (obj.offsetParent && obj!=body)
		{
		ProductPositionX += obj.offsetParent.offsetLeft;
		ProductPositionY += obj.offsetParent.offsetTop;
		obj = obj.offsetParent;
	}
}
}

GetPicturePosition(); 

var OverlayXSize=65;
var OverlayYSize=65;

var ProductImageXSize=260;
var ProductImageYSize=260;

var LargeProductContainerXSize=260;
var LargeProductContainerYSize=260;

var LargeProductImageXSize=1040;
var LargeProductImageYSize=1040;

var XMultiplier=LargeProductImageXSize/LargeProductContainerXSize;
var YMultiplier=LargeProductImageYSize/LargeProductContainerYSize;

var PBAMouseOffsetX=0;
var PBAMouseOffsetY=0;

var OverlayXPos=0;
var OverlayYPos=0;

var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
tempY = event.clientY + document.body.scrollTop + document.documentElement.scrollTop;
}
else {  // grab the x-y pos.s if browser is NS
tempX = e.pageX;
tempY = e.pageY;
}  
if (tempX < 0){tempX = 0;}
if (tempY < 0){tempY = 0;}  

	PBAMouseOffsetX = tempX-ProductPositionX;
	PBAMouseOffsetY = tempY-ProductPositionY;


	if ((PBAMouseOffsetX<0 || PBAMouseOffsetX>ProductImageXSize) || (PBAMouseOffsetY<0 || PBAMouseOffsetY>ProductImageYSize))
	{
		DisplayNonZoomed();
	}
	else
	{
		DisplayZoomed();


		if(PBAMouseOffsetX<(OverlayXSize/2))
		{
			OverlayXPos=0;
		}
		else if(PBAMouseOffsetX>(ProductImageXSize-(OverlayXSize/2)))
		{
			OverlayXPos=ProductImageXSize-(OverlayXSize);
		}
		else
		{
			OverlayXPos=PBAMouseOffsetX-(OverlayXSize/2);
		}


		if(PBAMouseOffsetY<(OverlayYSize/2))
		{
			OverlayYPos=0;
		}
		else if(PBAMouseOffsetY>(ProductImageYSize)-(OverlayYSize/2))
		{
			OverlayYPos=ProductImageYSize-(OverlayYSize);
		}
		else
		{
			OverlayYPos=PBAMouseOffsetY-(OverlayYSize/2);
		}


	}

	document.getElementById('ProductOverlay').style.left = OverlayXPos+28+"px";
	document.getElementById('ProductOverlay').style.top = OverlayYPos+5+"px";

	document.getElementById('LargeProductImage').style.left = -(OverlayXPos*XMultiplier)+"px";
	document.getElementById('LargeProductImage').style.top = -(OverlayYPos*YMultiplier)+"px";


	return true;
}
