window.onload = function() {
	var alleLis = document.getElementById("navi").getElementsByTagName("li");
	var oberLis = new Array();
	for (var j=0; j<alleLis.length; j++) {
		if( alleLis[j].className  == "sub" || alleLis[j].className  == "sub active" ||  alleLis[j].className  == "sub " || alleLis[j].className  == "sub active " ) {
			oberLis.push(alleLis[j]);			
		}
	}
	for (var i=0; i<oberLis.length; i++) {
			oberLis[i].onmouseover=function() {
				if(this.className == "sub" || this.className == "sub ") {
/*					var dasDiv = this.childNodes[1];
					dasDiv.setAttribute("id", "sub_visible");*/
					this.className = "sub hoverEff";	
				} else if(this.className =="sub active" || this.className =="sub active "){
					this.className = "sub active hoverEff";						
				}
			}
			oberLis[i].onmouseout=function() {
				if(this.className == "sub hoverEff") {
					this.className ="sub";	
				} else if(this.className =="sub active hoverEff"){
					this.className ="sub active";						
				}
			}
			
	}

}