var navItemID_ACT = 0;
var navTimeout = 0;
var aContent = Array();
aContent[136] = '';
aContent[284] = '<div class="navBarSubItemBox floatLeft"><b><a href="/frauenfitness/fitness-trainerinnen.html" title="Trainerinnen">Trainerinnen</a></b><br /></div><div class="navBarSubItemBox floatLeft"><b><a href="/frauenfitness/servicekraefte-koeln.html" title=" Servicekräfte"> Servicekräfte</a></b><br /></div><div class="navBarSubItemBox floatLeft"><b><a href="/frauenfitness/studioleitung-koeln.html" title="Studioleitung">Studioleitung</a></b><br /></div><div class="clearBoth">&nbsp;</div>';
aContent[311] = '';
aContent[1007] = '';
aContent[314] = '<div class="navBarSubItemBox floatLeft"><b><a href="/fitness-kurse/kursplan-koeln.html" title="Kursplan">Kursplan</a></b><br /></div><div class="navBarSubItemBox floatLeft"><b><a href="/fitness-kurse/kursbeschreibung-koeln.html" title="Kursbeschreibung">Kursbeschreibung</a></b><br /></div><div class="clearBoth">&nbsp;</div>';
aContent[323] = '';
aContent[451] = '';
aContent[326] = '<div class="navBarSubItemBox floatLeft"><b><a href="/Frauen-Wellness/frauen-sauna-koeln.html" title="Sauna">Sauna</a></b><br /></div><div class="navBarSubItemBox floatLeft"><b><a href="/Frauen-Wellness/frauen-massagen-koeln.html" title="Massagen">Massagen</a></b><br /></div><div class="clearBoth">&nbsp;</div>';
aContent[278] = '';
aContent[334] = '<div class="navBarSubItemBox floatLeft"><b><a href="/fitness-kontakt/fitness-wegbeschreibung-koeln.html" title="Wegbeschreibung">Wegbeschreibung</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");
}