var navItemID_ACT = 0;
var navTimeout = 0;
var aContent = Array();
aContent[1] = '';
aContent[15] = '';
aContent[8] = '';
aContent[26] = '<div class="navBarSubItemBox floatLeft"><b><a href="/referenzen/boen.html" title="Boen">Boen</a></b><br /></div><div class="navBarSubItemBox floatLeft"><b><a href="/referenzen/cognis.html" title="Cognis">Cognis</a></b><br /></div><div class="navBarSubItemBox floatLeft"><b><a href="/referenzen/ecolab.html" title="Ecolab">Ecolab</a></b><br /></div><div class="navBarSubItemBox floatLeft"><b><a href="/referenzen/hettich.html" title="Hettich">Hettich</a></b><br /></div><div class="clearBoth">&nbsp;</div>';

function showNavSub(navItemID){
	
	clearTimeout(navTimeout);
    setNavItemAct(navItemID);
		
	if(aContent[navItemID] != "") {
	
	    document.getElementById('navBarSub').innerHTML = aContent[navItemID];
	    
	    if(jQuery("#navBarSub").css("display") == "none") {
	    	
	    	jQuery("#navBarSub").slideDown(100);
	    }
    }
    else {
    
        jQuery("#navBarSub").slideUp(100);
    }
}


function hideNavSub() {

	jQuery("#navBarSub").slideUp(100);
	// set all navItems inact
	setNavItemInact();
	// set the arrow on the act navItem
	jQuery("#navBarItemAct").css("display", "block");
}

function setNavItemAct(navItemID) {

	setNavItemInact();
	jQuery("#navBarItem" + navItemID).addClass("navBarItemHover");  
	// hide the arrow
	if(navItemID == navItemID_ACT) {
		jQuery("#navBarItemAct").css("display", "none");
	}
	else {
		jQuery("#navBarItemAct").css("display", "block");
	}
}

function setNavItemInact() {

	jQuery(".navBarItem").removeClass("navBarItemHover");
}