// ändert die Buttons der Top-Navigation je nach Auswahl, wird kein Parameter übergeben, wird der erste div auf "ausgewählt" gesetzt
	function changeNavigation(navi_elem) {
			
			changeSpecial('none');
			
			// Container der alle Navi Elemente enthält
			navi_div = document.getElementById("VideoNavigation");
			anz = navi_div.childNodes.length;
			
			//Standard Anordnung setzen
			for(var i = 0; i <= anz-1; i++) {
				
				// Wenn Kindelement ein Elementknoten ist (weil \n auch als Kindelement gezählt wird)
				if(navi_div.childNodes[i].nodeType == 1) {
					elem = navi_div.childNodes[i];
					
					elem.style.zIndex = (anz-i);
					elem.getElementsByTagName("div")[0].style.visibility = "hidden";
					elem.getElementsByTagName("div")[1].style.visibility = "visible";
				}
			}
			
			
			if(navi_elem == "") {
				// wenn die Funktion mit dem Parameter "" aufgerufen wurde (zum setzen des ausgewählten Menüpunkts beim Laden der Seite),
				// wird der erste div genommen und "aktiv" gesetzt
				//var auswahl = navi_div.getElementsByTagName("div")[0];
				//var auswahl_red = auswahl.getElementsByTagName("div")[0];
				//var auswahl_grey = auswahl.getElementsByTagName("div")[1];
				
				//gesetzten Button ändern
				//auswahl.style.zIndex = 99;
				//auswahl_red.style.visibility ="visible";
				//auswahl_grey.style.visibility ="hidden";
			}
			else {
				// DIVs des angeklickten Navi-Buttons
				var auswahl = document.getElementById(navi_elem);
				var auswahl_red = auswahl.getElementsByTagName("div")[0];
				var auswahl_grey = auswahl.getElementsByTagName("div")[1];
				
				//gesetzten Button ändern
				auswahl.style.zIndex = 99;
				auswahl_red.style.visibility ="visible";
				auswahl_grey.style.visibility ="hidden";
			}			
	}

// ändert die Buttons der vertikalen Navigation (Player, Kommentare, Links), selbiges Verhalten wie changeNavigation
	function changeVertical(navi_elem) {
			
		//return false;
			// Container der alle Navi Elemente enthält
			navi_div = document.getElementById("vertical_navi");
			anz = navi_div.childNodes.length;
			
			// wenn die Funktion mit dem Parameter "" aufgerufen wurde (zum setzen des ausgewählten Menüpunkts beim Laden der Seite),
			// wird der erste div genommen und "aktiv" gesetzt
			if(navi_elem == "") {
				var auswahl = navi_div.getElementsByTagName("div")[0];
				var auswahl_red = auswahl.getElementsByTagName("div")[0];
				var auswahl_grey = auswahl.getElementsByTagName("div")[1];
			}
			else if(navi_elem != "none") {
				// Funktionsaufruf, der DIVs ein- und ausblendet (Player, Kommentare, Links)
				changeMainWindow(navi_elem);
				
				// DIVs des angeklickten Navi-Buttons
				var auswahl = document.getElementById(navi_elem);
				var auswahl_red = auswahl.getElementsByTagName("div")[0];
				var auswahl_grey = auswahl.getElementsByTagName("div")[1];
			}
			
			//Standard Anordnung setzen
			for(var i = 0; i <= anz-1; i++) {
				
				// Wenn Kindelement ein Elementknoten ist (weil \n auch als Kindelement gezählt wird)
				if(navi_div.childNodes[i].nodeType == 1) {
					elem = navi_div.childNodes[i];
					elem.style.zIndex = (anz-i);
					
					//kommentar-tab nur berücksichtigen, wenn storyposting beim video erlaubt
					switch(elem.id) {
						case 'kommentare_tab': 
							//=> wird in class_player.js berücksichtigt
							document.getElementById("white").style.visibility = "hidden";
							document.getElementById("grey").style.visibility = "visible";
							break;
						
						case 'player_tab': 
							document.getElementById("kommentare_tab_white").style.visibility = "hidden";
							document.getElementById("kommentare_tab_grey").style.visibility = "visible";
							break;
						
						default:
							elem.getElementsByTagName("div")[0].style.visibility = "hidden";
							elem.getElementsByTagName("div")[1].style.visibility = "visible";
							break;						
					}
				}
			}
			
			// Wenn der Parameter nicht "none" ist, wird das übergebene Element auf "aktiv" gesetzt
			if(navi_elem != "none") {
				//gesetzten Button ändern
				auswahl.style.zIndex = 99;
				auswahl_red.style.visibility ="visible";
				auswahl_grey.style.visibility ="hidden";
			}
			
			
	}

