$(function(){
	var overMenu = 0;
	var submenuVisible = 0;
	var menuReady = 0;

	$(".menuImages img, .mainnavi a:not(.unternavi a)").hover(fadeInHandler, fadeOutHandler);
	$(".unternavi li").hover(overSubmenu, outSubmenu);
	$("#mainnavi").hover(false, showAllImages);
	
	function showAllImages(){
		lightenAllImages();
		closeAllMenues();
	}

	function fadeInHandler(){
		var className=$(this).attr('className');

		/*andere Bilder Abdunklen*/
		darkenImages(className);

		/*aktuelles Bild aufhellen*/
		$(".menuImages ."+className+"").fadeTo(50, 1.0);
		
		/*Zuerst alle offenen Menüs ausblenden*/
		var menues = $(".unternavi");
		
		$.each(menues, function(i, val){
					if($(this).attr('id') != "unternavi_"+className && menuReady == 1){
						$(this).hide(500);
						darkenImages(className);
					}
		});
		menuReady = 0;
		$("#unternavi_"+className).show(500, function(){menuReady = 1;}); 		
	}
	
	function fadeOutHandler(){
		var className = $(this).attr('className');
		
		setTimeout(function(){fadeOut(className);}, 10);
	}

	function fadeOut(className){
		
		if(overMenu == 0 && menuReady == 1){
			$("#unternavi_"+className).hide(500); 
			/*lightenImages(className);*/
		}
	}
	

	function overSubmenu(){
		overMenu = 1;	
	}
	function outSubmenu(){
		overMenu = 0;	
	}
	
	
	function darkenImages(className){
		var images = $(".menuImages img");
		
		$.each(images, function(i, val){ 
					if($(this).attr('className') != className){
						$(this).parent().css('background-color','black');
						$(this).fadeTo(50, 0.4, function(){});
					}
		});
	}
	
	function lightenAllImages() {
		var images = $(".menuImages img");
		
		$.each(images, function(i, val){		
			$(this).fadeTo(50, 1.0, function(){$(this).parent().css('background-color','white');});
			
		});
	}
	function closeAllMenues() {
		var menues = $(".unternavi");
		
		$.each(menues, function(i, val){						
				$(this).hide(500);
		});
	}

});