﻿function SetVisibility(thePanel, text) 
{
    var panel = document.getElementById(thePanel);
    var textitem = document.getElementById(text);
    if (panel == null) return;
    if (panel.style.visibility == 'hidden') 
    {
        panel.style.visibility = 'visible';
        var offsetTrail = document.getElementById(text).offsetParent;
        var offsetLeft = 0;
        var offsetTop = 0;
        while (offsetTrail)
        {
            offsetLeft += offsetTrail.offsetLeft;
            offsetTop += offsetTrail.offsetTop;
            offsetTrail = offsetTrail.offsetParent;
        }
        var l = offsetLeft + textitem.offsetLeft;
        l = l - (panel.offsetWidth - textitem.offsetWidth) / 2;
        panel.style.left = l + 'px';
        var t = offsetTop + textitem.offsetHeight + 10;
        panel.style.top = t + 'px';

        //Установка высоты панели (разная в разных броузерах)
        var panel_height = 0;
        var i = 0;
        for (i = 0; i < panel.children.length; i++) 
        {
            var h = parseInt(panel.children[i].clientHeight);
            if (!isNaN(h)) panel_height += h + 1;
        }
        panel.style.height = panel_height + 6 + 'px';
    }
    else 
    {
        //panel.style.visibility = 'hidden';
    }
}

function Hide(thePanel) 
{
    var panel = document.getElementById(thePanel);
    if (panel.style.visibility == 'visible') panel.style.visibility = 'hidden';
}


