//SNOOPIX JQUERY SLIDESHOWS

jQuery(document).ready(function(){
//Configuration
	var retour = true;
	var tempsTransition = 500;
	var affichePlayPause = false;
	var lectureAutomatique = true;
	var tempsAttente = 3000;			
	var icones = new Array();
		icones['play'] = '/css/imgs/snoopixslideshow/play_slider.png';
		icones['pause'] = '/css/imgs/snoopixslideshow/pause_slider.png';			
	var currentPosition = 0;
	var slideWidth = 764;
	var slides = jQuery('.slide');
	var numberOfSlides = slides.length;
	var interval;
	var lectureEnCours = false;
// Supprime la scrollbar en JS
	jQuery('#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
	jQuery('#slideInner').css('width', slideWidth * numberOfSlides);
// Insert controls in the DOM
	jQuery('#slideshow')
	.prepend('<span class="control" id="leftControl">Précédent</span>')
	.append('<span class="control" id="rightControl">Suivant</span>'); 
// Hide left arrow control on first load
	manageControls(currentPosition);
//Crée un écouteur d'évènement de type clic sur les classes .control
	jQuery('.control')
	.bind('click', function(){		
// Determine la nouvelle position
	currentPosition = (jQuery(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
	jQuery('#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){ jQuery('#leftControl').hide() } else{ jQuery('#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){
		jQuery('#rightControl').hide();
		} else {
		jQuery('#rightControl').show();
		}
	if(position == numberOfSlides && retour == true){
		currentPosition = 0;
		jQuery('#leftControl').hide();
		}
	}
	function suivant(){
	jQuery('#rightControl').click();
	}
	function start() {
	lectureEnCours = true;
	interval = setInterval(suivant, tempsAttente );
	}
	function pause() {
	lectureEnCours = false;
	clearInterval(interval);
	} 
//Si le diapo est activé 
	if(lectureAutomatique == true){
	start();
	}
if(affichePlayPause == true){
	jQuery('#slidesContainer').prepend('<img id="navDiapo" src="" alt="Navigation diaporama" />');
	if(lectureAutomatique == true){
		jQuery('#navDiapo').attr('src',icones['pause']);
		}
	else{
		jQuery('#navDiapo').attr('src',icones['play']);	
		}
	jQuery('#navDiapo').bind('click', function(){
		if(lectureEnCours == true){
			jQuery(this).attr('src',icones['play']);
			pause();
			}
		else{
			jQuery(this).attr('src',icones['pause']);
			start();
			}
		});
	} 	
});