var objNavMenu = null;
var prevObjNavMenu = null;
var prevObjDropMenu = null;
var numDropMenu = 2;
var numBareLinks = 6;
///////// link styles
var bgLinkColor = '#A40000';
var bgLinkHover = '#F5DEB3';
var bgLinkActive = '#BB0000';
var linkColor = '#F5DEB3';
var linkHover = '#A40000';
var linkActive = '#222222';
var isIE = null;
if (navigator.appName.indexOf('Microsoft Internet Explorer') != -1) isIE=1;

function initDropMenu() {
    document.onclick = hideDropMenu;
    for (i=1; i<=numBareLinks; i++) {
        bareLinkName = 'bareLink'+i;
        objBareLink = document.getElementById(bareLinkName);
        objBareLink.onmouseover = menuHover;
        objBareLink.onmouseout=menuOut;
        objBareLink.onclick = showDropMenu;
    }
    for (i=1; i<=numDropMenu; i++) {
        menuName = 'dropMenu'+i;
        navName = 'navMenu'+i;
        objDropMenu = document.getElementById(menuName);
        objNavMenu = document.getElementById(navName);
        objDropMenu.style.visibility='hidden';
        objNavMenu.onmouseover = menuHover;
        objNavMenu.onmouseout=menuOut;
        objNavMenu.onclick = showDropMenu;
    }
    objNavMenu = null;
    return;
}

function isBareLink(e) {
    if (e.id.substr(0,4) == "bare") return true;
}

function menuHover(e) {
    document.onclick = null;
    hoverObjNavMenu = document.getElementById(this.id);
    if (hoverObjNavMenu != objNavMenu) {
        hoverObjNavMenu.style.color = linkHover;
        hoverObjNavMenu.style.backgroundColor = bgLinkHover;
    }
}

function menuOut(e) {
    document.onclick = hideDropMenu;
    outObjNavMenu = document.getElementById(this.id);
    if (outObjNavMenu != objNavMenu) {
        outObjNavMenu.style.color = linkColor;
        outObjNavMenu.style.backgroundColor = bgLinkColor;
    }
}

function showDropMenu(e) {
    menuName = 'drop' + this.id.substring(3, this.id.length);
    objDropMenu = document.getElementById(menuName);
    if (prevObjDropMenu == objDropMenu) {
        hideDropMenu;
        return;
    }
    if (prevObjDropMenu != null) hideDropMenu();
    objNavMenu = document.getElementById(this.id);
    if ((prevObjNavMenu != objNavMenu) || (prevObjDropMenu == null)) {
        objNavMenu.style.color = linkActive;
        objNavMenu.style.backgroundColor = bgLinkActive;
    }
    if (isBareLink(this)) return true;
    if (objDropMenu) {
        xPos = objNavMenu.offsetParent.offsetLeft + objNavMenu.offsetLeft;
        yPos = objNavMenu.offsetParent.offsetTop+objNavMenu.offsetParent.offsetHeight;
        if (isIE) {
            //yPos -=1;
            //xPos -=6;
        }
        objDropMenu.style.left = xPos+'px';
        objDropMenu.style.top = yPos + 'px';
        objDropMenu.style.visibility = 'visible';
        prevObjDropMenu = objDropMenu;
        prevObjNavMenu = objNavMenu;
    }
}   

function hideDropMenu() {
    document.onClick = null;
    if (prevObjDropMenu) {
        prevObjDropMenu.style.visibility = 'hidden';
        prevObjDropMenu = null;
        prevObjNavMenu.style.color = linkColor;
        prevObjNavMenu.style.backgroundColor = bgLinkColor;
    }
    objNavMenu = null;
}