$(document).ready(function(){
	//falls Javascript verfügbar wird das JS Menu sichtbar, ansonsten wird das CSS-Menu im <noscript> verwendet
	$('#animmenu').css("visibility","visible");
	
	//falls Javascript verfügbar wird das JS-Breadcrumb Menu sichtbar, ansonsten wird eine Meldung eingeblendet, welche auf die fehlende JS-Unterstützung hinweist.
	$('.breadCrumbHolder').css("visibility","visible");
		
	//ermittelt die im css gesetzten Höhen der einzelnen Menupunkte
	var level_0_H = $('li.menu_container').outerHeight();
	var level_1_H = $('p.level_1').outerHeight();
	var level_2_H = $('p.level_2').outerHeight();
	var level_sp_H = $('p.submenu_seperator').outerHeight();
	
	
	
	function open_submenu() {
		men_H = $(this).children('p.level_1').size()*level_1_H+$(this).children('p.level_2').size()*level_2_H+($(this).children('p.submenu_seperator').size()+1)*level_sp_H+level_0_H;
		$(this).addClass("white");
        $(this).stop().animate({height: men_H+'px'},{queue:false, duration:600, easing: 'easeOutBounce'});
	}
	
	function close_submenu() {
		$(this).stop().animate({height:'50px'},{queue:false, duration:300, easing: 'easeInBounce', complete: function() {
			$(this).removeClass("white");
			}
		});	
	}
	
	//User-Interaktionen - Menu öffnen/schliessen + Handling der Links (Pfeil) im Menu
	$("#animmenu li").hoverIntent( open_submenu, close_submenu );
	
	$("p.submenu").hover(
      function () {
	  	if ($(this).hasClass("level_1"))
			$(this).prepend($('<img class="menu_arrow_l1" src="img/style/menu_link_arrow.gif" />'));
		if ($(this).hasClass("level_2"))
			$(this).prepend($('<img class="menu_arrow_l2" src="img/style/menu_link_arrow.gif" />'));
      }, 
      function () {
        $(this).find("img:last").remove();
      }
    );

	
});