//Fonction gérant les valeurs des formulaires
jQuery.fn.fields = function() {
	this.each(function(index, element) {
		
		$(element).data("defaultValue", $(element).val());
		
		$(element).css("color","#989284");
		
		$(element).focus(function() {
			if($(this).val() == $(this).data("defaultValue")) {
				$(this).val("");
				$(this).css("color","#383533");
			}
		}).blur(function() {
			if($(this).val() == "") {
				$(this).val($(this).data("defaultValue"));
				$(this).css("color","#989284");
			}
			if($(this).val() != $(this).data("defaultValue")) {
				$(this).css("color","#383533");
			}
		});
	});
};
jQuery(function($){	
	
	//----------------------------------------------------------------------------------
	//Initialisation des formulaires
	$("#search_query_top").fields();
	$("#footer #contact :text").fields();
	
	//----------------------------------------------------------------------------------
	//Animation menu coeur de page d'accueil

	if ($.browser.msie) {
		$('#home_content_menu li').mouseover(function() {
			$(this).find(".hover_mask").show();
			$(this).find(".trigger").stop().animate({paddingTop: '25px'},{queue:false, duration:200, easing: 'easeOutQuad'});
		});
		$('#home_content_menu li .trigger').mouseover(function() {
			$(this).find(".hover_mask").show();
			$(this).stop().animate({paddingTop: '25px'},{queue:false, duration:200, easing: 'easeInQuad'});
		});
		
		$('#home_content_menu li').mouseleave(function(){
			$(this).find(".hover_mask").hide();
			$(this).find(".trigger").stop().animate({paddingTop: '7px'},{queue:false, duration:200, easing: 'easeOutQuad'});
		});
		
		$('#home_content_menu li .trigger').mouseleave(function(){
			$(this).find(".hover_mask").hide();
			$(this).stop().animate({paddingTop: '7px'},{queue:false, duration:200, easing: 'easeInQuad'});
		});
	}
	
	$('#home_content_menu li').mouseover(function() {
		$(this).find(".hover_mask").fadeIn();
		$(this).find(".trigger").stop().animate({paddingTop: '25px'},{queue:false, duration:200, easing: 'easeOutQuad'});
	});
	$('#home_content_menu li .trigger').mouseover(function() {
		$(this).find(".hover_mask").fadeIn();
		$(this).stop().animate({paddingTop: '25px'},{queue:false, duration:200, easing: 'easeInQuad'});
	});
	
	$('#home_content_menu li').mouseleave(function(){
		$(this).find(".hover_mask").fadeOut();
		$(this).find(".trigger").stop().animate({paddingTop: '7px'},{queue:false, duration:200, easing: 'easeOutQuad'});
	});
	
	$('#home_content_menu li .trigger').mouseleave(function(){
		$(this).find(".hover_mask").fadeOut();
		$(this).stop().animate({paddingTop: '7px'},{queue:false, duration:200, easing: 'easeInQuad'});
	});
	
	//----------------------------------------------------------------------------------
	//Background des bouton ajout au panier sur evenement click
	$('body#product p#add_to_cart input, ul#product_list li a.button').unbind('mousedown').mousedown(function(){
	    $(this).addClass('clicked');
    	}).mouseup(function(){
    	$(this).removeClass('clicked');
   	});

	//----------------------------------------------------------------------------------
	//Applique une classe last au dernier élément du menu
	$(".sf-menu > li").last().addClass("last");
	
	//----------------------------------------------------------------------------------
	//Applique une hauteur égale aux 4 premiers éléments des sous menu
	$(".sf-menu > li").each(function(index, element){
		var maxHeight = 0;
		$(element).find(" > ul > li").slice(0,4).each(function(idx, elmt){
			maxHeight = ($(elmt).height() > maxHeight)? $(elmt).height() : maxHeight;
		}).height(maxHeight).addClass("firstfour");
	});
	
	//----------------------------------------------------------------------------------
	//Applique une hauteur égale aux autres éléments du sous menu (autres que les 4 premiers)
	var other_li = $(".sf-menu > li > ul > li").not(".firstfour");
	var otherMaxHeight = 0;
	other_li.each(function(index, element){
		$(element).addClass("others");
		otherMaxHeight = ($(element).height() > otherMaxHeight)? $(element).height() : otherMaxHeight;
	}).height(otherMaxHeight);
	
	//----------------------------------------------------------------------------------
	//Ajoute un temporisation à l'apparition du sous menu

	/*var mouse_is_over_menu = false;
	
	$(".sf-menu > li").each(function(index, element){
		
		$(element).mouseenter(function(){
			
				mouse_is_over_menu = true;
				
				if(mouse_is_over_menu){
				
					setTimeout(showMenu, 1000);
				
				}
				
				function showMenu() {
					$(element).children("ul").css("visibility","visible");
				}
				
				console.log(mouse_is_over_menu);
			
		}).mouseleave(function(){
			
				$(element).children("ul").css("visibility","hidden");
				
				mouse_is_over_menu = false;
				
				console.log(mouse_is_over_menu);
			
		})	
	
	});*/
	
	//----------------------------------------------------------------------------------
	//Effet hover sur les images des produit en mode liste (famille ou résultats de recherche)
	

	if ($.browser.msie) {
		$('ul#product_list .product_img_link').mouseenter(function() {
			$(this).find(".hover_mask").show();
			$(this).find(".plus").stop().delay(100).animate({top: '67px'},200);		
		});
		$('ul#product_list .product_img_link').mouseleave(function(){
			$(this).find(".hover_mask").hide();
			$(this).find(".plus").stop().animate({top: '177px'}, 200, function(){
				$(this).css("top","-43px");
			});
		});
	}
	
	$('ul#product_list .product_img_link').mouseenter(function() {
		$(this).find(".plus").stop().delay(100).animate({top: '67px'},200);
		$(this).find(".hover_mask").fadeIn();
	});
	$('ul#product_list .product_img_link').mouseleave(function(){
		$(this).find(".plus").stop().animate({top: '177px'}, 200, function(){
			$(this).css("top","-43px");
		});
		$(this).find(".hover_mask").fadeOut();
	});	

	
	//----------------------------------------------------------------------------------
	//Affichage des informations de société lors de la selection avec le bouton radio (à l'iscription)
	$('#id_customer_type_1').click(function(){
		$('#company_customer').slideDown();
		// On ajoute la class required à tous les champs de la div
		$('#company_customer').children().addClass('required');        
	});
	
	// Si on charge la page et que Professionnel est selectionné, il faut que le cadre s'affiche
	var pro_checked = $('#id_customer_type_1').attr('checked');
	if(pro_checked){ $('#company_customer').slideDown(); }
		
	$('#id_customer_type_2').click(function(){
		$('#company_customer').slideUp();
		// On supprime la class required à tous les champs de la div
		$('#company_customer').children().removeClass('required');     
	});
	
});