$(document).ready(function(){
	$(".nav").children("li").each(function() {
		var current = "nav current-" + ($(this).attr("class"));
		var parentClass = $(".nav").attr("class");
		if (parentClass != current) {
			$(this).children("a").css({backgroundImage:"none"});
		}
	});	


	// create events for each nav item
	attachNavEvents(".nav", "profil");
	attachNavEvents(".nav", "repertoire");
	attachNavEvents(".nav", "bilder");
	attachNavEvents(".nav", "video");
	attachNavEvents(".nav", "audio");
	attachNavEvents(".nav", "kontakt");


	function attachNavEvents(parent, myClass) {
		$(parent + " ." + myClass).mouseover(function() {
			$(this).append('<div class="nav-' + myClass + '"></div>');
			$("div.nav-" + myClass).css({display:"none"}).fadeIn(200);
		}).mouseout(function() {
			$("div.nav-" + myClass).fadeOut(200, function() {
				$(this).remove();
			});
		}).mousedown(function() {
			$("div.nav-" + myClass).attr("class", "nav-" + myClass + "-click");
		}).mouseup(function() {
			$("div.nav-" + myClass + "-click").attr("class", "nav-" + myClass);
		});
	}

});

$(document).ready(function(){

	$(".left-nav").children("li").each(function() {
		var current = "left-nav current-" + ($(this).attr("class"));
		var parentClass = $(".left-nav").attr("class");
		if (parentClass != current) {
			$(this).children("a").css({backgroundImage:"none"});
		}
	});	

	// create events for each nav item
	attachNavEvents(".left-nav", "left01");
	attachNavEvents(".left-nav", "left02");
	attachNavEvents(".left-nav", "left03");
	attachNavEvents(".left-nav", "left04");
	attachNavEvents(".left-nav", "left05");
	attachNavEvents(".left-nav", "left06");
	attachNavEvents(".left-nav", "left07");
	attachNavEvents(".left-nav", "left08");


	function attachNavEvents(parent, myClass) {
		$(parent + " ." + myClass).mouseover(function() {
			$(this).append('<div class="left-nav-' + myClass + '"></div>');
			$("div.left-nav-" + myClass).css({display:"none"}).fadeIn(200);
		}).mouseout(function() {
			$("div.left-nav-" + myClass).fadeOut(200, function() {
				$(this).remove();
			});
		}).mousedown(function() {
			$("div.left-nav-" + myClass).attr("class", "left-nav-" + myClass + "-click");
		}).mouseup(function() {
			$("div.left-nav-" + myClass + "-click").attr("class", "left-nav-" + myClass);
		});
	}
});