var timeout = 500;
var closetimer = 0;
var TabFocus = 0;
var panelDropDown = 0;
var panelContent = 0;

function ddMenuDisplay(NavContainer, TabFocusID, panelContentID) {
    ddMenuClearTimer();

    if (panelContent) panelContent.style.display = 'none';
    if (TabFocus) TabFocus.className = "NavigationTab";

    TabFocus = document.getElementById(TabFocusID);
    TabFocus.className = "NavigationTabFocus";
    panelDropDown = document.getElementById(NavContainer);
    panelDropDown.style.display = 'block';
    panelContent = document.getElementById(panelContentID);
    panelContent.style.display = 'block';
}
function ddMenuClose() {
    if (panelContent) panelContent.style.display = 'none';
    if (TabFocus) TabFocus.className = "NavigationTab";
    if (panelDropDown) panelDropDown.style.display = 'none';
}

function ddMenuCloseTimer() {
    closetimer = window.setTimeout(ddMenuClose, timeout);
}

function ddMenuClearTimer() {
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

document.onclick = ddMenuClose;