$(document).ready(function(){
	//falls Javascript verfügbar wird das JS Menu sichtbar, ansonsten wird das CSS-Menu im <noscript> verwendet
	$('#navigation').css("visibility","visible");
		
	//ermittelt die im css gesetzten Höhen der einzelnen Menupunkte
	var men_H = 0;
	var sub_H = 0;

	
	function open_submenu() {
		men_H = ($(this).children('ul').children('li').children('div.level_1').size()*30);
		sub_H = ($(this).children('ul').children('li').children('div.level_1').children('div.menu_level_2').children('div').size()*(16));
		men_H = men_H + sub_H;
		$(this).children('ul').children('li').removeClass("hide");
		$(this).addClass("topMenuDrop");
        $(this).children('ul').children('li').stop().animate({height: men_H+'px'},{queue:false, duration:300});  //, easing: 'easeOutBounce'
	}
	
	function close_submenu() {
		$(this).children('ul').children('li').stop().animate({height:'0px'},{queue:true, duration:800,  complete: function() { // easing: 'easeInBounce',
			$(this).children('ul').children('li').children('div.mainmenu').removeClass("topMenuDrop");
			$(this).children('ul').children('li').addClass("hide");
			}
		});	
		$(this).removeClass("topMenuDrop");
	}
	
	//User-Interaktionen - Menu öffnen/schliessen + Handling der Links (Pfeil) im Menu
	$("#navigation div.dropDownWrapper").hoverIntent( open_submenu, close_submenu );
	
	
	$("div.submenu").hover(
      function () {
		if ($(this).hasClass("level_1"))
			$(this).children('a').children('div.menu_arrow').children('img').removeClass("hide");
      }, 
      function () {
      	$(this).children('a').children('div.menu_arrow').children('img').addClass("hide");
      }
    );
	
	$("div.level_2").hover(
      function () {
		if ($(this).hasClass("level_2"))
			$(this).children('a').children('div.menu_arrow').children('img').removeClass("hide");
			$('div.level_1').find("img.a_level_1").addClass("hide");
      }, 
      function () {
        $(this).children('a').children('div.menu_arrow').children('img').addClass("hide");
		$(this).parent('div').parent('div').find("img.a_level_1").removeClass("hide");
      }
    );

	
});
