function MouseOver(btn)
{
   var id = btn.alt;
   var div = document.getElementById(id);
   div.style.top = getElementTop(btn) + "px";
   div.style.left = getElementLeft(btn) + "px";
   div.style.width = btn.width - 13 + "px";
   div.style.display = '';    
   div.onmouseout = delayHide(div);
   div.onmouseover = divOver(div);
}

function delayHide(div) {
   return function() {
      div.setAttribute("over", 'false'); 
      setTimeout("hide('" + div.getAttribute("id") + "')", 10);
   };
}

function divOver(div) {
   return function() {
      div.setAttribute("over", 'true');
   };
}

function hide(id) {
   var div = document.getElementById(id);
   if (div.getAttribute("over") == 'false') {
      div.style.display = 'none';
   }
}

function getElementLeft(elem) {        
   xPos = elem.offsetLeft;
   tempEl = elem.offsetParent;
   while (tempEl != null) {
      xPos += tempEl.offsetLeft;
      tempEl = tempEl.offsetParent;
   }
   return xPos;         
}

function getElementTop(elem) {        
   yPos = elem.offsetTop;
   tempEl = elem.offsetParent;
   while (tempEl != null) {
      yPos += tempEl.offsetTop;
      tempEl = tempEl.offsetParent;
   }
   return yPos;         
}