var toolTip = null, closetimer = null;

/*---------------------------------------------------------------------------*/

function showToolTip (title, msg, evt) {

  var xPos, yPos;

  ttcancelclosetime ();  /* Cancel close timer */
  if (toolTip)
    toolTip.style.visibility = 'hidden';  /* Close old layer */

  if (!evt) {
    evt = window.event;
  }

  if (evt.pageX || evt.pageY) {
    xPos = evt.pageX;
    yPos = evt.pageY;
  }
  else
    if (evt.clientX || evt.clientY) {
      xPos = evt.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
      yPos = evt.clientY + document.body.scrollTop + document.documentElement.scrollTop;
    }

  toolTip = document.getElementById ("toolTip");
  toolTip.innerHTML = "<h1>" + title + "</h1>" + msg;
  toolTip.style.top = parseInt (yPos) + 2 + "px";
  toolTip.style.left = parseInt (xPos) + 2 + "px";
  toolTip.style.visibility = "visible";
}

/*---------------------------------------------------------------------------*/

function hideToolTip () {

  closetimer = window.setTimeout (ttclose, 600);  /* Close after 600ms */
}

/*---------------------------------------------------------------------------*/

function ttclose () {

  if (toolTip)
    toolTip.style.visibility = 'hidden';  /* Close tooltip */
}

/*---------------------------------------------------------------------------*/

function ttcancelclosetime () {  /* Cancel close timer */

  if (closetimer) {
    window.clearTimeout (closetimer);
    closetimer = null;
  }
}