var activatedNavItem;
var navItemPrefix = 'navItem';



function highlightNavItem(div) {
    if (div.id == 'navItem7') {
            div.style.backgroundImage = "url("+webappContext+"/docroot/golflounge/graphics/bg_navi_current_right.gif)";
        } else if (div.id == 'navItem1' ) {
            div.style.backgroundImage = "url("+webappContext+"/docroot/golflounge/graphics/bg_navi_current_left.gif)";
        } else {
            div.style.backgroundImage = "url("+webappContext+"/docroot/golflounge/graphics/bg_navi_current.gif)";
        }
	div.style.color = "#000000";
}

function downlightNavItem(div) {
    if (div.id != activatedNavItem) {

        if (div.id == 'navItem7') {
            div.style.backgroundImage = "url("+webappContext+"/docroot/golflounge/graphics/bg_navi_right.gif)";
        } else if (div.id == 'navItem1' ) {
            div.style.backgroundImage = "url("+webappContext+"/docroot/golflounge/graphics/bg_navi_left.gif)";
        } else {
            div.style.backgroundImage = "url("+webappContext+"/docroot/golflounge/graphics/bg_navi.gif)";
        }
        div.style.color = "#FFFFFF";
	}
}

function goTo(url) {
	location.href = url;
}

function setActivatedNavItem(id) {
	navItemName = navItemPrefix + id;
	div = document.getElementById(navItemName);
	if (div) {
		highlightNavItem(div);
		activatedNavItem = navItemName;
	}
}

function showSubNav(div) {
	subnavdiv = document.getElementById("subnav");
	subElements = getSubElements(div);
	subnavdiv.innerHTML = subElements;
	if (subnavdiv) {
		subnavdiv.style.display = "block";
    }
}

function hideSubNav(yPos) {
	div = document.getElementById("subnav");
	if (div) {
       if (yPos > 130 || yPos < 78) {
			div.style.display = "none";
		}
    }
}

function onMouseOver(div) {
	highlightNavItem(div);
	showSubNav(div);
}

function getSubElements(div) {
	subElements = subNavigation[div.id];
	contentString = '<div style="margin-left:5px; padding-top:3px;">';

    for (var i=0; i < subElements.length; i++) {
		label = subElements[i][0];
		if (i < subElements.length - 1) {
			label = label + '&nbsp;&nbsp;&#124;&nbsp;&nbsp;';
		}
		link = subElements[i][1];
		contentString = contentString + '<a href="' + link + '">' + label + '</a>' ;
       // contentString = contentString + '<a href="' + link + '" class="subnavLink">' + label + '</a>' ;
    }
    contentString = contentString + "</div>";
    return contentString;
}