// wird von der Funktion changeVertical aufgerufen, blendet je nach Aufruf die verschiedenen Layer ein
	function changeMainWindow(navi_elem) {
		/*$("#video_player").slideToggle();
		$("#kommentar_div").slideToggle();
		$("#links_div").slideToggle();*/
		
		switch (navi_elem) {
			case "player_tab":
				//$("#kommentar_div").slideUp("slow");
				$("#links_div").slideUp("slow");
				$("#loading").show();
				$("#video_player").slideDown("slow");
				$("#video_description").show("slow");
				break;
			case "kommentare_tab":
				document.location.href='#storyposting';
				if(typeof(document.getElementsByName("kmcom_create_comment_text")[0])!='undefined' && document.getElementsByName("kmcom_create_comment_text")[0] != null && document.getElementsByName("kmcom_create_comment_text")[0].disabled == false){
					document.getElementsByName("kmcom_create_comment_text")[0].focus();
				}
				/*
				$("#loading").hide();
				$("#video_player").hide();
				$("#links_div").slideUp("slow");
				$("#kommentar_div").slideDown("slow");
				*/
				break;
			case "links_tab":
				$("#video_description").hide("slow");
				break;
			case "postlinks":
				$("#links_div").css("visibility", "visible");
				$("#loading").hide();
				$("#video_player").slideUp();
				//$("#kommentar_div").slideUp("slow");
				$("#links_div").slideDown("slow");
				//reminder-ad
					if(portalPlayer.preroll_started && portalPlayer.videos_played == 2) {
						document.getElementById('video_description').style.visibility = 'hidden';
					}
					else {
						document.getElementById('video_description').style.visibility = 'visible';	
					}
				//reminder-ad
				break;
		}
	}

	
// ändert die Buttons der Specials je nach Auswahl, wird kein Parameter übergeben, wird der erste div auf "ausgewählt" gesetzt
	function changeSpecial(navi_elem) {
		// Container der alle Navi Elemente enthält
			navi_div = document.getElementById("specials_div");
			anz = navi_div.childNodes.length;
			
			// wenn die Funktion mit dem Parameter "" aufgerufen wurde (zum setzen des ausgewählten Menüpunkts beim Laden der Seite),
			// wird der erste div genommen und "rot" gesetzt
			if(navi_elem == "") {
				var auswahl = navi_div.getElementsByTagName("div")[0];
				var auswahl_red = auswahl.getElementsByTagName("div")[0];
				var auswahl_grey = auswahl.getElementsByTagName("div")[1];
			}
			else if(navi_elem != "none") {
				// DIVs des angeklickten Navi-Buttons
				var auswahl = document.getElementById(navi_elem);
				var auswahl_red = auswahl.getElementsByTagName("div")[0];
				var auswahl_grey = auswahl.getElementsByTagName("div")[1];
			}
			
			//Standard Anordnung setzen
			for(var i = 0; i <= anz-1; i++) {
				
				// Wenn Kindelement ein Elementknoten ist (weil \n auch als Kindelement gezählt wird)
				if(navi_div.childNodes[i].nodeType == 1) {
					elem = navi_div.childNodes[i];
					elem.style.zIndex = (anz-i);
					elem.getElementsByTagName("div")[0].style.visibility = "hidden";
					elem.getElementsByTagName("div")[1].style.visibility = "visible";
				}
			}
			
			// Wenn der Parameter nicht "none" ist, wird das übergebene Element auf "aktiv" gesetzt
			if(navi_elem != "none") {
				//gesetzten Button ändern
				auswahl.style.zIndex = 99;
				auswahl_red.style.visibility ="visible";
				auswahl_grey.style.visibility ="hidden";
			}	
			
	}