var initialize = 0;
var ContentInfo;

var topColor = "#F6F6DD";
var subColor = "#F6F6DD";
var x_offset = 15;
var y_offset = 20;

document.onmousemove = getMouseXY;

function ietruebody() {
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function getMouseXY(e) {
  if (document.getElementById("ToolTip")) {
    var el = document.getElementById("ToolTip");
    if (initialize) {
      if (!e) var e = window.event;
      var ex = e.pageX || e.clientX + ietruebody().scrollLeft;
      var ey = e.pageY || e.clientY + ietruebody().scrollTop;
      ex = ex + x_offset;
      ey = ey + y_offset;
      MoveToolTip("ToolTip", ex, ey);
      el.style.visibility = "visible";
      el.style.display = "block";
    }
    else {
      el.style.visibility = "hidden";
      el.style.display = "none";
    }
  }
}

function MoveToolTip(layerID, FromLeft, FromTop) {
  var el        = document.getElementById(layerID);
  el.style.left = FromLeft + "px";
  el.style.top  = FromTop + "px";
}

function ReplaceContent(layerID){
  if (document.getElementById(layerID))
  {
    document.getElementById(layerID).innerHTML = ContentInfo;
  }
}

function activateTooltips() { return true; }
function Activate() { initialize = 1; }
function deActivate() { initialize = 0; }

function EnterContent(layerID, TTitle, TContent, TWidth){

if (TWidth == null) TWidth = '200';

ContentInfo = '<table border="0" width="'+ TWidth +'" cellspacing="0" cellpadding="0">'+
'<tr><td width="100%" bgcolor="#000000">'+

'<table border="0" width="100%" cellspacing="1" cellpadding="0">';

if (TTitle != '') {
  ContentInfo = ContentInfo +
'<tr><td width="100%" bgcolor='+topColor+'>'+

'<table border="0" cellpadding="0" cellspacing="4" width="90%">'+
'<tr><td width="100%">'+

'<span class="tooltiptitle">'+TTitle+'</span>'+

'</td></tr>'+
'</table>'+

'</td></tr>';
}

if (TContent != '') {
  ContentInfo = ContentInfo +
'<tr><td width="100%" bgcolor='+subColor+'>'+

'<table border="0" cellpadding="0" cellspacing="4" width="90%">'+

'<tr><td width="100%">'+

'<span class="tooltipcontent">'+TContent+'</span>'+

'</td></tr>'+
'</table>'+

'</td></tr>';
}

ContentInfo = ContentInfo +
'</table>'+

'</td></tr>'+
'</table>';

ReplaceContent(layerID);

}