// jquery repris sur www.snoupix.com
// creer un slideshow
$(document).ready(function(){
	//Configuration
		  var retour = true;
		  var tempsTransition = 1000;
		  var affichePlayPause = true;
		  var lectureAutomatique = true;
		  	var tempsAttente = 3000;
			
		  var icones = new Array();
		  		//icones['play'] = '/images/evenements/play_slider.png';
		  		//icones['pause'] = '/images/evenements/pause_slider.png';
				icones['play'] = '/images/navigdynamique/boutonplay.jpg';
		  		icones['pause'] = '/images/navigdynamique/boutonpause.jpg';
				icones['play_over'] = '/images/navigdynamique/boutonplay_over.jpg';
		  		icones['pause_over'] = '/images/navigdynamique/boutonpause_over.jpg';
			var typo_domaine = new Array();
				// manifestations = 1 sur la page html
				typo_domaine[1]='#voyant_manifs';
				// stages = 2
				typo_domaine[2]='#voyant_stages';
				// // debats = 3 sur la page html
				typo_domaine[3]='#voyant_debats';
				
				
		  var currentPosition = 0;
		  var slideWidth = 380;
		  var slides = $('.slide');
		  var numberOfSlides = slides.length;
		  var interval;
		  var lectureEnCours = false;
  // Supprime la scrollbar en JS
  $('#slidesContainer').css('overflow', 'hidden');
  $('.zone_actu_gauche').css('overflow', 'hidden');
  // Attribue  #slideInner  à toutes les div .slide
  slides
    .wrapAll('<div id="slideInner"></div>')
    // on met tous les slides en float:left pour qu'il s'affichent de manière horizontale
	.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">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
  $('.control')
    .bind('click', function(){
		
    // Determine la nouvelle position
	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    
	// metre a jour images des voyants
	// $('#navDiapo').attr('src',icones['pause']);
	$('#imgmanifs').attr('src', active_voyants[1][currentPosition]);
	$('#imgstages').attr('src', active_voyants[2][currentPosition]);
	$('#imgdebats').attr('src', active_voyants[3][currentPosition]);
	
	for(idomaine=1; idomaine<=3; idomaine++) {
			change_texte_voyant(currentPosition, idomaine);
		}
	
	if(currentPosition == numberOfSlides && retour == false ){
		currentPosition--;
		// mettre a jour le voyant selon la position
		$('#imgmanifs').attr('src', active_voyants[1][currentPosition]);
		$('#imgstages').attr('src', active_voyants[2][currentPosition]);
		$('#imgdebats').attr('src', active_voyants[3][currentPosition]);
		
		for(idomaine=1; idomaine<=3; idomaine++) {
			change_texte_voyant(currentPosition, idomaine);
		}
		
		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();
	}
	
	$('#imgmanifs').attr('src', active_voyants[1][currentPosition]);
	$('#imgstages').attr('src', active_voyants[2][currentPosition]);
	$('#imgdebats').attr('src', active_voyants[3][currentPosition]);
	
	for(idomaine=1; idomaine<=3; idomaine++) {
		change_texte_voyant(currentPosition, idomaine);
	}
	 

  }
  
  
  function change_texte_voyant(position, nojauge) {
   //alert('fct change_texte nojauge :' + nojauge + 'position : ' + position + ' url renvoyé : ' + active_voyants[nojauge][position]);
	if (active_voyants[nojauge][position]=="/images/navigdynamique/souslignegris.jpg") {
		$(typo_domaine[nojauge]).css("color", "#aaaaaa");
		//alert('traite affectation en gris');
	}
	else {
		$(typo_domaine[nojauge]).css("color", "#000");
	}
	// active_voyants[1][2] = '/images/navigdynamique/souslignegris.jpg'; 
	// verifier l'attribut src sur chaque image et si on trouve gris mettre le texte a gris sinon mettre a noir
  }
  
  function suivant(){
	$('#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){
	//$('#slidesContainer').prepend('<img id="navDiapo" src="" alt="Navigation diaporama" />');
	if(lectureAutomatique == true){
		$('#navDiapo').attr('src',icones['pause']);
		$('#navDiapo').mouseover(function() {
				$(this).attr('src',icones['pause_over']);
		});
		$('#navDiapo').mouseout(function() {
				$(this).attr('src',icones['pause']);
		});
	}else{
		$('#navDiapo').attr('src',icones['play']);
		$('#navDiapo').mouseover(function() {
				$(this).attr('src',icones['play_over']);
		});
		$('#navDiapo').mouseout(function() {
				$(this).attr('src',icones['play']);
		});
	}
	$('#navDiapo').bind('click', function(){
		if(lectureEnCours == true){
			$(this).attr('src',icones['play']);
			$(this).mouseover(function() {
				$(this).attr('src',icones['play_over']);
			});
			$(this).mouseout(function() {
				$(this).attr('src',icones['play']);
			});
			pause();
		}else{
			$(this).attr('src',icones['pause']);
			$(this).mouseover(function() {
				$(this).attr('src',icones['pause_over']);
			});
			$(this).mouseout(function() {
				$(this).attr('src',icones['pause']);
			});
			start();
		}
	});
}
});