var xPos;
var yPos;

window.onload = function(){
    var toolTip = document.getElementById("toolTip");

    if(!toolTip)
    {
        toolTip = document.createElement("div");
        toolTip.id = "toolTip";
        document.getElementsByTagName("body").item(0).appendChild(toolTip);
    }
};

function showToolTip(title,msg,evt){
    if (evt) {
        var url = evt.target;
    }
    else {
        evt = window.event;
        var url = evt.srcElement;
    }
    xPos = evt.clientX;
    yPos = evt.clientY;

   var toolTip = document.getElementById("toolTip");
   toolTip.innerHTML = "<h1>"+title+"</h1><p>"+msg+"</p>";
   toolTip.style.top = parseInt(yPos)+2 + "px";
   toolTip.style.left = parseInt(xPos)+2 + "px";
   toolTip.style.visibility = "visible";
}

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