// Umgebungsvariablen
var intervall_object;
var intervall_item = 0;

/**
 * Manage the Menu Mouse Over
 */
function menuMouseOver(menu_num){
	
	if(typeof(intervall_object) != "undefined"){
		window.clearInterval(intervall_object);
	}
	
	if(intervall_item == menu_num) {
		return;
	} else {
		menuHover(false, intervall_item);	
   		$("#nav-"+intervall_item+" ul").hide();
	}
		
	
	intervall_item = menu_num;

	menuHover(true, menu_num);
	
    $("#nav-"+menu_num+" ul").show();
    
	topBarAnimate(menu_num);
	
} // function - menuMouseOver


/**
 * Manage the Menu Mouse Out
 */
function menuMouseOut(menu_num){
	intervall_object = window.setInterval("hideSubMenu("+menu_num+")", 500);
} // function - menuMouseOut


/**
 * Hide the Submenu
 */
function hideSubMenu(menu_num){

	if(typeof(intervall_object) != "undefined"){
		window.clearInterval(intervall_object);
		intervall_item = 0;
	}
	menuHover(false, menu_num);	
    $("#nav-"+menu_num+" ul").hide();
	topBarClear(menu_num);
}



function topBarClear(Pos){  
     $("#topbaranimate").animate({width: "0px",backgroundColor: "#2c508e"}, {duration: 500, queue: false});
}

function menuHover(Show, Pos){
	if(Show){ // Hover anzeigen
		$("#nav-"+Pos+" a").css({backgroundPosition: "0 0", color: "#000" });
	}else{ // Hover nicht anzeigen
		$("#nav-"+Pos+" a").css({backgroundPosition: "1000px 1000px", color: "" });
		$(".section-"+Pos+" #nav-"+Pos+" a").css({backgroundPosition: "0 0", color: "" });
	}
}

function topBarAnimate(Pos){

	var Color;
	var Grundwert = 169;
	var BreiteProEntry = 112;
	
	switch (Pos) {
		case 1: Color="ABB9D3"; break;
		case 2: Color="FFD683"; break;
		case 3: Color="FF8B81"; break;
		case 4: Color="C0C0C0"; break;
		case 5: Color="BFDB91"; break;
		default: Color="FFFFFF"; break;
	}
	
	var Width = Grundwert + (BreiteProEntry*Pos);
	$("#topbaranimate").animate({width: Width+"px",backgroundColor: "#"+Color}, {duration: 500, queue: false});
}