if (navigator.appName == "Microsoft Internet Explorer")
{
	var thumbWidth = 300;
	var thumbHeight = 300;
	var zoomWidth = 1200;
	var zoomHeight = 1200;
	var zoomPanelX = 300;
	var zoomPanelY = 0;
	var scaleFactorX = zoomWidth / thumbWidth;
	var scaleFactorY = zoomHeight / thumbHeight;
	var thumbnailSize = thumbWidth / scaleFactorX;
	var thumbnailRadius = thumbnailSize / 2;
	
	function doMouseOverZoom()
	{
		document.getElementById('zoomed').style.visibility = 'visible';
		document.getElementById('theZoomedImage').style.visibility = 'visible';
		
		// Position the zoom panel
		//Left hand edge of the large image is clientX (within window) - offsetX (within image)
		//Top edge of the large image is clientY (within window) - offsetY (within image)
		var imageLeftX = event.clientX - event.offsetX;
		var imageLeftY = 300
		//alert("offsetY:" + event.offsetY + " clientY:" + event.clientY + " pageY:" + event.screenY);
		document.getElementById('zoomed').style.left = imageLeftX + zoomPanelX;
		document.getElementById('zoomed').style.top = imageLeftY;
		
		document.getElementById('highlightBlock').style.visibility = 'visible';
		document.getElementById('highlightBlock').style.width = thumbnailSize;
		document.getElementById('highlightBlock').style.height = thumbnailSize;
		document.getElementById('highlightBlock').style.left = event.clientX - thumbnailRadius;
		document.getElementById('highlightBlock').style.top = event.clientY - thumbnailRadius;
		
	}
	
	function doMouseOutZoom()
	{
		document.getElementById('zoomed').style.visibility = 'hidden';
		document.getElementById('highlightBlock').style.visibility = 'hidden';
		document.getElementById('theZoomedImage').style.visibility = 'hidden';
	}
	function doMouseMoveZoom()
	{
		document.getElementById('highlightBlock').style.left = (event.clientX - thumbnailRadius) + document.body.scrollLeft;
		document.getElementById('highlightBlock').style.top = (event.clientY - thumbnailRadius) + document.body.scrollTop;	
		
		var XZoom =  - ((event.offsetX) * scaleFactorX) + 150;
		var YZoom =  - ((event.offsetY)* scaleFactorY) + 150;	
		document.getElementById('zoomedImage').style.left = XZoom;
		document.getElementById('zoomedImage').style.top = YZoom;
		
		return true;
	}
}