var DISABLE_POPUP_MENUS = false;

function getTopMenuCoords(topId)
{
    var t = document.getElementById(topId);
    if (t) {
        var x = t.offsetLeft;
        var y = t.offsetTop;
        var p = t;
        while (p = p.offsetParent) {
            x += p.offsetLeft;
            y += p.offsetTop;
        }
        return [x, y, t.offsetWidth, t.offsetHeight];
    }
}


function showPopupMenu(topId)
{
    if (DISABLE_POPUP_MENUS) {
        return;
    }
    var m = document.getElementById(topId+'_popupMenu');
    if (m) {
        var c = getTopMenuCoords(topId);
        if (c) {
            m.style.display = 'block';
            m.style.left = c[0]+'px';
            //m.style.left = (c[0]+(c[2]/2)-(m.offsetWidth/2))+'px';
            m.style.top = (c[1]+c[3])+'px';
            var sh = document.getElementById(topId+'_popupMenuShadow');
            if (sh) {
                sh.style.display = 'block';
                sh.style.left = m.offsetLeft+3+'px';
                sh.style.top = (m.offsetTop+3)+'px';
                sh.style.width = m.offsetWidth+'px';
                sh.style.height = m.offsetHeight+'px';
            }
            highlightTopMenu(topId, true);
        }
    }
}


function hidePopupMenu(topId)
{
    var m = document.getElementById(topId+'_popupMenu');
    if (m) {
        m.style.display = 'none';
        var sh = document.getElementById(topId+'_popupMenuShadow');
        if (sh) {
            sh.style.display = 'none';
        }
        highlightTopMenu(topId, false);
    }
}

function highlightTopMenu(topId, bHighlight)
{
    var t = document.getElementById(topId);
    if (t) {
        t.className = t.className.replace(/\bhighlight\b/g, '');
        if (bHighlight)
        {
            t.className = t.className + ' highlight';
        }
    }
}