var LnkWcbSite = LnkWcbSite || {};
     LnkWcbSite.jQuery = jQuery.noConflict(true);
(function () {
	/* ********** DEBUT CONFIG ********** */
	var INTE_CFG = {
			offreSpeciale: '#offre_speciale',
			contenuBloc: '#ContenuBloc', // the trigger is the element that activates the container
			dimensionBloc: 211, // Largeur du bloc produit
			vitesse:1500, // Vitesse de défilement
			blocProduit :'.blocProduitA'
			// Fin Option Panel
		},
	/* ********** FIN CONFIG ********** */
		$ = LnkWcbSite.jQuery;

	/**
	 * This helper function does the setup of the trigger button (aka "Le Bouton").
	 */
	function setupFunction() {
		try {
			I = LnkWcbSite.webSite = LnkWcbSite.webSite || {};
			/* ********** ANIMATION DIAPO ********** */
			(function clignotement () {
				$(INTE_CFG.offreSpeciale).animate({opacity:0 }, 500, function() { $(INTE_CFG.offreSpeciale).animate({opacity:1 }, 500, function() { $(INTE_CFG.offreSpeciale).animate({opacity:1}, 500, function() { clignotement ();});});
				});
			}());
			(function defilement () {
				$(INTE_CFG.contenuBloc).clearQueue();

				/* ** Sens du défilement ** */
				var direction = 'left';
				/* ** Détection des differents éléments pour les calculs ** */
				var position = $(INTE_CFG.contenuBloc).position();
				var nombreBlocProduit = $(INTE_CFG.blocProduit).size();
				$(INTE_CFG.contenuBloc).width(nombreBlocProduit * INTE_CFG.dimensionBloc);
				var longueurBloc = $(INTE_CFG.contenuBloc).width();
				var newLongueurBlocContenu = longueurBloc + position.left;
				var longueurBlocContenu = newLongueurBlocContenu;
				var timerDefilement = nombreBlocProduit * INTE_CFG.vitesse;
				/* ** Début de l'animation ** */
			$(INTE_CFG.contenuBloc).animate({
				left: '-='+ (longueurBlocContenu - (INTE_CFG.dimensionBloc*3))
			 },timerDefilement, function() {
					// Animation 1 complete. On revient en arriere en réinitialisation la largeur du bloc pourn défilement correct
					direction = 'right';
			 		longueurBlocContenu =  $(INTE_CFG.contenuBloc).width();
					 $(INTE_CFG.contenuBloc).animate({
						 left: '+='+ (longueurBlocContenu - (INTE_CFG.dimensionBloc*3))
				 	}, timerDefilement, function() {
							direction = 'left';
							 // Animation complete. On recommence 
							defilement ();
				});
			});
			/* ** On stop le défilement au survol ** */	
			$(INTE_CFG.blocProduit).mouseover(function(){
					$(INTE_CFG.contenuBloc).stop();
			});
			/* ** On  réatice le déffilement au survol ** */	
			$(INTE_CFG.blocProduit).mouseleave(function(){
				if(direction === 'left') {
				position = $(INTE_CFG.contenuBloc).position();
				longueurBloc = $(INTE_CFG.contenuBloc).width();
				newLongueurBlocContenu = longueurBloc + position.left;
				longueurBlocContenu = newLongueurBlocContenu;
				
				$(INTE_CFG.contenuBloc).animate({
						left: '-='+ (longueurBlocContenu - (INTE_CFG.dimensionBloc*3)),
						complete: true
					 }, timerDefilement, function() {
					// Animation 1 complete. On revient en arriere en réinitialisation la largeur du bloc pourn défilement correct
						direction = 'right';
						defilement ();
					});
					}
					else {
						position = $(INTE_CFG.contenuBloc).position();
						longueurBloc = $(INTE_CFG.contenuBloc).width();
						newLongueurBlocContenu =  position.left;
						
						$(INTE_CFG.contenuBloc).animate({
							left: '-='+ (newLongueurBlocContenu),
							complete: true
						 }, timerDefilement, function() {
								direction = 'left';
								 defilement ();
						});
						
					}
				});	
			}());
			
			/* ********** FIN ANIMATION DIAPO ********** */
			
			/* **********  ********** */
		}
		catch (exc) {
			alert("Erreur");
		}
	}
	try {
		$(setupFunction);
	} catch (ignoredExc) {
	}
})();