var Browser = 0;
 
function Init()
{
  /* Check Browser */
  if (document.all)
  {
    if (navigator.appName == "Microsoft Internet Explorer")
    {
      Browser = 1; /* Microsoft Internet Explorer */
    }
    else if (navigator.appName == "Konqueror")
    {
      Browser = 3; /* Konqueror */
    }
    else
    {
      Browser = 2; /* Opera */
    }
  }
  else if (typeof(document.addEventListener)=="function")
  {
    Browser = 4; /* Netscape 6, Netscape 7, Mozilla, Firefox */
    document.addEventListener("mouseover",ShowInfo,true);
  }
  else if (document.InfoMessage)
  {
    Browser = 5; /* Netscape 4 */
    window.captureEvents(Event.SHOWINFO);
  }
  else
  {
    /* Unknown browser - cannot show MouseOver event! */
  }
}
 
function ShowInfo (infotext,event)
{
  var xplus = 5;
  var yplus = 20;
 
  var layertext = '<table cellspacing=0 class="infobox"><tr><td>' + infotext + '</td></tr></table>';
  if (event)
  {
    if (Browser <= 1)
    {
      /* Microsoft */
      var temp = document.getElementById("InfoMessage");
      temp.innerHTML=layertext;
      temp.style.left = window.event.clientX + document.body.scrollLeft + xplus;
      temp.style.top = window.event.clientY + document.body.scrollTop + yplus;
    }
    else if (Browser <= 3)
    {
      /* Opera, Konqueror */
      var temp = document.getElementById("InfoMessage");
      temp.innerHTML=layertext;
      temp.style.left = window.event.clientX + xplus;
      temp.style.top = window.event.clientY + yplus;
    }
    else
    {
      /* Netscape, Konqueror, Firefox, Mozilla */
      var temp = document.getElementById("InfoMessage");
      var range = self.document.createRange();
      range.setStartBefore(temp);
      var layer=range.createContextualFragment(layertext);
      temp.style.left = event.pageX + xplus;
      temp.style.top = event.pageY + yplus;
      while(temp.hasChildNodes())
      {
        temp.removeChild(temp.lastChild);
      }
      temp.appendChild(layer);
    }
  }
}
 
function CloseInfo ()
{
  var temp = document.getElementById("InfoMessage");
  temp.style.top = '-1000px';
}