var AboutMenu = 'AboutMenu'; hlAbout = 'hlAbout'; var shouldHideAboutMenu = 0;
var MediaMenu = 'MediaMenu'; hlMedia = 'hlMedia'; var shouldHideMediaMenu = 0;
var HoverColor = '#fff'; var HoverBackColor = '#00AEEF';

function setMenuItemStyle(element, hover, toggle) {
    if (element) {
        //        if (toggle == true) {
        //            hover = (element.style.color == '');
        //        }
        if (hover == true) {
            element.style.color = HoverColor;
            element.style.backgroundColor = HoverBackColor;
        } else {
            element.style.color = '';
            element.style.backgroundColor = '';
        }
    }
}

function HideAll(mode) {
    document.getElementById(AboutMenu).style.display = 'none';
    setMenuItemStyle(document.getElementById(hlAbout), false);
    document.getElementById(MediaMenu).style.display = 'none';
    setMenuItemStyle(document.getElementById(hlMedia), false);
}

function ShowAboutMenu() {
    HideAll(0);
    document.getElementById(AboutMenu).style.display = '';
    setMenuItemStyle(document.getElementById(hlAbout), true);
    shouldHideAboutMenu++;
}

function HideAboutMenu(key) {
    if (typeof key == 'undefined') {
        setTimeout("HideAboutMenu(" + shouldHideAboutMenu + ");", 1000);
    } else {
        if (key == shouldHideAboutMenu) {
            document.getElementById(AboutMenu).style.display = 'none';
            setMenuItemStyle(document.getElementById(hlAbout), false);
        }
    }
}

function ShowMediaMenu() {
    HideAll(0);
    document.getElementById(MediaMenu).style.display = '';
    setMenuItemStyle(document.getElementById(hlMedia), true);
    shouldHideMediaMenu++;
}

function HideMediaMenu(key) {
    if (typeof key == 'undefined') {
        setTimeout("HideMediaMenu(" + shouldHideMediaMenu + ");", 1000);
    } else {
        if (key == shouldHideMediaMenu) {
            document.getElementById(MediaMenu).style.display = 'none';
            setMenuItemStyle(document.getElementById(hlMedia), false);
        }
    }
}