$(document).ready(function() {
	$(".submenuewrap").css({ display: "none" });	
	$("#mainmenue").find(".active").css({ backgroundPosition: "0px -71px" }).attr('id', 'aktive');
	
	/* find submenue from mainmenue, hover in and out */
	$(".menuelink").mouseenter(function(){
		/*Reset all*/
		$("#mainmenue").children("div").hide();
		$("#mainmenue").children("a").css({ backgroundPosition: "0px 0px" });
		$("#mainmenue").children("a").removeClass("active");
		$("#mainmenue").find(".active").css({ backgroundPosition: "0px -71px" });
		$("#aktive").css({ backgroundPosition: "0px -71px" });
		if($(this).hasClass("submenue")){
			/* Datei anhan vom Klassennamen auslesen und in den Content legen */
			var menue = $(this).removeClass("menuelink").removeClass("submenue").removeClass("aktiv").attr("class").substr(6);
			$(this).parent("div").find(".submenue_left").load("/_parts/main_"+menue+".html");
			$(this).addClass("menuelink").addClass("submenue").addClass("active");
			
			var pos = $(this).position();
			$(this).parent("div").find(".submenuewrap").css({ left: pos.left-1+"px" });
			$(this).css({ backgroundPosition: "0px -71px" });
			$(this).parent("div").find(".submenuewrap").show();
			$(this).parent("div").find(".submenuewrap").mouseleave(function(){
				$(this).hide();
				$(this).parent("div").find(".active").css({ backgroundPosition: "0px 0px" });
				$(this).parent("div").find(".active").removeClass("active");
				$("#mainmenue").find(".active").css({ backgroundPosition: "0px -71px" });
				$("#aktive").css({ backgroundPosition: "0px -71px" });
			});
		}else{
			$(this).css({ backgroundPosition: "0px -71px" });	
		}		   
	});
});
