function show_tooltip(evt, title, text, width) {
   // Ignore old browsers
   if(document.getElementById) {
      elm=document.getElementById("tooltip")
      if( width==null )
         elm.innerHTML='<div style="font-weight:bold">'+title+'</div>'+text;
      else {
         if( title!='' )
            elm.innerHTML='<table width="'+width+'"><tr><td style="font-size:8pt"><b>'+title+'</b><br>'+text+'</td></tr></table>';
         else
            elm.innerHTML='<table width="'+width+'"><tr><td style="font-size:8pt">'+text+'</td></tr></table>';
      }
      if( evt.pageX!=null ) {
         // NN
         dx = evt.pageX + elm.offsetWidth - window.pageXOffset - window.innerWidth+20;
         if( dx>0 )
            elm.style.left = evt.pageX - elm.offsetWidth - 20;
         else
            elm.style.left = evt.pageX;
         dy = evt.pageY + elm.offsetHeight - window.pageYOffset - window.innerHeight + 30;
         if( dy>0 )
            elm.style.top = evt.pageY - elm.offsetHeight - 20;
         else
            elm.style.top = evt.pageY + 20;
      }
      else {
         // IE
         dx = evt.x + elm.offsetWidth - document.body.clientWidth;
         if( dx>0 )
            elm.style.left = evt.x - elm.offsetWidth + document.body.scrollLeft;
         else
            elm.style.left = evt.x + document.body.scrollLeft;
         dy = 20 + evt.y + elm.offsetHeight - document.body.clientHeight;
         if( dy>0 )
            elm.style.top = evt.y - elm.offsetHeight + document.body.scrollTop - 20;
         else
            elm.style.top = evt.y + document.body.scrollTop + 20;
      }
      elm.style.visibility = "visible";
   }
}

function hide_tooltip() {
   // Ignore old browsers
   if(document.getElementById) {
      elm.style.visibility="hidden"
   }
}

document.write('<div id="tooltip" class="tooltip"></div>');