// Cool DHTML tooltip script - (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
// This notice MUST stay intact for legal use
// Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

document.write('<div id="tooltip" style="position: absolute; border: 1px solid black; padding: 2px; font-size: 12px; background-color: lightyellow; visibility: hidden; z-index: 100"></div>');

var offsetxpoint = -40; //Customize x offset of tooltip
var offsetypoint =  18; //Customize y offset of tooltip
var ie  = document.all;
var ns6 = document.getElementById && !document.all;
var enabletip = false;
var tid = 0;

if(ie || ns6) var tipobj = document.all ? document.all['tooltip'] : document.getElementById ? document.getElementById('tooltip') : '';

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

function showtip(thetip, autohide, thecolor, thewidth) {
  if(ns6 || ie){
    if(typeof thewidth!="undefined") tipobj.style.width = thewidth + 'px';
    tipobj.style.backgroundColor = (typeof thecolor != 'undefined'  && thecolor != '') ? thecolor : 'lightyellow';
    tipobj.innerHTML = tip[thetip];
    enabletip = true;
    if(!autohide || autohide == 'true') tid = setTimeout('hidetip()', 64 * tip[thetip].length);
    return false;
  }
}

function positiontip(e) {
  if(enabletip) {
    var curX = (ns6) ? e.pageX : event.clientX + ietruebody().scrollLeft;
    var curY = (ns6) ? e.pageY : event.clientY + ietruebody().scrollTop;
    var rightedge  = ie && !window.opera ? ietruebody().clientWidth  - event.clientX - offsetxpoint : window.innerWidth  - e.clientX - offsetxpoint - 20;
    var bottomedge = ie && !window.opera ? ietruebody().clientHeight - event.clientY - offsetypoint : window.innerHeight - e.clientY - offsetypoint - 20;
    var leftedge   = (offsetxpoint < 0) ? offsetxpoint * (-1) : -1000;

    if(rightedge<tipobj.offsetWidth) {
      tipobj.style.left = ie ? ietruebody().scrollLeft + event.clientX - tipobj.offsetWidth + 'px' : window.pageXOffset + e.clientX - tipobj.offsetWidth + 'px';
    }
    else if(curX < leftedge) tipobj.style.left = '5px';
    else tipobj.style.left = curX + offsetxpoint + 'px';

    if(bottomedge<tipobj.offsetHeight) {
      tipobj.style.top = ie ? ietruebody().scrollTop + event.clientY - tipobj.offsetHeight - offsetypoint + 'px' : window.pageYOffset + e.clientY - tipobj.offsetHeight - offsetypoint + 'px';
    }
    else tipobj.style.top = curY + offsetypoint + 'px';
    tipobj.style.visibility = 'visible'
  }
}

function hidetip() {
  if (ns6 || ie) {
    enabletip = false;
    clearTimeout(tid);
    tid = 0;
    tipobj.style.visibility = 'hidden';
    tipobj.style.left  = '-1000px';
    tipobj.style.backgroundColor = '';
    tipobj.style.width = '';
  }
}

document.onmousemove = positiontip;