﻿

function toolTipMouseOver(parent, toolTipId)
{
    var toolTip = document.getElementById(toolTipId);
    
    var position = findPosition(parent);
    toolTip.style.display = 'block';
    toolTip.style.left = position.x - (toolTip.offsetWidth / 2) + 'px';
    toolTip.style.top = parent.offsetTop - toolTip.offsetHeight - 20 + 'px';
}

function toolTipMouseOut(toolTipId)
{
    var toolTip = document.getElementById(toolTipId);
    toolTip.style.display = 'none';
}

function findPosition(element) 
{    	
    var posx = 0;
    var posy = 0;
    
    if (element.offsetParent) 
    {
        do
        {
            posx += element.offsetLeft;
            posy += element.offsetTop;
                
            if (!element.offsetParent) 
            {
                 break;
            }
        } 
        while (element = element.offsetParent) 
    } 
    else if (element.x) 
    {
        posx += element.x;
        posy += element.y;
    }

    return {x:posx, y:posy};
}
