var xOffset = 15;
var yOffset = -30;
document.write("<div id=\"over\"></div>\n");

function show(num) {
  if (document.getElementById) {
    document.getElementById("over").innerHTML = info[num];
  }
}
function hide() {
  if (document.getElementById)
    document.getElementById("over").style.visibility = "hidden";
}

function track(event) {
  if (document.getElementById)
  {
    var x, y;

    // safari
    if (navigator.userAgent.toLowerCase().indexOf("safari") + 1)
     { x = event.clientX; y = event.clientY; }

    // ie and opera
    // opera has both document.body and document.documentElement
    else if (window.event)
    {
      x = window.event.clientX;
      y = window.event.clientY;
      if (document.body.scrollLeft || document.body.scrollTop)
      {
	x += document.body.scrollLeft;
	y += document.body.scrollTop;
      }
      else if (document.documentElement.scrollLeft || document.documentElement.scrollTop)    
      {
	x += document.documentElement.scrollLeft;
	y += document.documentElement.scrollTop;
      } 
    }

    // netscape
    else
    {
      x = event.clientX + window.scrollX;
      y = event.clientY + window.scrollY;
    }


    if (document.getElementById("over").style.visibility="visible")
      { document.getElementById("over").style.left = x + yOffset + "px"; document.getElementById("over").style.top = y + xOffset + "px"; }


  }

}


