var tooltip = null;
    var x;
    var y;
    document.onmousemove = updateTooltip;

    function updateTooltip(e) {
    	if (tooltip != null) {
	      var scrTop = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
	      var scrLeft = (document.documentElement && document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft;
	      x = (document.all) ? window.event.x + scrLeft : e.pageX;
	      y = (document.all) ? window.event.y + scrTop : e.pageY;

          tooltip.style.left = ((x * 1) - 500) + "px";
          tooltip.style.top  = ((y * 1) - 300) + "px";
      }
    }

    function showTooltip(id) {
      tooltip = document.getElementById(id);
      tooltip.style.display = "block"
      if (tooltip != null && (x > 0 || y > 0)) {
        tooltip.style.left = ((x * 1) - 500) + "px";
        tooltip.style.top  = ((y * 1) - 300) + "px";
      }
    }

    function hideTooltip() {
      tooltip.style.display = "none";
    }