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';
       }
       */
       var img = t.getElementsByTagName('img');
       if (img.length > 0) {
           if (/_on\.gif$/.test(img[0].src)) {
               img[0].src = img[0].src.replace(/_on\.gif$/, '.gif');
           } else {
               img[0].src = img[0].src.replace(/\.gif$/, '_on.gif');
           }
       }
   }
}