//document ready
$(document).ready(initDocumentMenu);
				
	//fonction document ready
	function initDocumentMenu(){
		
		//params
		var rollOverDuration=400;
		var rollOutDuration=400;
		var slidingDownSubmenuDuration=400;
		var slidingUpSubmenuDuration=250;
		
		//easing
		jQuery.easing.def = "easeOutQuad";
					
		//ie 6 ne gérant pas bien l'effet rollOver, ne plas l'implémenter si ie6 détecté
		var isIE6=false;
		if($.browser.msie && $.browser.version < 7){	isIE6=true;	};
				  						
		//rollOver menu: seulement si pas IE6
		if(isIE6==false){
			//cibler tous les li
			$('.lev1 li')
				//enlever les classes highlights (qui implémentent le comportement hover sans js)
				.removeClass('highlight')
				//détecter tous les liens dans les li qui sont des liens de menu (et pas de sous-menu)
				.find('a.menuLink')
					//ajouter le span hover à la fin de tous les liens (qui va nous servir pour les images hover, à la place de la classe highlight)
					.append('<span class="hover" />').each(function () {
						//pour chaque lien, cibler le span ajouté et paramétrer son opacity sur 0
						var $span = $('> span.hover', this).css('opacity', 0);
						  //pour chaque lien, paramétrage des actions hover/out
						  $(this).bind('mouseenter', menuMouseOverManager);
						  $(this).parents('li').bind('mouseleave', menuMouseOutManager);
							function menuMouseOverManager() {
								//arrêter toute animation sur le span, et le fade in a 1
								$span.stop().fadeTo(rollOverDuration, 1);
							} 
							function menuMouseOutManager() {
								//arrêter toute animation sur le span, et le fade in a 0
								$span.stop().fadeTo(rollOutDuration, 0);
							};
					});
		}
			
		//masquage de tous les sous-menu
		$(".lev2").css('display', 'block');
		$(".lev2").hide();
		//paramétrage menu déroulant: écoutes événements
		$(".lev1 > li").find('a.menuLink').bind('mouseenter', menuMouseOverSubmenuManager);
		$(".lev1 > li").bind('mouseleave', menuMouseOutSubmenuManager);
		//fonction mouseOver
		function menuMouseOverSubmenuManager(event){
			$(this).parents('li').find('.lev2').slideDown(slidingDownSubmenuDuration);
			event.stopPropagation();
		}
		//fonction mouseOut
		function menuMouseOutSubmenuManager(event){
			$('.lev2', this).slideUp(slidingUpSubmenuDuration);
			event.stopPropagation();
		}
	}