$(document).ready(function(){
	var reiter_links = '<div class="reiters"><div class="reiter-links"></div><div class="reiter-mitte">';  
	var reiter_rechts = '</div><div class="reiter-rechts"></div></div>';
	var sfEls = document.getElementById("id-subnavi").getElementsByTagName("li");
	var ul = document.getElementById("id-subnavi").getElementsByTagName("ul");
	var reiter = getElementsByClassName("subnavi-li1","span");
	var activepoints = getElementsByClassName("subnavi-li1","li");
	var balken = getElementsByClassName("subbalken","div");
	for (var i=0; i<reiter.length; i++) {
		var rlink = reiter[i].innerHTML;
		reiter[i].innerHTML = reiter_links + rlink + reiter_rechts + rlink;
	}     
	
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
			for(var a=0; a<activepoints.length; a++) {
				activepoints[a].className = activepoints[a].className.replace(new RegExp(" active-subnavi\\b"), " active-subnavi-dea");
			}
			balken[0].className = balken[0].className+=" balkenhover";
		}
		
		sfEls[i].onmouseout=function() {
			this.className = this.className.replace(new RegExp(" sfhover\\b"), "");
			balken[0].className = balken[0].className.replace(new RegExp(" balkenhover\\b"), "");
			for(var a=0; a<activepoints.length; a++) {
				activepoints[a].className = activepoints[a].className.replace(new RegExp(" active-subnavi-dea\\b"), " active-subnavi");
			}
		}
		
	}
});
//if (window.attachEvent) { window.attachEvent("onload", sfHover); }