//==============================================================================
// globals for menus
var currSubMenuDiv = null;
var currMenuDiv = null;
var currTopDiv = null;

//==============================================================================
function showSubMenu(menuID){
    hideSubMenu();

    var objSubMenuDiv = document.getElementById('SM'+menuID);
    var objMenuDiv = document.getElementById(menuID);
    var objTopDiv = document.getElementById(menuID-1);

    if( objSubMenuDiv != null ){
        currSubMenuDiv = objSubMenuDiv;
        currMenuDiv = objMenuDiv;
        currTopDiv = objTopDiv;

        if( objSubMenuDiv.filters ){
            objSubMenuDiv.style.padding = "0px 1px 1px 0px";
            objSubMenuDiv.style.background = "#1F5EA0";
        }

        objSubMenuDiv.style.marginTop = objMenuDiv.offsetTop-1;
        objSubMenuDiv.style.display = "block";
        objMenuDiv.style.marginRight = "0px";
        objTopDiv.style.marginRight = "0px";
        objTopDiv.style.backgroundColor = "transparent";
    }
}//showSubMenu
//==============================================================================

//==============================================================================
function hideSubMenu(){
    if( currSubMenuDiv != null ){
        currSubMenuDiv.style.display = "none";
        currMenuDiv.style.marginRight = "2px";
        currTopDiv.style.marginRight = "2px";
        currTopDiv.style.backgroundColor = "#1F5EA0";
    }
}//hideSubMenu
//==============================================================================