function makeArea(id)
{
  div = document.getElementById("area"+id);
  if(div)
  {
      div.style.position="absolute";
      div.style.border="solid 1px black";
      div.style.visibility="hidden"; 
      div.style.display="block";
      div.style.zIndex="10000";
      div.onmouseover = function() { clearTimer(id); };
      div.onmouseout = function() { setTimer(id, "hideArea("+id+")", 300); };
  }
}
  
  var previd;

  function showArea(sender, id)
  {
    obj = document.getElementById("area"+id);
    if(obj)
    {
      obj.style.visibility="visible";
      obj.style.left=(getAscendingLefts(sender)-obj.offsetWidth)+"px";
      obj.style.top=getAscendingTops(sender)+"px";
      if(previd!=id)
      {
        hideArea(previd);
      }
      previd=id;
      timer = setTimer(id, "hideArea("+id+")", 2000);
    }
  }
  
  function hideArea(id)
  {
    obj = document.getElementById("area"+id);
    if(obj)
    {
      obj.style.visibility="hidden";
    }
  }