$(document).ready(function () {
    $('.menu_class').click(function () {
    	var cur_el=$(this).attr('id');
    	if (cur_el=='bordeaux'){
	  
	    	if($('ul#menu_bordeaux').is(":visible")){
	    		$('ul#menu_bordeaux').slideToggle('medium');
	    	}else{
	    		$('ul.the_menu').hide();
	    		$('ul#menu_bordeaux').slideToggle('medium');
	    	}
	    	
    	}else if(cur_el=='bourgogne'){
    		
    		if($('ul#menu_bourgogne').is(":visible")){
	    		$('ul#menu_bourgogne').slideToggle('medium');
	    	}else{
	    		$('ul.the_menu').hide();
	    		$('ul#menu_bourgogne').slideToggle('medium');
	    	}
    	
    	}else if(cur_el=='rhone'){
    		if($('ul#menu_rhone').is(":visible")){
	    		$('ul#menu_rhone').slideToggle('medium');
	    	}else{
	    		$('ul.the_menu').hide();
	    		$('ul#menu_rhone').slideToggle('medium');
	    	}
    	
    	}else if(cur_el=='champagne'){
    		
    		if($('ul#menu_champagne').is(":visible")){
	    		$('ul#menu_champagne').slideToggle('medium');
	    	}else{
	    		$('ul.the_menu').hide();
	    		$('ul#menu_champagne').slideToggle('medium');
	    	}
    	
    	}else if(cur_el=='autres'){
    		
    		if($('ul#menu_autres').is(":visible")){
	    		$('ul#menu_autres').slideToggle('medium');
	    	}else{
	    		$('ul.the_menu').hide();
	    		$('ul#menu_autres').slideToggle('medium');
	    	}
    	
    	}else if(cur_el=='etranger'){
    		
    		if($('ul#menu_etranger').is(":visible")){
	    		$('ul#menu_etranger').slideToggle('medium');
	    	}else{
	    		$('ul.the_menu').hide();
	    		$('ul#menu_etranger').slideToggle('medium');
	    	}
    	
    	}
	
    });

      
//fonction pour le menu sup
    // On cache les sous-menus
    // sauf celui qui porte la classe "open_at_load" :
    $("ul.subMenu:not('.open_at_load')").hide();
    // On selectionne tous les items de liste portant la classe "toggleSubMenu"

    // et on remplace l'element span qu'ils contiennent par un lien :
    $("li.toggleMenu span").each( function () {
        // On stocke le contenu du span :
        var TexteSpan = $(this).text();
        $(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '</a>') ;
    } ) ;

    // On modifie l'evenement "click" sur les liens dans les items de liste
    // qui portent la classe "toggleSubMenu" :
        $("li.toggleMenu > a").click( function () {
            // Si le sous-menu etait deja ouvert, on le referme :
            if ($(this).next("ul.subMenu:visible").length != 0) {
                $(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open"); } );
            }
            // Si le sous-menu est cache, on ferme les autres et on l'affiche :
            else {
                $("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open"); } );
                $(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open"); } );
            }
            // On empêche le navigateur de suivre le lien :
            return false;
        }); 
        
        
        
        

         
});
