var currentImage;
var detailsX=-15,detailsY=15;
var mouseTracking=true,detailsPosition=-1;	//-1 to left, 1 to right
var mouseX=-1000,mouseY=-1000;
var ie=document.all?true:false

function displayDetails(image,position)
{
	var detailsDiv=document.getElementById("detailsDiv");
	if(currentImage!=image && image)
	{detailsDiv.innerHTML=legends[image];}
	if(position=='lb')
	{detailsX=-15, detailsY=-275;}
	if(position=='lt')
	{detailsX=-15, detailsY=15;}
	if(position=='rb')
	{detailsX=365, detailsY=-275;}
	if(position=='rt')
	{detailsX=365, detailsY=15;}
	if(position=='special')
	{detailsX=645, detailsY=-330;}
	currentImage=image;
	if(image)
	{
		detailsDiv.style.display="inline";
		detailsDiv.style.position="absolute";
	if(mouseTracking)
		{
			if(!ie)
			{document.captureEvents(Event.MOUSEMOVE);}
			document.onmousemove=getMouseXY;
			thisDetailsX=mouseX+detailsPosition*detailsX;
			thisDetailsY=mouseY+detailsY;
		}
		else
		{
			thisDetailsX=detailsX;
			thisDetailsY=detailsY;
		}
		
		detailsDiv.style.left=thisDetailsX+"px";
		detailsDiv.style.top=thisDetailsY+"px";
	}
	else
	{
		detailsDiv.style.display="none";
		document.onmousemove=null;
	}
}
function getMouseXY(e)
{
	
	if(ie)
	{
		mouseX=event.clientX+document.body.scrollLeft;
		mouseY=event.clientY+document.body.scrollTop;
	}
	else
	{
		mouseX=e.pageX;
		mouseY=e.pageY;
	}
	mouseX=Math.max(0,mouseX);
	mouseY=Math.max(0,mouseY);
	displayDetails(currentImage);
}