// JavaScript Document

$(document).ready(function(){
	makeNav();
	
});


function makeNav() {
	$("#hauptnav > ul > li a").mouseover(function(){
		
		var hoverMenue = "<div id=\"dropbox\" class=\"dropshadow\">";
		hoverMenue += "<div class=\"whitecontainer\">";
		
		hoverMenue += "<a href=\""+$(this).attr("href")+"\" class=\"toplevel active\">"+$(this).html()+"</a>";
		
		$(this).parent().find("ul > li > a").each(function() {
			var thisClass = "sublevel";
			if ($(this).parent("li.current-menu-item").length > 0) {
				thisClass += " active";				
			}			
			hoverMenue += "<a href=\""+$(this).attr("href")+"\" class=\""+thisClass+"\">" + $(this).html() + "</a>";
		});
		hoverMenue += "</div>";		
		hoverMenue += "</div>";
		
		
		
		$("#hauptnav").append(hoverMenue);
		var pos = $(this).parent().position();
		$("#dropbox").css("left",pos.left-13);	
		$("#dropbox").mouseleave(function(){
			$("#dropbox").remove();
		});
	});
	
	
}