function ShowInfo(what){
  tmp=what.split("---");
  what=tmp[0];
  text=tmp[1];
  element=document.getElementById(what);
  a=getPosition(element);
  document.getElementById("Infobox").style.display = "block";
  document.getElementById("Infobox").style.position = "absolute";
  document.getElementById("Infobox").style.left = a.x;
  document.getElementById("Infobox").style.top = a.y - 20;
  document.getElementById("Infobox").innerHTML=text;
  
}

function HideInfo(what){
  document.getElementById("Infobox").style.display="none";
}

function getPosition(element){
  var elem=element,tagname="",x=0,y=0;
  while ((typeof(elem)=="object")&&(typeof(elem.tagName)!="undefined")){
    y+=elem.offsetTop;     
    x+=elem.offsetLeft;  
    tagname=elem.tagName.toUpperCase(); 
    if (tagname=="BODY")elem=0;
    if (typeof(elem)=="object")
      if (typeof(elem.offsetParent)=="object")
        elem=elem.offsetParent;
  }
  position=new Object();
  position.x=x;
  position.y=y;
  return position;
}