/**
		*	ZU REFACTORISIEREN!!!! FUNKTIONIERENDES SOLL PERFEKT UND SCHÖN WERDEN!!!
		*/
		
		var subNavCV = "subNavCV";
		var subNavContainer = "subNavContainer";		
		var idBeeingHandled = "";
		var isMouseOver = false;
		var itemClicked = null;
		
		
		/**
		*	Diese Funktion initialisiert den container für die Untermenüs
		*	mit einer grösseren Höhe in Geckos Browser als in IE, da sie
		*	sonst quasi versteckt wird.
		*	Sie wird beim laden der index.html seite aufgerufen.
		*
		*   @return void
		*/
		function init() {
		 window.name = "FRAME";
			if(itemClicked == null) {
				setInitStart();
			}
			if(browser.isIE)
				return;
			else 
				setSubNavHeight();
		}
		
		/**
		*	initialisiert die Seite mit dem Inhalt der Startseite
		*
		*/
		function setInitStart() {
			var clicked = itemClicked;	
			itemClicked = "item1";		
			if(idBeeingHandled != "")	
				changeBorder(clicked,false);	
			idBeeingHandled = itemClicked;			
			setActivated(itemClicked);
			changeBorder(itemClicked, true);		
		}

		/**
		*	Setzt den Wert des Containers bei Geckos Browser auf 50. In IE ist 40
		*/
		function setSubNavHeight() {
			document.getElementById(subNavContainer).style.height = 50;
		}
		
		/**
		*	Diese Funktion wird beim Clicken eines Menü-Buttons aufgerufen. Setzt den gecklickten
		*	Button dunkelblau und den, der früher gecklickt war hellblau in sofern sie nicht die gleichen
		*	instanzen sind.
		*
		*	@param  id  die ID des gecklickten buttons
		*   @return void
		*/
		function setActivated(id) {
			if(id!=itemClicked) {						
				if(!browser.isIE) {
					document.getElementById(id).style.border = "1px solid #008996;";
					document.getElementById(id).style.borderLeft = "4px solid #008996;";			
				} else 
					document.getElementById(id).setAttribute("className","navigationHover");				
				if(itemClicked!=null) {
					if(!browser.isIE) {
						document.getElementById(itemClicked).style.border = "1px solid #d5e7ec;";
						document.getElementById(itemClicked).style.borderLeft = "4px solid #d5e7ec;";
					} else
						document.getElementById(itemClicked).setAttribute("className","navigationNormal");
				}					
			} else
				return;			
			itemClicked = id;
		}
		
		/**
		*	wechselt die Farben der Buttons in einem MouseOver Event
		*	@param id die ID des Buttons auf dem die MouseOver Event passiert ist
		*	@param hover MouseOverEvent ? true : false
		*   @return void;
		*/
	  	function changeBorder(id, hover) {	
		  	idBeeingHandled = id;	  	
	  	   	if(hover) {
	  	   		isMouseOver = true;
				if(id=="item1" || id=="item3") //button=Startseite or button=Aktuelles
					hideSubNav(subNavCV);
				setBorder(id);
				if(id=="item2" || id=="item6" || id=="item7")  //button=Biographie or button=Deutsch or button=Englisch
					showSubNav	();																																												
			} else
				if(browser.isIE) {
					if(id!=itemClicked)					
						document.getElementById(id).setAttribute("className","navigationNormal");					
				}
				else {
					isMouseOver = false;
					handleGeckoStyle('changeBorder');
				}
	  	}
		
		/**
		*	versteckt die Unternavigation (Deutsch, Englisch)
		*	@param id die ID des Buttons, vergeben weil es andere Untermenüs geben könnte.
		*	@return void
		*/
		function hideSubNav(id) {
			if(browser.isIE)
				document.getElementById(id).setAttribute("className","subNavHidden");
			else
				handleGeckoStyle('hide');
		}
		
		/**
		*	TODO: param vergeben, Grund: siehe hideSubNav Methode
		*	versteckt die Unternavigation (Deutsch, Englisch)
		*	@return void
		*/		
		function showSubNav() {
			if(browser.isIE) 
				document.getElementById(subNavCV).setAttribute("className","subNavIEVisible");
			else 
				handleGeckoStyle('show');
		}
		
		/**
		*	kapselt den eigentlichen Wechsel der Borders und behandelt Geckos Browser anders
		*   @param id die ID des Buttons
		*	@return void
		*/
		function setBorder(id) {
			if(browser.isIE) {
				if(id==itemClicked)
					return;
				document.getElementById(id).setAttribute("className","navigationHover"); //der rest reseted
			}
			else
				handleGeckoStyle('changeBorder');
		}
		
		/**
		*	action dispatcher in einem Gecko Browser 
		*   @action Aktion zu durchführen
		*	@return void
		*/
		function handleGeckoStyle(action) {
			if(action=='show')
				document.getElementById(subNavCV).style.visibility = "visible";
			else if(action=='hide')
				document.getElementById(subNavCV).style.visibility = "hidden";
			else if(action=='changeBorder') 
				changeBorderStyleForGeckoBrowser();				
		}	
		
		/**
		*	wechselt die Borders in Geckos Browser
		* 	@return void
		*/
		function changeBorderStyleForGeckoBrowser () {
			var node = document.getElementById(idBeeingHandled);
			if(isMouseOver) {
				node.style.border ="1px solid #008996;";
				node.style.borderLeft = "4px solid #008996;";
			} else {
				if(idBeeingHandled==itemClicked)
					return;
				node.style.border ="1px solid #d5e7ec;";
				node.style.borderLeft = "4px solid #d5e7ec;";			
			}
		}