var isIE = document.all;
var isFF = false;
if (navigator.userAgent.indexOf("irefox") != -1) { isFF = true }

var mouseX = 0;
var mouseY = 0;

function getMouseXY(e)
{ 
  if (!e) e = window.event;
  if (e && document.body)
  { 
  	mouseX = isIE ? (e.clientX + document.body.scrollLeft) : e.pageX;
  	mouseY = isIE ? (e.clientY + document.body.scrollTop) : e.pageY;
  }
}

document.onmousemove = getMouseXY;

function showToolTip(x) {
						var scrollOffset, xscrollOffset, scrOfX = 0, scrOfY = 0;
						  if( typeof( window.pageYOffset ) == 'number' ) {
						    //Netscape compliant
						    scrOfY = window.pageYOffset;
						    scrOfX = window.pageXOffset;
							
						  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
						    //DOM compliant
						    scrOfY = document.body.scrollTop;
						    scrOfX = document.body.scrollLeft;
						  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
						    //IE6 standards compliant mode
						    scrOfY = document.documentElement.scrollTop;
						    scrOfX = document.documentElement.scrollLeft;
						  }
						  
						 
						  if (isIE) {
  							scrollOffset = scrOfY;
							xscrollOffset = scrOfX;
						} else { scrollOffset = 0; xscrollOffset = 0; }
						document.getElementById("tooltip" + x).style.display = "block";
						// get mouse position
						document.getElementById("tooltip" + x).style.left = (mouseX + 10 + xscrollOffset) + "px";
						document.getElementById("tooltip" + x).style.top = (mouseY - 40 + scrollOffset) + "px";
						document.getElementById("tooltiparrow").style.display = "block";
						// get mouse position
						document.getElementById("tooltiparrow").style.left = (mouseX + 10 + xscrollOffset) + "px";
						document.getElementById("tooltiparrow").style.top = (mouseY + scrollOffset) + "px";
					}
					
					function hideToolTip(x) {
						document.getElementById("tooltip" + x).style.display = "none";
						document.getElementById("tooltip" + x).style.left = "-9999px";
						document.getElementById("tooltip" + x).style.top = "-9999px";
						document.getElementById("tooltiparrow").style.display = "none";
						document.getElementById("tooltiparrow").style.left = "-9999px";
						document.getElementById("tooltiparrow").style.top = "-9999px";
					}