var offsetfromcursorY=15 // y offset of tooltip
var ie=document.all && !window.opera;
var ns6=document.getElementById && !document.all;
var tipobj,op;
    
function tooltip(el,txt) {
  tipobj=document.getElementById('mess');
  tipobj.innerHTML = txt;
  op = 0.1;  
  tipobj.style.opacity = op; 
  tipobj.style.visibility="visible";
  el.onmousemove=positiontip;
  appear();
}

function hide_info(el) {
  document.getElementById('mess').style.visibility='hidden';
  el.onmousemove='';
}

function ietruebody() {
  return (document.compatMode && document.compatMode!="BackCompat")?document.documentElement : document.body
}

function positiontip(e) {
  var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
  var winwidth=ie?ietruebody().clientWidth : window.innerWidth-20
  var winheight=ie?ietruebody().clientHeight : window.innerHeight-20
  
  var rightedge=ie?winwidth-event.clientX : winwidth-e.clientX;
  var bottomedge=ie?winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY;

  if (rightedge < tipobj.offsetWidth)  tipobj.style.left=curX-tipobj.offsetWidth+"px";
  else tipobj.style.left=curX+"px";

  if (bottomedge < tipobj.offsetHeight) tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
  else tipobj.style.top=curY+offsetfromcursorY+"px";
}

function appear() {  
  if(op < 1) {
    op += 0.1;
    tipobj.style.opacity = op;
    tipobj.style.filter = 'alpha(opacity='+op*100+')';
    t = setTimeout('appear()', 30);
  }
}