var interGauche; //Interval du défilement à gauche
	var interDroite; //Interval du défilement à droite
	var interContinu; //Interval du défilement continu
	
	var posGauche; //Position du bandeau pendant le défilement à gauche
	var posDroite; //Position du bandeau pendant le défilement à droite
	var posContinu; //Position du bandeau pendant le défilement continu
	
	var detachGauche = 0;
	var detachDroite = 0;
	var detachContinu = 0;
	
	var firstItemGauche; //Logo de gauche du bandeau
	var lastItemGauche;	 //Logo de droite du bandeau
	
	var firstItemContinu; //Logo de gauche du bandeau
	var lastItemContinu; //Logo de droite du bandeau
	
	var firstItemDroite; //Logo de droite du bandeau
	var lastItemDroite; //Logo de gauche du bandeau
	
	/* Valeur css de la position left du bandeau items à laquelle il faut detach le premier item */
	var leftDetach = -600;
	var rightDetach = -200;
	var continuDetach = -600;
	
    $(document).ready(function() {
		
	
       
	//Fonction qui fait tourner le bandeau en continu
	interContinu = setInterval(function(){
			var posContinu = $('.items').css(
			'left'
			);
			
			posContinuInt =  parseInt(posContinu.replace("px", ""));
			
			posContinuInt=posContinuInt-1;
			
			
			
			posGauche = $('.items').css(
			'left',posContinuInt+'px'
			);
			
			//Le logo de gauche se détache et se remet au bout du bandeau
			if(posContinuInt <=  parseInt(continuDetach)){
				detachContinu += 1;
			}else {
				detachContinu = 0;
			}
			
			if(detachContinu == 1){
				firstItemContinu = $('.item').first();
				lastItemContinu =  $('.item').last();
				
				firstItemContinu.detach();
				$('.items').css('left', (continuDetach + 289 )+ 'px');
				
				lastItemContinu.after(firstItemContinu);
			}
		}
		,
		30);
	
		
	});
	
	//Fonction qui fait tourner le bandeau au survol de la flèche de gauche
	function DefileGauche(){
		
		interGauche = setInterval(function(){
			var posGauche = $('.items').css(
			'left'
			);
			
			posGaucheInt =  parseInt(posGauche.replace("px", ""));
			
			posGaucheInt=posGaucheInt-5;
			
			posGauche = $('.items').css(
			'left',posGaucheInt+'px'
			);
			
			//Le logo de gauche se détache et se remet au bout du bandeau
			if(posGaucheInt <=  parseInt(leftDetach)){
				detachGauche += 1;
			}else {
				detachGauche = 0;
			}
			
			if(detachGauche == 1){
				firstItemGauche = $('.item').first();
				lastItemGauche =  $('.item').last();
				
				firstItemGauche.detach();
				$('.items').css('left', (leftDetach + 289 )+ 'px');
				
				lastItemGauche.after(firstItemGauche);
			}
		}
		,
		30);
	 }
	 
	 //Fonction qui fait tourner le bandeau au survol de la flèche de droite
	 function DefileDroite(){
		interDroite = setInterval(function(){
			var posDroite  = $('.items').css(
			'left'
			);
			
			posDroiteInt = parseInt(posDroite.replace("px", ""));
			
			posDroiteInt=posDroiteInt+5;
			
			var posDroite = $('.items').css(
			'left',posDroiteInt+'px'
			);
			
			//Le logo de droite se détache et se remet au bout du bandeau
			if(posDroiteInt >=  parseInt(rightDetach)){
				detachDroite += 1;
			}else {
				detachDroite = 0;
			}
			
			if(detachDroite == 1){
				firstItemDroite = $('.item').last();
				lastItemDroite =  $('.item').first();
				
				firstItemDroite.detach();
				$('.items').css('left', (rightDetach - 289 )+ 'px');
				
				lastItemDroite.before(firstItemDroite);
			}
		}
		,
		30);
	 }
	 
	 //On arrête le défilement de gauche
	 function StopDefileGauche(){
		clearInterval(interGauche);
		//$('.items').stop().animate({'left':'-=30px'}, 300,'easeOutQuad'); //Easing à l'arrêt
	 }
	 
	 //On arrête le défilement de droite
	 function StopDefileDroite(){
		clearInterval(interDroite); 
		//$('.items').stop().animate({'left':'+=30px'}, 300,'easeOutQuad'); //Easing à l'arrêt
	 }