function getLeftPos(obj)
{
  var lPos = 0;
  if (obj.offsetParent)
  {
    while (obj.offsetParent)
    {
      lPos += obj.offsetLeft
      obj = obj.offsetParent;
    }
  }
  else if (obj.x)
    lPos += obj.x;

  return lPos;
}

function getTopPos(obj)
{
  var oPos = 0;
  if (obj.offsetParent)
  {
    while (obj.offsetParent)
    {
      oPos += obj.offsetTop
      obj = obj.offsetParent;
    }
  }
  else if (obj.y)
    oPos += obj.y;

  return oPos;
}


function showTooltip(tt, pos)
{
  ttname = tt;
  tt = document.getElementById(tt);

  ttposx = getLeftPos(document.getElementById(pos));
  ttposy = getTopPos(document.getElementById(pos));
  if (navigator.appName.indexOf("Explorer") != -1)
  {
    tt.style.left = (ttposx - 110) + "px";
    tt.style.top  = (ttposy - 146) + "px";
    if (ttname == "ampelinfo")
    {
      tt.style.left = (ttposx - 32) + "px";
      tt.style.top  = (ttposy - 40) + "px";
    }
  }
  else
  {
    tt.style.left = (ttposx - 115) + "px";
    tt.style.top  = (ttposy - 145) + "px";
    if (ttname == "ampelinfo")
    {
      tt.style.left = (ttposx - 47) + "px";
      tt.style.top  = (ttposy - 55) + "px";
    }
  }
  tt.style.display = "block";
}

function closeTooltip(tt)
{
  tt = document.getElementById(tt);
  tt.style.display = "none";
}