var theObj="";

function hideMe(elementId) 
{
  document.getElementById(elementId).style.display="none";
}

function updateToolTipPos() 
{
  var ev=arguments[0]?arguments[0]:event;
  var x=ev.clientX;
  var y=ev.clientY;

  var scrollXY = getScrollXY();

  diffX=24;
  // update the position of the tooltip box
  document.getElementById('toolTipBox').style.top  = y-2+scrollXY[1]+"px";
  document.getElementById('toolTipBox').style.left = x-2+diffX+scrollXY[0]+"px";
  // hide the tooltip
  //theObj.onmouseout=function() { hideMe('toolTipBox'); };
}

function toolTip(text,me,evt) 
{   

  //theObj=me;
  //theObj.onmousemove=updateToolTipPos;
  document.getElementById('toolTipBox').style.backgroundImage="url("+text+")"; 
  document.getElementById('toolTipBox').style.display="block";
  //window.onscroll=updateToolTipPos;
  updateToolTipPos();
}

function getScrollXY() 
{

  var 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;
  }
 
   
  return [ scrOfX, scrOfY ];
}