

function hideLargeImage()
{
	var div = document.getElementById("largeMenuDiv");
	if (div != null)
	{
		div.style["display"] = "none";
	}
}


function showLargeImage(evt, imgSrc)
{
	// Detect if the browser is IE or not.
	// If it is not IE, we assume that the browser is NS.
	var IE = document.all ? true : false;

	// Temporary variables to hold mouse x-y pos.s
	var tempX = 0;
	var tempY = 0;

	// Main function to retrieve mouse x-y pos.s

	if (IE) 
	{ 
		// grab the x-y pos.s if browser is IE
		tempX = event.clientX + document.body.scrollLeft;
		tempY = event.clientY + document.body.scrollTop;
	} 
	else 
	{  
		// grab the x-y pos.s if browser is NS
		tempX = evt.pageX;
		tempY = evt.pageY;
	}  

	// catch possible negative values in NS4
	if (tempX < 0) {tempX = 0};
	if (tempY < 0) {tempY = 0};  
	  
	var top = tempY;
	var left = tempX + 170;

	var div=document.getElementById("largeMenuDiv");  
		
	div.style['top']='' + top + 'px';
	div.style['left']='' + left + 'px';
	div.innerHTML = "<img id=\"largeMenuImage\" border=\"0\" src=\"" + imgSrc + "\"/>";
	div.style['display']='block';
}


