// JavaScript Document
function getElementsByClassName(strClass,strTag,objContElm){strTag=strTag||"*";objContElm=objContElm||document;var objColl=objContElm.getElementsByTagName(strTag);if(!objColl.length&&strTag=="*"&&objContElm.all)objColl=objContElm.all;var arr=new Array();var delim=strClass.indexOf('|')!=-1?'|':' ';var arrClass=strClass.split(delim);for(var i=0,j=objColl.length;i<j;i++){var arrObjClass=objColl[i].className.split(' ');if(delim==' '&&arrClass.length>arrObjClass.length)continue;var c=0;comparisonLoop:for(var k=0,l=arrObjClass.length;k<l;k++){for(var m=0,n=arrClass.length;m<n;m++){if(arrClass[m]==arrObjClass[k])c++;if((delim=='|'&&c==1)||(delim==' '&&c==arrClass.length)){arr.push(objColl[i]);break comparisonLoop;}}}}
return arr;}

var jquery_site = jQuery.noConflict();

jquery_site(document).ready(function() {

	//Configuration
	var retour = true;
	var tempsTransition = 1500;
	var affichePlayPause = false;
	var lectureAutomatique = false;
	var tempsAttente = 3000;
	
	var icones = new Array();
	icones['play'] = '../images/play_slider.png';
	icones['pause'] = '../images/pause_slider.png';	
	
	var currentPosition = 0;
	var slideWidth = 550;
	var slides = jquery_site('.slide');
	var numberOfSlides = slides.length;
	var interval;
	var lectureEnCours = false;

	// Supprime la scrollbar en JS
	jquery_site('#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_site('#slideInner')
		.css('width', slideWidth * numberOfSlides);

	// Insert controls in the DOM
	//jquery_site('#slideshow')
	//	.prepend('<span class="control" id="leftControl"><img id="fleche_gauche" src="images/fleche_gauche.jpg" alt="" /></span>')
	//	.append('<span class="control" id="rightControl"><img id="fleche_droite" src="images/fleche_droite.jpg" alt="" /></span>');

	// 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_site('#leftControl').hide() } else{ jquery_site('#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) || (numberOfSlides == '1')){
			jquery_site('#rightControl').hide();
		} else {
			jquery_site('#rightControl').show();
		}
		if(position == numberOfSlides && retour == true){
			currentPosition = 0;
			 jquery_site('#leftControl').hide();
		}
	}
	
	function suivant(){
		jquery_site('#rightControl').click();
	}
	
	function start() {
		lectureEnCours = true;
		interval = setInterval(suivant, tempsAttente );
	}
	
	function pause() {
		lectureEnCours = false;
		clearInterval(interval);
	}
  
	// Hide left arrow control on first load
	manageControls(currentPosition);

	//Crée un écouteur d'évènement de type clic sur les classes .control
	jquery_site('.control')
    .bind('click', function(){		
    // Determine la nouvelle position
	currentPosition = (jquery_site(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_site('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    },tempsTransition);
  });
  
	//Si le diapo est activé 
	if(lectureAutomatique == true){
	  start();
	}
	
	if(affichePlayPause == true){
		jquery_site('#slidesContainer').prepend('<img class="navDiapo" src="" alt="Navigation diaporama" />');
		
		if(lectureAutomatique == true){
			jquery_site('.navDiapo').attr('src',icones['pause']);
		}else{
			jquery_site('.navDiapo').attr('src',icones['play']);	
		}
		jquery_site('.navDiapo').bind('click', function(){
			if(lectureEnCours == true){
				jquery_site(this).attr('src',icones['play']);
				pause();
			}else{
				jquery_site(this).attr('src',icones['pause']);
				start();
			}
		});
	}
	
	// La lightbox
	jquery_site('a.lightbox').lightBox();
	
});
