﻿ var tooltipWindow = null;
 
 function ToolTipShow(e, msg, width)
{
    
    if(tooltipWindow == null)
    {            
        tooltipWindow = document.createElement("div");
        document.body.appendChild(tooltipWindow); 
        tooltipWindow.className = "toolTipWindow";        
    }    
    tooltipWindow.style.width = width;
    var target = new xEvent(e).target;
    
    var targetX = xPageX(target);        
    var targetY = xPageY(target);   
    var targetW = xWidth(target);
    var targetH = xHeight(target);
    
     
    tooltipWindow.innerHTML = msg;
    
    var toolTipH = xHeight(tooltipWindow);
    var toolTipW = xWidth(tooltipWindow);
                  

    
    var toolTipY = targetY - toolTipH;
    if(toolTipY < 2) 
    {
        toolTipY = targetY + targetH;
    }


    var toolTipX = targetX + (targetW / 2) - (toolTipW / 2);
    
    if(toolTipX < 2)
    {
        toolTipX = targetX;
    }
    
    tooltipWindow.style.top = toolTipY;
    tooltipWindow.style.left = toolTipX;
    tooltipWindow.style.visibility = "visible";

    
}
function ToolTipHide()
{
    tooltipWindow.style.visibility = "hidden";
}