/*
////////////////////////////////////
HINTS
////////////////////////////////////
*/


var divToMove;
var posX = 0;
var posY = 0;


function showHints(id) 
{	
 	divToMove = document.getElementById(id);
	divToMove.style.display = 'block';
	window.document.onmousemove = getMouseXY;
	
	function getMouseXY(e) {
	if(navigator.appName == "Netscape")
	{
		posX = e.pageX + 20 + "px";
	 	posY = e.pageY + 20 + "px";

	} else 
	{	
		posX = event.clientX + document.body.scrollLeft - document.getElementById('mainTable').offsetLeft +20; // weird ... the div is in absolute position, but it takes the origin where it was placed ??? :
 		posY = event.clientY + document.body.scrollTop +20;

	}
		
		divToMove.style.left = posX 
		divToMove.style.top = posY	
	 	return true
	}	


}

function hideHints(id) {
divToMove = document.getElementById(id);
window.document.onmousemove = null;
divToMove.style.display='none';
}