var detailIsShown = 0;

var mouseX , mouseY;
var IE = document.all?true:false;
if (!IE) 
{
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
}
var tempX = 0;
var tempY = 0;


function showDetail(id , detail)
{
	
	if (IE) 
	{
		getMouseXY();
	}
	
	
	var mCoord = new Array;
	obj = document.getElementById(id);	
	
	if (window.detailIsShown == 0)
	{
		obj.innerHTML = document.getElementById(detail).innerHTML;
		window.detailIsShown = 1;
	}
	
	obj.style.display = '';
	obj.style.top  = window.mouseY - 100;
	obj.style.left = window.mouseX + 10;	
	
}

function hideDetail(id)
{
		obj = document.getElementById(id);	
		obj.innerHTML = '';
		window.detailIsShown = 0;
		obj.style.display = 'none';
}




function getMouseXY(e) {

var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body
var dsocleft=document.all? iebody.scrollLeft : pageXOffset
var dsoctop=document.all? iebody.scrollTop : pageYOffset

if (IE) { // grab the x-y pos.s if browser is IE

tempX = event.clientX + dsocleft;
tempY = event.clientY + dsoctop;
}
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;}  
//document.getElementById('coords').innerHTML = window.mouseY + ' ' + window.mouseX + ' ' + dsoctop;
if (IE) 
{
window.mouseX = tempX ; //- 135
window.mouseY = tempY ; //- 113
}
else
{
window.mouseX = tempX;
window.mouseY = tempY;	
}
return true;
}