$(document).ready(function(){
	if($("#Nav")) {
		var actualPage = Array();
		$("#navi.level1 li a.open_sub").click( function(event) { 
			//ursprünglichen href unterdrücken:
			event.preventDefault();
			var parentLevel = $(this).parent().parent().attr("class");

			if(parentLevel == "level1"){
				//alle anderen Links nicht mehr auf active- ist nur für die non-script-variante:
				$('#navi.level1 li').removeClass("active");
				$('#navi li').removeClass("highlight");
				
				var slider = $(this).siblings();
				var aktuell = $(slider).attr("id");
				$('.level2').each(function(){	
					if($(this).attr("id") != aktuell && $(this).css("display") == "block"){
						$(this).animate({
							height: "hide", opacity: "hide"
							}, 400, "", function(){
								$(this).parent().removeClass("highlight");
								var allChildren = $(this).children().children("ul");
								$(allChildren).hide();
						//setTimeout('', 2000);
						});
						$(slider).animate({
							height: "show", opacity: "show"
							}, 1000, "", function(){
							$(this).parent().addClass("highlight");
						});				
					} else {
						$(slider).animate({
							height: "show", opacity: "show"
							}, 1000, "", function(){
							$(this).parent().addClass("highlight");
						});				
						
					}// end else
				}); //end each [level2]
			}
		});
		$("#navi li ul.level2 li a.open_sub").click( function(event) { 
			//ursprünglichen href unterdrücken:
			event.preventDefault();

			var parentLevel2 = $(this).parent().parent().attr("class");
			
			if (parentLevel2 == "level2") {
				$('.level2 li').removeClass("active");
				$('.level2 li').removeClass("highlight");
				var slider2 = $(this).siblings();
				var aktuell2 = $(slider2).attr("id");
				$('.level3').each(function(){	
					if($(this).attr("id") != aktuell2 && $(this).css("display") == "block"){
						$(this).animate({
							height: "hide", opacity: "height" 
							}, 400, "", function(){
							$(this).parent().removeClass("highlight");	
						//setTimeout('', 2000);
						});
						$(slider2).animate({
							height: "show", opacity: "show"
							}, 1000, "" , function(){
							$(this).parent().addClass("highlight");
						});				
					} else {
						$(slider2).animate({
							height: "show", opacity: "show"
							}, 1000, "" , function(){
							$(this).parent().addClass("highlight");
						});				
					}//end else	
				}); // end each [level3]
			}	//end else if [parentLevel]
		});		//end click a.open_sub											  
	} //end if[Nav]					   
						   
}); //end ready