//-----------------------------------------------------------------------------------------------------------------------------------------------------------
// CE SCRIPT ENGLOBE TOUS LES SCRIPTS JQUERY UTILISÉS SUR LE SITE
//  IL EST IMPÉRATIF QUE SON APPEL SOIT FAIT EN DERNIER
//-----------------------------------------------------------------------------------------------------------------------------------------------------------
//                                                                 Voici la liste que l'on retrouve sur le site :
//-----------------------------------------------------------------------------------------------------------------------------------------------------------
//       Photo Produit
//   Boite les plus diner chic
//----------------------------------------------------------------------------------------------------------------------------------------------------------- 

  
//-----------------------------------------------------------------------------------------------------------------------------------------------------------
//   Photo Produit
//----------------------------------------------------------------------------------------------------------------------------------------------------------- 
 
$(document).ready(function(){
	//Configuration
		  var retour = true;
		  var tempsTransition = 500;
		  var affichePlayPause = false;
		  var lectureAutomatique = true;
		  var tempsAttente = 3500;						
		  var currentPosition = 0;
		  var slideWidth = 260;
		  var slides = $('#fiche_produit .img_diapo');
		  var numberOfSlides = slides.length;
		  var interval;
		  var lectureEnCours = false;
// Supprime la scrollbar en JS
$('#slidesContainer').css('overflow', 'hidden');
// Attribue  #slideInner  à toutes les div .slide
slides
.wrapAll('<div id="slideInner"></div>')
// Float left to display horizontally, readjust .slides width
.css({
	'float' : 'left',
	'width' : slideWidth
});

// Longueur de #slideInner égale au total de la longueur de tous les slides
$('#slideInner').css('width', slideWidth * numberOfSlides);

// Insert controls in the DOM
$('#slideshow')
.prepend('<span class="control" id="leftControl"></span>')
.append('<span class="control" id="rightControl"></span>');

// Hide left arrow control on first load
manageControls(currentPosition);

//Crée un écouteur d'évènement de type clic sur les classes .control
$('.control')
.bind('click', function(){
		
// Determine la nouvelle position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
  
if(currentPosition == numberOfSlides && retour == false ){
	currentPosition--;
	pause();
}

// Cache ou montre les controles
manageControls(currentPosition);

// Fais bouger le slide
$('#slideInner').animate({
	'marginLeft' : slideWidth*(-currentPosition)
},tempsTransition);
});

// manageControls: Cache ou montre les flêches de controle en fonction de la position courante
function manageControls(position){

// Cache la fleche "précédent" si on est sur le premier slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }

// Cache la fleche "suivant" si on est sur le dernier slide (et que le retour automatique n'est pas activé)
if(position==numberOfSlides-1 && retour == false){
	$('#rightControl').hide();
} else {
		$('#rightControl').show();
}

if(position == numberOfSlides && retour == true){
	currentPosition = 0;
		$('#leftControl').hide();
	}
}

function suivant(){
	$('#rightControl').click();
}

function start() {
	lectureEnCours = true;
	interval = setInterval(suivant, tempsAttente );
}
  
 //Si le diapo est activé 
if(lectureAutomatique == true){
	start();
} 	
});
//-----------------------------------------------------------------------------------------------------------------------------------------------------------
//   Boite les plus diner chic
//----------------------------------------------------------------------------------------------------------------------------------------------------------- 

$(document).ready(function(){
$('#contenu_les_plus span').toggle(function(){
$('#contenu_les_plus div').removeClass('bloc_affiche');
$(this).next('div').addClass('bloc_affiche');
},function(){
$(this).next('div').removeClass('bloc_affiche');
}

)

})