document.write('<div id="dhtmltooltip" style="overflow:hidden;position: absolute;width: 150px;border: 1px solid black;padding: 2px;visibility: hidden;z-index: 100;background-color:#DCE7F2;"></div>');
var offsetxpoint = 10 //Customize x offset of tooltip
var offsetypoint = -20 //Customize y offset of tooltip
var ie = document.all
var ns6 = document.getElementById && !document.all
var enabletip = false

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

function ShowToolTip(thetext, thecolor, thewidth) {
    var tipobj = null;
    if (document.getElementById) {
        tipobj = document.getElementById("dhtmltooltip");
    } else {
    tipobj = document.all["dhtmltooltip"];
    if (typeof (tipobj).indexOf("collection") > -1) {
        tipobj = document.all["dhtmltooltip"][0];
    }
    }
    
        

    if (ns6 || ie) {
        if (typeof thecolor != "undefined" && thecolor.indexOf('KeyboardEvent') > -1) {
            tipobj.innerHTML = '';
            
            var keytext = document.createElement("span");
            keytext.id = 'keytext';
            keytext.style.paddingTop = '12px';
            keytext.style.paddingLeft = '2px';
            keytext.style.paddingRight = '3px';
            keytext.style.cssFloat = 'left';
            keytext.style.display = 'block';
            keytext.innerHTML = '<b>' + thetext + '</b>';
            
            
            var keytooltip = document.createElement("span");
            keytooltip.id = 'keytooltip';
            keytooltip.style.background = 'url(http://cachefly.eslworldwide.com/esl/img_modules/tooltip.gif) no-repeat';
            keytooltip.style.width = '60px';
            keytooltip.style.height = '40px';
            keytooltip.style.display = 'block';
            keytooltip.style.cssFloat = 'right';
         //   keytooltip.style.marginLeft = '82px';
        //    keytooltip.style.marginTop = '-22px';

            var color = thecolor.indexOf('#');
            if (color > -1)
                tipobj.style.background = thecolor.substring(color);
            tipobj.style.width = '';
            tipobj.style.overflow = 'hidden';
            tipobj.appendChild(keytext);
            tipobj.appendChild(keytooltip);
                     
        }
        else {
            if (typeof thewidth != "undefined") {
                tipobj.style.width = thewidth + "px";
            }
            else {
                tipobj.style.width = '';
            }
            if (typeof thecolor != "undefined" && thecolor != "") tipobj.style.backgroundColor = thecolor
            tipobj.innerHTML = thetext
            tipobj.style.background = '#DCE7F2';
            tipobj.style.height = '';
            tipobj.style.padding = '2px';
            tipobj.style.border = '1px solid black';                                  
        }
        enabletip = true
        document.onmousemove = positiontip
        return false
    }
}

function positiontip(e) {
    var tipobj = null;
    if (document.getElementById) {
        tipobj = document.getElementById("dhtmltooltip");
    } else {
        tipobj = document.all["dhtmltooltip"];
        if (typeof (tipobj).indexOf("collection") > -1) {
            tipobj = document.all["dhtmltooltip"][0];
        }
    }

    if (enabletip) {
        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 ? 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 HideToolTip() {
    var tipobj = null;
    if (document.getElementById) {
        tipobj = document.getElementById("dhtmltooltip");
    } else {
        tipobj = document.all["dhtmltooltip"];
        if (typeof (tipobj).indexOf("collection") > -1) {
            tipobj = document.all["dhtmltooltip"][0];
        }
    }
    if (ns6 || ie) {
        enabletip = false
        tipobj.style.visibility = "hidden"
        tipobj.style.left = "-1000px"
        //tipobj.style.backgroundColor=''
        //tipobj.style.width=''
    }
}

document.onmousemove = positiontip