$(function(){
	$("#menu li a").bind("mouseover", function(e){
		$(this).prev().attr("class", "menu_left_a");
		$(this).attr("class", "submenu aktiv");
		$(this).next().attr("class", "menu_right_a");
	});

	$("#menu li a").bind("mouseleave", function(e){
		$(this).prev().attr("class", "menu_left");
		$(this).attr("class", "submenu");
		$(this).next().attr("class", "menu_right");

	});

});


var menuids=["menu"];

function buildsubmenus_horizontal(){
	for (var i=0; i<menuids.length; i++){
		var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
		for (var t=0; t<ultags.length; t++){
			if (ultags[t].parentNode.parentNode.id==menuids[i]){
				ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item


				// link: $(ultags[t]).prev().prev()

				


			}
			else{ //else if this is a sub level menu (ul)
				ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
			}
			ultags[t].parentNode.onmouseover=function(){
				this.getElementsByTagName("ul")[0].style.visibility="visible";
				
				this.getElementsByTagName("span")[0].className = "menu_left_a";
				this.getElementsByTagName("span")[1].className = "menu_right_a";
				this.getElementsByTagName("a")[0].className = "submenu aktiv";
				this.getElementsByTagName("img")[0].style.marginLeft = ((this.offsetWidth/2)-3)+"px";
			}
			ultags[t].parentNode.onmouseout=function(){
				this.getElementsByTagName("ul")[0].style.visibility="hidden";
				
				this.getElementsByTagName("span")[0].className = "menu_left";
				this.getElementsByTagName("span")[1].className = "menu_right";
				this.getElementsByTagName("a")[0].className = "submenu";
			}
		}
	}
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus_horizontal)