var offsetxpoint=-60; //Customize x offset of tooltip
var offsetypoint=00; //Customize y offset of tooltip
var ie=document.all;
var ns6=document.getElementById && !document.all;
var enabletip=false;
var lockedtip=false;
var tipobj;


function onInit() {
    if (ie||ns6) {
        tipobj=document.all ? document.all["dhtmltooltip"] : document.getElementById ? document.getElementById("dhtmltooltip") : "";
    }
}

window.onload = onInit;

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

function showtip(thetext, thecolor, thewidth) {
    if (ns6||ie) {
        if (!lockedtip) {
            if (typeof thewidth!="undefined") {
                tipobj.style.width=thewidth+"px";
            }
            if (typeof thecolor!="undefined" && thecolor!="") {
                tipobj.style.backgroundColor=thecolor;
            }
            tipobj.innerHTML=thetext;
            enabletip=true;
        }
        return false;
    }
}

function showpermtip(thetext, thecolor, thewidth) {
    if (enabletip==true) {
        lockedtip=true;
        var cbtn = document.getElementById('dhtmltooltipclose');
        cbtn.style.top=(parseInt(tipobj.style.top)+1)+'px';
        cbtn.style.left=(parseInt(tipobj.style.left)+parseInt(tipobj.offsetWidth)-11)+'px';
        cbtn.style.display='block';
    }
}

function hidepermtip() {
    lockedtip = false;
    hidetip();
    var cbtn = document.getElementById('dhtmltooltipclose');
    cbtn.style.display='none';
    cbtn.style.left='-1000px';
    return false;
}


function hidetip() {
    if (ns6||ie) {
        if (!lockedtip) {
            enabletip=false;
            tipobj.style.display='none';
            tipobj.style.left="-1000px";
        }
    }
}

function positiontip(e) {
    if (enabletip && !lockedtip) {
	var curX = (ns6) ? e.pageX : event.clientX+ietruebody().scrollLeft; 
	var curY = (ns6) ? e.pageY : event.clientY+ietruebody().scrollTop; 
	//Find out how close the mouse is to the corner of the window 
	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 the horizontal distance isn't enough to accomodate the width of the context menu 
	if (rightedge<tipobj.offsetWidth) { 
	    //move the horizontal position of the menu to the left by it's width 
	    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 { 
	    //position the horizontal position of the menu where the mouse is positioned 
	    tipobj.style.left=curX+offsetxpoint+"px"; 
	} 
        
	//same concept with the vertical position 
	if (bottomedge<tipobj.offsetHeight) { 
	    tipobj.style.top=ie? -10+ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : -10+window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"; 
	} 
	else { 
	    tipobj.style.top=10+curY+offsetypoint+"px"; 
	} 
        
	tipobj.style.display='block'; 
	/*    var curX = mouseX(e)+10;
	      var curY = mouseY(e)+10;
	      

	      tipobj.style.display='block';
	      tipobj.style.top=curY+'px';
	      tipobj.style.left=curX+'px';
	      }
	*/
    }
}

function mouseX(evt) {
if (evt.pageX) return evt.pageX;
else if (evt.clientX)
   return evt.clientX + (document.documentElement.scrollLeft ?
   document.documentElement.scrollLeft :
   document.body.scrollLeft);
else return null;
}
function mouseY(evt) {
if (evt.pageY) return evt.pageY;
else if (evt.clientY)
   return evt.clientY + (document.documentElement.scrollTop ?
   document.documentElement.scrollTop :
   document.body.scrollTop);
else return null;
}

document.onmousemove=positiontip;