$(document).ready(function() {
	//Mettre une taille dynamique sur les span de couleur du menu
	$('.nav_princ a').hover(
	  function () {
		var widthTd = $(this).width();
		$(this).find('.rub_deco').animate({
		width: widthTd,
	  }, 200);
	  $(this).next('.nav-deroulante').show();
	  
	  }, 
	  function () {
		$(this).find('.rub_deco').animate({
		width: 0,
	  }, 200);
	  $(this).next('.nav-deroulante').hide();
	  }
	)
	
	$('.nav-deroulante').hover(function(){
	//au survol	
   	var widthTd = $(this).parent().width();
	$(this).find('.top-scape').width(widthTd);
	$(this).show();
	$(this).prev('a').addClass('active');
	//impossible de mettre la taille sur la deco du menu
	$(this).prev('.toggleSubmenu').find('.rub_deco').width(50);
 },function(){
	 //en dehors
	 $(this).hide();
	 $(this).prev('a').find('.rub_deco').removeClass('active');
	 $(this).prev('.toggleSubmenu').find('.rub_deco').width(0);
	 $(this).prev().removeClass('active');
   });
 
	
	$('.nav_princ a.actif .rub_deco').width($('.nav_princ a.actif').width());

	//Afficher cacher du panier
	$('#header .cart_link').hover(function(){
		$('.cart').show(500);	
	},function(){
		$('.cart').hide();
	});
	
	$('.cart').hover(function(){
		$(this).show();	
	},function(){
		$(this).hide();
	});
	
	//Onglet accordeons
	
	// On cache les sous-menus 
    // sauf celui qui porte la classe "open_at_load" : 
    $(".navigation ul.subMenu:not('.open_at_load')").hide(); 
    // On sélectionne tous les items de liste portant la classe "toggleSubMenu" 
 
    // et on remplace l'élément span qu'ils contiennent par un lien : 
    $(".navigation li.toggleSubMenu span").each( function () { 
        // On stocke le contenu du span : 
        var TexteSpan = $(this).text(); 
        $(this).replaceWith('<a href="" title="Afficher le sous-menu" onclick="return false">' + TexteSpan + '<\/a>') ; 
    } ) ; 
 
    // On modifie l'évènement "click" sur les liens dans les items de liste 
    // qui portent la classe "toggleSubMenu" : 
    $(".navigation li.toggleSubMenu > a").click( function () { 
        // Si le sous-menu était déjà 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 caché, on ferme les autres et on l'affiche : 
        else { 
            $(".navigation ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") }); 
            $(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open") } ); 
        } 
    });
	
	
	// On cache les sous-menus 
    // sauf celui qui porte la classe "open_at_load" : 
    $(".liste_cat_souscat ul.subMenu:not('.open_at_load')").hide(); 
    // On sélectionne tous les items de liste portant la classe "toggleSubMenu" 
 
    // et on remplace l'élément span qu'ils contiennent par un lien : 
    $(".liste_cat_souscat li.toggleSubMenu span").each( function () { 
        // On stocke le contenu du span : 
        var TexteSpan = $(this).text(); 
        $(this).replaceWith('<a href="" title="Afficher le sous-menu" onclick="return false" class="btn_plus">' + TexteSpan + '<\/a>') ; 
    } ) ; 
 
    // On modifie l'évènement "click" sur les liens dans les items de liste 
    // qui portent la classe "toggleSubMenu" : 
    $(".liste_cat_souscat li.toggleSubMenu > a").click( function () { 
        // Si le sous-menu était déjà ouvert, on le referme : 
        if ($(this).next("ul.subMenu:visible").length != 0) { 
            $(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open bg_color_cat") } );
			$('.liste_cat_souscat .btn_plus').hide();
        } 
        // Si le sous-menu est caché, on ferme les autres et on l'affiche : 
        else { 
            $(".liste_cat_souscat ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open bg_color_cat") }); 
            $(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open bg_color_cat") } );
			$(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().find('.btn_plus').show() } );
        } 
    });	
		
	
	$('.liste_cat_souscat .toggleSubMenu').hover(function(){
		$(this).addClass('bg_color_cat');
		$(this).find('.btn_plus').show()	
	},function(){
		if(!($(this).hasClass('open')))
		{
			$(this).removeClass('bg_color_cat');
			$(this).find('.btn_plus').hide();
		}
	});
	
	$('.toggleSubMenu .btn_plus').toggle(function(){
		$(this).attr('class','btn_moins')
	},
	function(){
		$(this).attr('class','btn_plus');
	}
	);

	var heightTXT = 50;
		
		$('.bloc-carousselle').hover(
	  function () {
		  //action survol
		$(this).find('.text').animate({
		height: heightTXT
	  }, 500);
	
	  },
	  function () {
		  //action en dehors survol
		$('.text').animate({
		height: 0
		  }, 500);
	  }
	);
	
	// On ajoute la classe "js" à la liste pour mettre en place par la suite du code CSS uniquement dans le cas où le Javascript est activé
	$("ul.notes-echelle").addClass("js");
	// On passe chaque note à l'état grisé par défaut
	$("ul.notes-echelle li").addClass("note-off");
	// Au survol de chaque note à la souris
	$("ul.notes-echelle li").mouseover(function() {
		// On passe les notes supérieures à l'état inactif (par défaut)
		$(this).nextAll("li").addClass("note-off");
		// On passe les notes inférieures à l'état actif
		$(this).prevAll("li").removeClass("note-off");
		// On passe la note survolée à l'état actif (par défaut)
		$(this).removeClass("note-off");
	});
	// Lorsque l'on sort du sytème de notation à la souris
	$("ul.notes-echelle").mouseout(function() {
		// On passe toutes les notes à l'état inactif
		$(this).children("li").addClass("note-off");
		// On simule (trigger) un mouseover sur la note cochée s'il y a lieu
		$(this).find("li input:checked").parent("li").trigger("mouseover");
	});
	
	//Menu deroulant filtre
	$(".filtre li").hover(function(){
		$(this).find('ul').show()
	},function(){
		$(this).find('ul').hide()
		}
	);
	
	//Afficher, cacher sur le bouton radio
	$('.panier_paiement_content input').change(function() { 
    if ($(this).attr('checked') == true & $(this).val() == "paypal") { 
        $(this).parent().parent().parent().find('.bouton_paypal').show(); 
        $(this).parent().parent().parent().find('.bouton_cheque').hide(); 
    }; 
    if ($(this).attr('checked') == true & $(this).val() == "cheque") { 
        $(this).parent().parent().parent().find('.bouton_paypal').hide(); 
        $(this).parent().parent().parent().find('.bouton_cheque').show(); 
    } 
}); 
	
});

//Fin Mettre une taille dynamique sur les span de couleur du menu