var on_menu = false;
var menu = new Array();
var smenu = new Array();
var timeout_in 	= 500;
var timeout_out = 50;
var URL_SITE_HTTP = 'http://www.foussierquincaillerie.fr/';
$(function(){

	$('.page_prec a').click(function(){
		history.back(-1);
		return false;
	});


	/***** RECHERCHER *****/
	var default_search_text = $('#recherche').val();
	
	$('#recherche').on('focus', function(){
		if($(this).val() == default_search_text){
			$(this).val('');
			$(this).addClass('active');
		}
	}).on('blur', function(){
		if($(this).val() == ''){
			$(this).val(default_search_text);
			$(this).removeClass('active');
		}
	});
	
	
	$('#recherche').autocomplete({
		source: function( request, response ){
   		$.ajax({
   			url: URL_SITE_HTTP+"ajax/search.xhr.php",
   			dataType: "json",
   			data: { term : request.term },
            success: function(data){				
				if(data !=''){
					response($.map(data.resultats, function(item) {
					
						return {
							label: __highlight(item.label, request.term),
							value: item.label.replace(new RegExp("(")", "g"),'"')
					 	};
					}));
				}				
            }
		   })
		},
		select: function(event, ui){	//submit lors du select
			$('#recherche').val(ui.item.value);
			$('#bloc_rechercher form').submit();
		},		
		minLength: 4,
		appendTo: '#bloc_rechercher'
	})
	.data("autocomplete")._renderItem = function( ul, item ) {
        return $("<li></li>")
            .data("item.autocomplete", item)
			.append($( "<a></a>" ).html(item.label))
			.appendTo(ul);
	};

	


	
	
	/***** LOGIN *****/
	var default_login = $('#login').val();	
	var default_passwd = $('#passwd').val();
	
	$('#login').on('focus', function(){
		if($(this) != 'undefined'){
			if($(this).val() == default_login){
				$(this).val('');
				$(this).addClass('active');
			}
		}
	});
		
	$('#login').on('blur', function(){
		if($(this) != 'undefined'){
			if($(this).val() == ''){
				$(this).val(default_login);
				$(this).removeClass('active');
			}
		}else alert($(this));
	});
	
	$('#passwd').on('focus', function(){
		if($(this).val() == default_passwd){
			$(this).val('');
			$(this).addClass('active');
		}
	});

	$('#passwd').on('blur', function(){
		if($(this).val() == ''){
			$(this).val(default_passwd);
			$(this).removeClass('active');
		}
	});

	

	
	/**** MEGA MENU *****/
	var menu_height = Number($('.menu_droite').css('height').replace('px', '')); // hauteur du conteneur du menu
	var menu_niv2_margin_top = Number($('.menu_niv').css('margin-top').replace('px', '')); // marge haute d'un bloc de niveau 2
	
	$('.menu_droite').each(function(){
		
		var menu_droite = $(this); //bloc contenant toutes les colonnes
		var liste_menu = new Array(); //liste des menu (bloc niv2 + niv3)
		var menu_position = 0; //position actuelle du bloc dans le menu (en pixels)
		$(this).append('<div class="col"></div>'); //création de la premiere colonne
	
		//recuperation des blocs
		$(this).find('.menu_niv').each(function(){
			liste_menu.push($(this).detach());
		});
	
		$(liste_menu).each(function(){
			
			//on attache le bloc à la derniere colonne
			menu_droite.find('.col:last').append($(this)); 
			
			//on recupere la hauteur du bloc attaché
			var height = Number($(this).css('height').replace('px', '')) + Number($(this).css('margin-top').replace('px', ''));
			
			//on ajoute cette hauteur à la hauteur actuelle
			menu_position += height;
			
			//si la heuteur actuelle moins la marge haute (que l'on va supprimer par la suite) est supérieure à la hauteur du menu
			if((menu_position-menu_niv2_margin_top) > menu_height){
				
				//definition de la nouvelle hauteur actuelle
				menu_position = height;
				
				//supression du bloc qui vient d'être attaché
				menu_droite.find('.menu_niv:last').remove();
				
				//ajout d'une nouvelle colonne
				menu_droite.append('<div class="col"></div>');
				
				//on attache le bloc à la derniere colonne, créée juste au dessus
				menu_droite.find('.col:last').append($(this));
			}
		});
	});
	
	//suppression de la marge haute pour les premier niv2 de chaque colonne
	$('.menu_droite .col .menu_niv:first-child').css('margin-top', '0');
	
	//masquage des megas menus
	$('.menu').hide().css('top', '50px');
	
	
	//acces au mega-menu
	/*$('#mega_menu li a').hover(
		function(){
			var id = $(this).attr('niv');
			menu[id] = true;

			if(on_menu == true){
				finalShowMenu(id);
			}
			else{
				setTimeout('finalShowMenu("'+id+'");', timeout_in);	
				on_menu = true;
				$('#slogan').html('HOVER');
			}				
		},
		function(){
			var id = $(this).attr('niv');
			menu[id] = false;
			setTimeout('finalHideMenu("'+id+'");', timeout_out);
			
			on_menu = false;
			$('#slogan').html('OUT');
		}
	);*/


	//acces au mega-menu
	$('#menu').hover(
		function(){
			setTimeout(function(){
				on_menu = true;
			}, timeout_out);
		},
		function(){
			setTimeout(function(){
				on_menu = false;
			}, timeout_out);
		}
	);
	
	
	$('#mega_menu li').hover(
		function(){
			var id = $(this).attr('niv');
			menu[id] = true;
			if(on_menu)		finalShowMenu(id);
			else			setTimeout('finalShowMenu("'+id+'");', timeout_in);	
		},
		function(){				
			var id = $(this).attr('niv');
			menu[id] = false;
			setTimeout('finalHideMenu("'+id+'");', timeout_out);
		}
	);

	$('.menu').hover(
		function(){
			var id = $(this).attr('niv');
			smenu[id] = true;
			setTimeout('finalShowMenu("'+id+'");', timeout_in);
		},
		function(){
			var id = $(this).attr('niv');
			smenu[id] = false;
			setTimeout('finalHideMenu("'+id+'");', timeout_out);
		}
	);
	
	
	$('.menu_btn_fermer').click(function(){
		var id = $(this).parent().attr('niv');
		smenu[id] = false;
		finalHideMenu(id);
		return false;
	});


	//web to call
	$('#call').live('click',function(){
		window.location.href = URL_SITE_HTTP+'web-to-call.php';
	});

	/***** NOS SERVICES *****/
	$('.bloc_services:last').css('border','none');
	$('.bloc_services:first').css('padding-left','0px');
	

	/**** FOOTER *****/
	$('.titre_footer:first').css('padding-bottom','0px');
	$('.categorie_footer tr:last').css('border-bottom','none');
	
	$('.categorie_footer td').eq(0).css({
		'padding-top':'0px',
		'padding-left':'0px'
	});
	$('.categorie_footer td').eq(1).css('padding-top','0px');
	$('.categorie_footer td').eq(2).css({
		'border-right':'none',
		'padding-top':'0px'
	});
	$('.categorie_footer td').eq(3).css({
		'padding-left':'0px',
		'padding-bottom':'0px'
	});
	$('.categorie_footer td').eq(4).css('padding-bottom','0px');
	$('.categorie_footer td').eq(5).css({
		'border-right':'none',
		'padding-bottom':'0px'
	});
		
	
	/*** BLOCS GAUCHE ***/
	$('#contenu_gauche div:not(.bloc_supplementaire) .cgb_contenu:eq(0)').show();
	$('#contenu_gauche div:not(.bloc_supplementaire) .cgb_contenu:eq(2)').show();
	$('#contenu_gauche div.bloc_supplementaire .cgb_contenu').show();
	
	$('#contenu_gauche div:not(.bloc_supplementaire) .cgb_titre:not(:first)').bind('click', function(){
		$('#contenu_gauche div:not(.bloc_supplementaire) .cgb_contenu:visible').not(':first').hide('blind');
		$(this).parent().find('.cgb_contenu').show('blind');
	}).css('cursor', 'pointer');
	
	
	
	$('#bloc_commande_express_help').bind('click', function(){		
		$.messageService({
			title: 			'Comment ça marche ?',
			type:			'url',
			source:			'popup_ajax/cmt_ca_marche_cmd_express.popup.php',
			width:			568
		});			
		return false;
	});
	
	
	$('#bloc_promotion_help').bind('click', function(){		
		$.messageService({
			title: 			'Comment ça marche ?',
			type:			'url',
			source:			'popup_ajax/cmt_ca_marche_promotion.popup.php',
			width:			568
		});		
		return false;
	});
	
	//Commande express
	var default_cmd_express_text_log = $('#cmd_express_code_art_log').val();
	
	$('#cmd_express_code_art_log').bind('focus', function(){
		if($(this).val() == default_cmd_express_text_log){
			$(this).val('');
			$(this).addClass('active');
		}
	}).bind('blur', function(){
		if($(this).val() == ''){
			$(this).val(default_cmd_express_text_log);
			$(this).removeClass('active');
		}
	}).bind('keypress', function(e) {
    	
		if(e.keyCode==13){
        	$('#cmd_express_submit').trigger('click');
        }
	});



	$('#cmd_express_qte_val').bind('keypress', function(e) {
    	
		if(e.keyCode==13){
        	$('#cmd_express_submit').trigger('click');
        }
	});



	
	var default_cmd_express_text = $('#cmd_express_code_art').val();
	
	$('#cmd_express_code_art').bind('focus', function(){
		if($(this).val() == default_cmd_express_text){
			$(this).val('');
			$(this).addClass('active');
		}
	}).bind('blur', function(){
		if($(this).val() == ''){
			$(this).val(default_cmd_express_text);
			$(this).removeClass('active');
		}
	}).bind('keypress', function(e) {
    	
		if(e.keyCode==13){
        	$('#cmd_express_submit').trigger('click');
        }
	});
	

	

	$('#cmd_express_submit').click(function(){
		var REF_FOUSSIER 	= $('#bloc_commande_express input[name="ART_REF_FOUSSIER"]').val();
		var QUANTITE 		= $('#bloc_commande_express input[name="quantite"]').val();
		
		displayWaitCMDExpress(true);

		$.ajax({
			type: "POST",
			url: "/ajax/commande_expresse_valide.xhr.php",
			data: "REF_FOUSSIER="+REF_FOUSSIER+"&QUANTITE="+QUANTITE,
			dataType: 'json',
			success: function(json){
				switch(json.ERREUR){
					
					//pas d'erreur
					case 0:	var article_commandable = quantiteIsCommandable(REF_FOUSSIER, QUANTITE, false,false);
					
							
							if(article_commandable.IS_COMMANDABLE){	
								$.ajax({
									type: "POST",
									url: "/ajax/commande_expresse.xhr.php",
									data: "REF_FOUSSIER="+REF_FOUSSIER+"&QUANTITE="+QUANTITE,
									success: function(){
										//displayWaitCMDExpress(false);
										//var tab_art_commandes 	= new Array();
										//tab_art_commandes.push(REF_FOUSSIER);
										//popupAjoutPanier(tab_art_commandes);
										window.location.href = URL_SITE_HTTP+'panier.php';
										return false;
									}
								});
							}
							else{
								displayWaitCMDExpress(false);
								popupQuantiteNonCommandable(article_commandable);		
							}				
							
							break;
						
						
					//popup erreur quantité	
					case 1:	var htmlPopup = '<p class="center">Veuillez saisir une quantité pour cet article.</p>';
							
							htmlPopup += 	'<a href="#" title="Ok" class="messageService_close btn_medium noir" style="margin:20px auto 0;">OK</a>';
							displayWaitCMDExpress(false);						
							$.messageService({
								title: 			'Attention! Foussier Quincaillerie vous informe :',
								html: 			htmlPopup,
								width:			500
							});
							break;
						
					
					//popup erreur code foussier
					case 2:	var htmlPopup = '<p class="center">Les codes articles Foussier Quincaillerie sont toujours composés de 6 chiffres sans espace.</p>';
							htmlPopup += 	'<p class="center">Merci de ne pas saisir de lettres (exemple: 000539)</p>';
							htmlPopup += 	'<a href="#" title="Ok" class="messageService_close btn_medium noir" style="margin:20px auto 0;">OK</a>';
							displayWaitCMDExpress(false);			
							$.messageService({
								title: 			'Attention ! Foussier Quincaillerie vous informe :',
								html: 			htmlPopup,
								width:			500
							});
							break;
						
					
					//popup code foussier inconnu
					case 3:	var htmlPopup = '<p class="center">La référence article <strong>'+REF_FOUSSIER+'</strong> n\'est pas disponible au sein de notre catalogue</p>';
							htmlPopup += 	'<p class="center">Nous vous invitons à vérifier la validité de votre code article.</p>';
							htmlPopup += 	'<a href="#" title="Ok" class="messageService_close btn_medium noir" style="margin:20px auto 0;">OK</a>';
							displayWaitCMDExpress(false);							
							$.messageService({
								title: 			'Erreur sur l\'article demandé',
								html: 			htmlPopup,
								width:			500
							});
							break;
						
					
					//popup code foussier plsu commandalbe
					case 4:	var htmlPopup = '<p class="center">Cet article n\'est plus disponible à la vente.</p>';
							htmlPopup += 	'<p class="center">Merci de nous contacter au 0821 821 821 pour qu\'un professionnel vous oriente vers l\'article correspondant à votre besoin.</p>';
							htmlPopup += 	'<a href="#" title="Ok" class="messageService_close btn_medium noir" style="margin:20px auto 0;">OK</a>';
							displayWaitCMDExpress(false);							
							$.messageService({
								title: 			'Attention ! Foussier Quincaillerie vous informe :',
								html: 			htmlPopup,
								width:			500
							});
							break;
				}
			}
		});
				
		return false;		
	});
	
	
	$('#login_submit').click(function(){
		var login 	= $('#login').val();
		var passwd 		= $('#passwd').val();
		
	
		$.ajax({
			type: "POST",
			url: "/ajax/login_valide.xhr.php",
			data: "login="+login+"&passwd="+passwd,
			dataType: 'json',
			success: function(json){
				switch(json.ERREUR){
					
							
					//popup erreur quantité	
					case 2:	var htmlPopup = '<p class="center">Veuillez saisir un identifiant et un mot de passe correct.</p>';
							
							htmlPopup += 	'<a href="#" title="Ok" class="messageService_close btn_medium noir" style="margin:20px auto 0;">OK</a>';
							displayWaitCMDExpress(false);						
							$.messageService({
								title: 			'Attention! Foussier Quincaillerie vous informe :',
								html: 			htmlPopup,
								width:			500
							});
							break;
						
					
					//popup erreur quantité	
					case 1:	document.forms["log_form"].submit();
							break;
						
					
					
				}
			}
		});
				
		return false;		
	});
	
	
	
	$('#charger_cmd').bind('change', function(){
		var ce_id = Number($(this).val());
		if(ce_id > 0){
			$.ajax({
				type: "POST",
				url: URL_SITE_HTTP+"ajax/charger_commande.xhr.php",
				data: "ce_id="+ce_id,
				dataType: 'json',
				success: function(json){
					if(json.length){
						
						var liste_art_ref_manquants = '<ul style="font-weight:bold; margin-left:20px;">';
					
						$.each(json, function(key, value){
							liste_art_ref_manquants += '<li>'+value.ART_REF_FOUSSIER+'</li>';
						});
						
						liste_art_ref_manquants += '<ul>';
						
						var htmlPopup = '<p>Plusieurs articles de votre commande ne sont plus disponibles:</p>';
						htmlPopup += 	liste_art_ref_manquants;
						htmlPopup += 	'<a href="#" title="Ok" class="messageService_close btn_medium noir" style="margin:20px auto 0;">OK</a>';
													
						$.messageService({
							title: 			'Attention ! Foussier Quincaillerie vous informe :',
							html: 			htmlPopup,
							width:			420,
							onClose:function(){ window.location.href = URL_SITE_HTTP+'panier.php'; }
						});
						
					}
					else window.location.href = URL_SITE_HTTP+'panier.php';
				}
			});
		}
		return false;
	});
	
	//assitance multimédia
	$('#bloc_assist_multimedia .cgb_contenu').live('click', function(){
		window.location.href = URL_SITE_HTTP+'web-to-call.php?multimedia=true';
	});
	
	
	//newsletter
	var default_newsletter_mail_text = $('#newsletter_mail').val();
	
	$('#newsletter_mail').bind('focus', function(){
		if($(this).val() == default_newsletter_mail_text){
			$(this).val('');
			$(this).addClass('active');
		}
	}).bind('blur', function(){
		if($(this).val() == ''){
			$(this).val(default_newsletter_mail_text);
			$(this).removeClass('active');
		}
	});
	
	$('#newsletter_desabo').bind('click', function(){
		
		
		$.messageService({
			title: 			'Désabonnement à la newsletter',
			type:			'url',
			source:			'popup_ajax/nl_desinscription.popup.php',
			width:			438,
			onLoad:			function(){ },
			onLoadComplete:	function(){ },
			onClose:		function(){ },
			onCloseComplete:function(){ }
		});
		
		
		return false;
	});
	
	
	
	function validateEmail($email) {
	    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
	    if( !emailReg.test( $email ) && $email!='' ) {
	        return false;
	    } else {
	        return true;
	    }
	}
	
	
		$('#email_desa').live('click',function(){
		
		$('#email_desa').val("");
			return false;
		
		
	});
	
		$('#desa_newsletter').live('click',function(){
		
			//chargement de la page : récupère les tops des ventes
			
			
		if(validateEmail($('#email_desa').val()))	
		{
		$.ajax({
			type: "POST",
			url: "ajax/post_desa_newsletter.xhr.php",
			data: "email="+$('#email_desa').val(),
			success: function(){
				$.messageService({
			title: 			'Desabonnement à la newsletter',
			type:			'url',
			source:			'popup_ajax/ok_mail_desa_news.popup.php',
			width:			438,
			onLoad:			function(){ },
			onLoadComplete:	function(){ },
			onClose:		function(){ },
			onCloseComplete:function(){ }
		});	
			}
		});	
		}else
		{
		$.messageService({
			title: 			'Desabonnement à la newsletter',
			type:			'url',
			source:			'popup_ajax/erreur_mail.popup.php',
			width:			438,
			onLoad:			function(){ },
			onLoadComplete:	function(){ },
			onClose:		function(){ },
			onCloseComplete:function(){ }
		});	
		}
		
		return false;
		
		
	});
	
	//inscription à la newsletter
	$('#newsletter_submit').click(function(){
		
			//chargement de la page : récupère les tops des ventes
			
		if(validateEmail($('#newsletter_mail').val()))	
		{
		$.ajax({
			type: "POST",
			url: "ajax/post_newsletter.xhr.php",
			data: "email="+$('#newsletter_mail').val(),
			success: function(){
				$.messageService({
			title: 			'Abonnement à la newsletter',
			type:			'url',
			source:			'popup_ajax/ok_mail_news.popup.php',
			width:			438,
			onLoad:			function(){ },
			onLoadComplete:	function(){ },
			onClose:		function(){ },
			onCloseComplete:function(){ }
		});	
			}
		});	
		}else
		{
		$.messageService({
			title: 			'Abonnement à la newsletter',
			type:			'url',
			source:			'popup_ajax/erreur_mail.popup.php',
			width:			438,
			onLoad:			function(){ },
			onLoadComplete:	function(){ },
			onClose:		function(){return false; },
			onCloseComplete:function(){ }
		});
		return false;	
		}
		
		
		
		
	});
	
	$('.mail_to').bind('click', function(){
		
		var idcontact=$(this).find('a').attr('href');
		idcontact=idcontact.substring(1);
		
			
		
		$.messageService({
			title: 			'Envoyer un mail à '+$(this).find('a').html(),
			type:			'url',
			source:			'popup_ajax/mail_to.popup.php?id='+idcontact,
			width:			438,
			onLoad:			function(){ },
			onLoadComplete:	function(){ },
			onClose:		function(){ },
			onCloseComplete:function(){ }
		});
		
		
		return false;
	});
	
	/*
	$('#mail_to_2').bind('click', function(){
		
		
		$.messageService({
			title: 			'Envoyer un mail à Gaëlle Barrault',
			type:			'url',
			source:			'popup_ajax/mail_to.popup.php?id=2',
			width:			438,
			onLoad:			function(){ },
			onLoadComplete:	function(){ },
			onClose:		function(){ },
			onCloseComplete:function(){ }
		});
		
		
		return false;
	});
	
	
	$('#mail_to_3').bind('click', function(){
		
		
		$.messageService({
			title: 			'Envoyer un mail à Aurelie BAZOGE',
			type:			'url',
			source:			'popup_ajax/mail_to.popup.php?id=3',
			width:			438,
			onLoad:			function(){ },
			onLoadComplete:	function(){ },
			onClose:		function(){ },
			onCloseComplete:function(){ }
		});
		
		
		return false;
	});
	*/
	
	$('#envoyer_mailto').live('click', function(){
		
			//chargement de la page : récupère les tops des ventes
			
		if(validateEmail($('#mail_from').val()))	
		{
		$.ajax({
			type: "POST",
			url: "ajax/post_mail_to.xhr.php",
			data: "email="+$('#mail_from').val()+"&sujet="+$('#sujet_mail').val()+"&contenu="+$('#contenu_mail').val()+"&contact="+$('#contact_mail').val(),
			success: function(){
				$.messageService({
			title: 			'Validation de votre envoi.',
			type:			'url',
			source:			'popup_ajax/ok_mail_to.popup.php',
			width:			438,
			onLoad:			function(){ },
			onLoadComplete:	function(){
				var google_conversion_id = 1041888069;
				var google_conversion_language = "fr";
				var google_conversion_format = "1";
				var google_conversion_color = "ffffff";
				var google_conversion_label = "oq1fCLWSngEQxebn8AM";
				var google_conversion_value = 0;

						
				var script   = document.createElement("script");
		        script.type  = "text/javascript";
		        script.src   = "http://www.googleadservices.com/pagead/conversion.js";
				document.body.appendChild(script);

				
				
			 },
			onClose:		function(){ },
			onCloseComplete:function(){ }
		});	
			}
		});	
		}else
		{
		
		$('#mail_intitule').html("<p style='font-size:16px;color:red;'>Veuillez saisir un mail valide.</p>");
		
		}
		
		
		
		
	});
	
	
	//Initialistion du bloc promotion sur la colonne de gauche
	//initBlocPromotion();
	 var unePromo = new PromoAnim($('#bloc_promotion'));
	
	
	//target blank
	$('a.blank').live('click', function(){
		window.open(this.href);
		return false;
	});




	/**** BLOC QTE + / - *****/
	
	//$(this).find('.plus_moins_qte input[type=button]').live('click', function() {
	$('.plus_moins_qte input[type=button]').live('click', function() {
		if ($(this).parent().find('input[type=text]').val() == '') $(this).parent().find('input[type=text]').val('0');
		if($(this).val()=='+'){
			$(this).parent().find('input[type=text]').val(parseInt($(this).parent().find('input[type=text]').val())+1);
		}else{
			if (parseInt($(this).parent().find('input[type=text]').val())>0) $(this).parent().find('input[type=text]').val(parseInt($(this).parent().find('input[type=text]').val())-1);
		}
	});
	
	
	
	

});




function finalShowMenu(id){
	if(menu[id] == true || smenu[id] == true){	
		$('#mega_menu li a').removeClass('selected');
		$('.menu').hide();
			
		$('#mega_menu li a[niv="'+id+'"]').addClass('selected');
		$('.menu[niv="'+id+'"]').show();		
	}
}

function finalHideMenu(id){
	if(menu[id] == false && smenu[id] != true){	
		$('#mega_menu li a[niv="'+id+'"]').removeClass('selected');
		$('.menu[niv="'+id+'"]').hide();
	}
}

/*
function initBlocPromotion(){
	var nbSlides = $('.bloc_supplementaire .slide').length;
	var slideWidth = parseInt($('.bloc_supplementaire .slideContainer').css('width'));
	$('.bloc_supplementaire .slideInner').css('width',nbSlides*slideWidth+'px');

	$('.bloc_supplementaire .lien_retour a').live('click', animBlocPromotion);
}

function animBlocPromotion(){
	var slideWidth 	= parseInt($('.bloc_supplementaire .slideContainer').css('width'));
	var totalWidth 	= parseInt($('.bloc_supplementaire .slideInner').css('width'));
	var curPos 		= Math.abs(parseInt($('.bloc_supplementaire .slideInner').css('marginLeft')));
	var nextPos		= 0;
	
	//on test si on a atteint le maximum
	if ((curPos+slideWidth) > (totalWidth-slideWidth)){
		nextPos = 0;
	}
	else{									
		nextPos = -curPos-slideWidth;
	}
	
	//alert(nextPos);
	$('.bloc_supplementaire .slideInner').animate({'marginLeft' : nextPos},500);
	return false;
}*/


var PromoAnim = function(element){
	
	obj = this;
	vars = {
		slideWidth: 	0,
		totalWidth: 	0,
		totalSlides: 	0,
		curPos: 		0,
		nextPos:		0,
		auto:			true,
		running:		false,
		pause: 			6000,
		autoProgram:	false
	};
	
	anim = $(element);
	

	sens = 1;
		
	init = function(){
		
		vars.nbSlides 	= anim.find('.slide').length;
		vars.slideWidth = parseInt(anim.find('.slideContainer').css('width'));
		anim.find('.slideInner').css('width',vars.nbSlides*vars.slideWidth+'px');
		vars.totalWidth	= parseInt(anim.find('.slideInner').css('width'));
		
		//$('.bloc_supplementaire .lien_retour a').live('click', animBlocPromotion);
		
		
		anim.find('.label_lien_suivant').live('click', function (){ vars.auto=false; animBlocPromotion(anim, vars, '1'); return false;});
		anim.find('.label_lien_precedent').live('click', function (){ vars.auto=false; animBlocPromotion(anim, vars, '-1'); return false});
		

		anim.find('.lien_suivant').live('click', function(){ $('.label_lien_suivant').trigger('click'); return false;});
		anim.find('.lien_precedent').live('click', function(){ $('.label_lien_precedent').trigger('click'); return false;});
		//setTimeout( "vars.auto=true", vars.pause);
		//setTimeout( "animBlocPromotion(true, 1)", vars.pause);
		setTimeout( "animBlocPromotionAuto(anim, vars, sens)", vars.pause);
	}
	
	
	animAuto = function(anim, vars, sens){
		if(vars.auto == true && vars.running==false){
			animBlocPromotion(true, '1');
		}
	}
	
	
	animBlocPromotionAuto = function(anim, vars, sens){
		
		if(vars.running == false && vars.auto==true && anim.find('.cgb_contenu').css('display')=="block"){
			vars.autoProgram = false;
			vars.running= true;
			vars.curPos = Math.abs(parseInt(anim.find('.slideInner').css('marginLeft')));
			//on test si on a atteint le maximum
			if ((vars.curPos+vars.slideWidth) > (vars.totalWidth-vars.slideWidth)){
				vars.nextPos = 0;
			}
			else{									
				vars.nextPos = -vars.curPos-vars.slideWidth;
			}
			
			
			anim.find('.slideInner').animate({'marginLeft' : vars.nextPos},500, function(){ 
																					vars.running=false;
																					
																					setTimeout( "animBlocPromotionAuto(anim, vars, sens)", vars.pause);
																				});
		}else{
			
			if (anim.find('.cgb_contenu').css('display')!="block"){
				//console.log('inactif');	
				setTimeout( "animBlocPromotionAuto(anim, vars, sens)", vars.pause);
			}
		}
	}
	
	
	//Acces depuis lien precedent / suivant
	animBlocPromotion = function(anim, vars, sens){
		
		if(vars.running == false){
			vars.running= true;
			vars.curPos = Math.abs(parseInt(anim.find('.slideInner').css('marginLeft')));
			
			if (sens=='1'){
				//on test si on a atteint le maximum
				if ((vars.curPos+vars.slideWidth) > (vars.totalWidth-vars.slideWidth)){
					vars.nextPos = 0;
				}
				else{									
					vars.nextPos = -vars.curPos-vars.slideWidth;
				}
			}else{
				//on test si on a atteint le maximum
				if ((vars.curPos-vars.slideWidth>=0)){
					vars.nextPos = -vars.curPos+vars.slideWidth;
					//console.log('detail: '+vars.nextPos+' = -'+vars.curPos+'+'+vars.slideWidth);
					//console.log('ligne 313');
				}
				else{									
					vars.nextPos = -vars.totalWidth+vars.slideWidth;
					//console.log('ligne 317');
				}
			}
			
			//console.log('nextPos=>'+vars.nextPos);
			
			if (vars.autoProgram==false){
				anim.find('.slideInner').animate({'marginLeft' : vars.nextPos},500, function(){ 
																						vars.running=false;
																						vars.autoProgram=true;
																						setTimeout( "vars.auto=true", vars.pause);
																						setTimeout( "animBlocPromotionAuto(anim, vars, sens)", vars.pause);
																					});
			}else{
				anim.find('.slideInner').animate({'marginLeft' : vars.nextPos},500, function(){ 
																						vars.running=false;
																						vars.autoProgram=true;
																						setTimeout( "vars.auto=true", vars.pause);
																					});
			}
		}
	}
	
	
	
	
	init();
}


function __highlight(s, t) {
	var chaine_finale = s;
	var tab_terms = t.split(' ');
	$.each(tab_terms, function(){
		var term = $.trim(this);
		if(term != '' && term.length > 1){
			var matcher = new RegExp("("+$.ui.autocomplete.escapeRegex(term)+")", "ig");
			chaine_finale = chaine_finale.replace(matcher, "¤µ§$1§µ¤");//on ne met pas strong car on pourrai eventuellement se retrouver avec <st<strong>r</strong>ong>
		}
	});
	
	chaine_finale = chaine_finale.replace(new RegExp("¤µ§", "ig"), "<strong>");		//on remplace les motifs par les balise	
	chaine_finale = chaine_finale.replace(new RegExp("§µ¤", "ig"), "</strong>");	//le motif et composé de 3 caractère car si 2 </strong></strong> = ¤µ¤µ, risque de confondre avec ¤<strong>µ
	
	return chaine_finale;
}




//retourne si oui ou non un article est commandable en fonction de sa quantité
//AJOUT_PANIER si true, alors la quantité déjà au panier ne sera pas additionnée (cas de la modif de la qte depuis le panier)
function quantiteIsCommandable(REF_FOUSSIER, QUANTITE, AJOUT_PANIER, GET_ART_EQ){
	var retour = {};
	
	$.ajax({
		type: "POST",
		url: "/ajax/quantite_is_commandable.xhr.php",
		data: "REF_FOUSSIER="+REF_FOUSSIER+"&QUANTITE="+QUANTITE+"&AJOUT_PANIER="+AJOUT_PANIER+"&GET_ART_EQ="+GET_ART_EQ,
		async: false,
		dataType: "json",
		success: function(json){	
			if(json['ARTICLE'].IS_COMMANDABLE == 'true') 	is_commandable = true;
			else											is_commandable = false;
			
			retour = {
				'IS_COMMANDABLE': is_commandable,
				'STOCK': json['ARTICLE'].STOCK,
				'REF_FOUSSIER': json['ARTICLE'].REF_FOUSSIER,
				'NOM': json['ARTICLE'].NOM,
				'ARTICLE_EQ': json['ARTICLE'].ARTICLE_EQ,
				'URL_ARTICLE_EQ': json['ARTICLE'].URL_ARTICLE_EQ
			};
			
		}
	});
	
	return retour;
}


//affiche le popup d'alerte quantité non commandable
function popupQuantiteNonCommandable(article){
	var htmlPopup = '<p>L’article <strong>'+article.REF_FOUSSIER+' - '+article.NOM+'</strong> est disponible jusqu’à épuisement des stocks. <span class="rouge">Il ne reste plus que <strong>'+article.STOCK+' articles disponibles</strong>.</span></p>';					
	htmlPopup += 	'<p>Merci de saisir une quantité inférieure ou égale à la quantité disponible.</p>';					
	
	if(article.ARTICLE_EQ == 'true'){		
		htmlPopup += 	'<p>Il existe un produit équivalent pour cet article.<br/><a style="font-weight:bold; color:#454545;" href="'+article.URL_ARTICLE_EQ+'" title="Voir l’article équivalent">› Cliquez-ici pour visualiser sa fiche produit.</a></p>';
		htmlPopup += 	'<div style="height:24px; width:258px; margin:30px auto 10px;">';
		htmlPopup += 		'<a href="#" title="Retour" class="messageService_close btn_medium noir" style="margin:0 auto; float:left;">Retour</a>';
		htmlPopup += 		'<a href="'+article.URL_ARTICLE_EQ+'" title="Voir l’article équivalent" class="btn_medium noir" style="margin:0 auto; float:right;">Voir l’article équivalent</a>';
		htmlPopup += 	'</div>';
	}
	else{
		htmlPopup += 	'<a href="#" title="Ok" class="messageService_close btn_medium noir" style="margin:0 auto;">Retour</a>';
	}
	
	$.messageService({
		title: 			'Attention ! Foussier Quincaillerie vous informe :',
		html: 			htmlPopup,
		width:			466
	});
}


//affiche le popup d'alerte quantité non commandable pour plusieurs produits
function popupQuantiteNonCommandableMultiple(articles){
	var htmlPopup = '<p>Les articles suivants sont disponibles jusqu’à épuisement des stocks.</p>';					
	htmlPopup += 	'<p>Merci de saisir une quantité inférieure ou égale à la quantité disponible.</p>';					
	htmlPopup += 	'<ul>';					
	$.each(articles, function(){
		htmlPopup += 		'<li><strong>'+this.REF_FOUSSIER+' - '+this.NOM+'</strong>: <span class="rouge">Il ne reste plus que <strong>'+this.STOCK+' articles disponibles</strong>.</span></p>';					
	});
	htmlPopup += 	'</ul>';					
	

	htmlPopup += 	'<a href="#" title="Ok" class="messageService_close btn_medium noir" style="margin:0 auto;">Retour</a>';
	
	$.messageService({
		title: 			'Attention ! Foussier Quincaillerie vous informe :',
		html: 			htmlPopup,
		width:			466
	});
}


//met à jour les "oreilles" du bloc produit pour les articles complémentaires
function updateOreilles(){	
	$('#articles_complementaires_bloc_article_prec').removeClass('off')
	$('#articles_complementaires_bloc_article_suiv').removeClass('off')

	var REF_FOUSSIER_PREC = $('#articles_complementaires_bloc_article_prec').attr('REF_FOUSSIER');
	var REF_FOUSSIER_SUIV = $('#articles_complementaires_bloc_article_suiv').attr('REF_FOUSSIER');
				
	if(REF_FOUSSIER_PREC == '' || REF_FOUSSIER_PREC == undefined) $('#articles_complementaires_bloc_article_prec').addClass('off');
	if(REF_FOUSSIER_SUIV == '' || REF_FOUSSIER_SUIV == undefined) $('#articles_complementaires_bloc_article_suiv').addClass('off');
}


function displayWaitCMDExpress(bool){
	if (bool){
		
		$("#bloc_commande_express .plus_moins_qte").parent().hide();
		$("#wait_cmd_express").show();
	}else{
		$("#bloc_commande_express .plus_moins_qte").parent().show();
		$("#wait_cmd_express").hide();
	}
}