hints = new Object();

oMyContent = document.getElementById( "myContent" );
oMyInfoBox = document.getElementById( "myInfoBox" );

function setHint(Id,text,top,left)
{
hints[Id] = new Object();
hints[Id]["text"]    = text;
hints[Id]["top"]     = top;
hints[Id]["left"]    = left;
hints[Id]["enabled"] = true;
}

function showHint(Id, text, relative)
{

  if (hints[Id]["enabled"]==false) return;

  oMyContent.innerHTML  = hints[Id]["text"].replace('%s',text);
  if (relative==true)
  {
    if (is_ie) getScrollOffset();
    oMyInfoBox.style.top  = scrollYOffset + mouseY + hints[Id]["top"];
    oMyInfoBox.style.left = scrollXOffset + mouseX + hints[Id]["left"];
  } else {
    oMyInfoBox.style.top  = hints[Id]["top"];
    oMyInfoBox.style.left = hints[Id]["left"];
  }
  oMyInfoBox.style.visibility = "visible";
}

function clearHint()
{
oMyInfoBox.style.visibility = "hidden";
}

function disableHints()
{
for (var i = 0; i < disabledHints.length; ++i)
  if(hints[disabledHints[i]]) hints[disabledHints[i]]["enabled"]=false;
}