var overTooltip = 0;

function getElementPosition(e) {
    var pos = new Object();
    pos.x = pos.y = 0;
    if (e.style.position=='absolute' && e.style.posWidth>=0) {
        pos.width = parseInt(e.style.posWidth);
        pos.height = parseInt(e.style.posHeight);
    } else {
        pos.width = parseInt(e.offsetWidth);
        pos.height = parseInt(e.offsetHeight);
    }

    while (e) {
        if (e.style.position=='absolute' && e.style.posLeft>=0) {
            pos.x += parseInt(e.style.posLeft);
            pos.y += parseInt(e.style.posTop);
        } else {
            pos.x += parseInt(e.offsetLeft);
            pos.y += parseInt(e.offsetTop);
        }
        e = e.offsetParent;
    }
    return pos;
}


function showTooltip(id, url) {
  var idstr;
  idstr = '_' + id + '_';
  var elem;
  elem = document.getElementById(idstr);
  var poz;
  poz = getElementPosition(elem);
  var tDiv = document.getElementById('thetooltip');
  tDiv.style.position = 'absolute';
  yOffset = parseInt(poz.y);
  yOffset += 30;
  xOffset = parseInt(poz.x);
  xOffset += 10;
  tDiv.style.left = xOffset + 'px';
  tDiv.style.top = yOffset + 'px';
  tDiv.innerHTML = '<a href="' + url + '" target="_blank" onmouseover="overTt()" onmouseout="outTt()"><img src="imgs/banners/2009/tooltip/' + id + '_320x240.jpg" style="border: 0;" /></a>';
  tDiv.style.display = 'block';
}

function hideTooltip(id) {
  setTimeout('needHideTooltip()', 500);
}

function needHideTooltip() {
  if(overTooltip == 0) {
    realHideTooltip();
  }
}

function overTt() {
  overTooltip = 1;
}

function outTt() {
  overTooltip = 0;
  setTimeout('needHideTooltip()', 500);
}

function realHideTooltip() {
  var tDiv = document.getElementById('thetooltip');
  tDiv.innerHTML = '';
  tDiv.style.display = 'none';
}