var toolTip;

function getPosition(element) {
    var left = 0;
    var top = 0;

    do {
        left += element.offsetLeft;
        top += element.offsetTop;
    } while (element = element.offsetParent);

    this.left = left;
    this.top = top;
}
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;
}

function showToolTip(element, text, width) {
    if (!toolTip) toolTip = document.getElementById("toolTip");

    toolTip.style.width = width + "px";
    document.getElementById("innerToolTip").innerHTML = text;
    toolTip.style.visibility = "visible";
}

function moveToolTip(e) {
    if (!toolTip) toolTip = document.getElementById("toolTip");
    
    var x = mouseX(e), y = mouseY(e);
    
    var offsetLeft = parseInt(toolTip.style.width) / 2;
    var offsetTop = parseInt(toolTip.style.height) + 16;

    if (!offsetLeft) offsetLeft = 0;
    if (!offsetTop) offsetTop = 0;
    
    toolTip.style.left = (x - offsetLeft) + "px";
    toolTip.style.top = (y - offsetTop) + "px";
}

function hideToolTip() {
    if (!toolTip) toolTip = document.getElementById("toolTip");
    
    toolTip.style.visibility = "hidden";
}




// <div id="toolTip" style="opacity: 0.85; padding-top: 8px; border: 1px solid #f0f0b0; font-family: Arial; font-weight: bold; font-size: 14px; position: absolute; height: 24px; background-color: #ffffe0; color: #505050; display: none; text-align: center;">