// JavaScript Document

startList = function() { 

	if (document.all&&document.getElementById) {       //Enter Funktion only if browser is IE*/
		
		//Start Dropdown Menu*/
		navRoot = document.getElementById("nav");    //selfdefined Variable navRoot gets the element wiht id "nav" as value
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];          //node gets the Childelement at position "i" from navRoot
			if (node.nodeName=="LI") {             // if childNode is an "li" then add funktions and change the width of the submenu
				node.onmouseover=function() {    // at mouseover excecute this new defined funktion
					this.className+=" myover"; //write the class " myover" in classname of actuall Node
				}
				
				for (j=0; j<node.childNodes.length; j++) { //change the width of the submenu elements
					nodeSub = node.childNodes[j];
					if (nodeSub.nodeName=="UL"){
						for (k=0;k<nodeSub.childNodes.length;k++){
							nodeSubSub=nodeSub.childNodes[k];
							if (nodeSubSub.nodeName=="LI") {nodeSubSub.style.width= "110px";}		
						}
					}					
				}		

				node.onmouseout=function() {
					this.className=this.className.replace(" myover", "");
				} 					   // remove the " myover" class from the classname of the node, if NO mouseover anymore 
			}
		}
		//End Dropdown Menu*/
	
		/*Start  Style Changes/
		for (var i=0; i<document.getElementByTagName("h5").length; i++){
			document.getElementByTagName("h5")[i].style.color ="#ffffff";
			
		}

		End Style Changes*/
	}
}
window.onload=startList;					  // if Site is loaded then start funktion "startList"