$(document).ready(function(){
	var image_folder = "http://wietasch.dev.pixelpoems.com/_template/";
	$("#topnavi img.arrow").click(function(){ 
								
		$("span.head_menu").removeClass('active');
		
		submenu = $(this).parent().parent().find("div.sub_menu");
		
		if(submenu.css('display')=="block"){
			$(this).parent().removeClass("active"); 	
			submenu.hide(); 		
			$(this).attr('src',image_folder+'/img/pfeil_hover.gif');									
		}else{
			$(this).parent().addClass("active"); 	
			submenu.fadeIn(); 		
			$(this).attr('src',image_folder+'img/pfeil_select.gif');	
		}
		
		$("div.sub_menu:visible").not(submenu).hide();
		$("#topnavi img.arrow").not(this).attr('src',image_folder+'img/pfeil.gif');
						
	})
	.mouseover(function(){ $(this).attr('src',image_folder+'img/pfeil_hover.gif'); })
	.mouseout(function(){ 
		if($(this).parent().parent().find("div.sub_menu").css('display')!="block"){
			$(this).attr('src',image_folder+'img/pfeil.gif');
		}else{
			$(this).attr('src',image_folder+'img/pfeil_select.gif');
		}
	});

	$("#topnavi span.head_menu").mouseover(function(){ $(this).addClass('over')})
								 .mouseout(function(){ $(this).removeClass('over') });
	
	$("#topnavi div.sub_menu").mouseover(function(){ $(this).fadeIn(); })
							   .blur(function(){ 
							   		$(this).hide();
									$("span.head_menu").removeClass('active');
								});		
								
	$(document).click(function(event){ 		
			var target = $(event.target);
			if (target.parents("#topnavi").length == 0) {				
				$("#topnavi span.head_menu").removeClass('active');
				$("#topnavi div.sub_menu").hide();
				$("#topnavi img.arrow").attr('src',image_folder+'img/pfeil.gif');
			}
	});			   
							   
								   
});