/*
Initialisation du diaporama
*/

initSlideShow = function(){
	timer = true; // Le marqueur pour l'enchainement automatique
	var compteurDiapo = 0; // Nombre de diapos
	diaposChargees = 0; // Nombre de diapos chargees
	// On charge les images
	$('#diaporama li').each(function(){
		var leFichier=$(this).children("a").attr('href');
		$(this).html('<img src="'+ leFichier +'" />');
	});
	// En leur demandant de dire lorsqu'elles sont chargees
	$('#diaporama li img').each(function(){
		$(this).load(function(){
			diaposChargees++;
			$(this).unbind('load');
		});
	});
	// On cree les liens pour les images
	$('#diaporama li').each(function(){
		compteurDiapo++;
		$('#diapoConteneur .conteneurLiens').append('<a href="#" class="id_'+ compteurDiapo +'" rel="'+ compteurDiapo +'"><span>'+ compteurDiapo +'</span></a>');
		$('#diapoConteneur .conteneurLiensVisible').append('<a href="#" class="id_'+ compteurDiapo +'" rel="'+ compteurDiapo +'"><span>'+ compteurDiapo +'</span></a>');
	});
	// Fonction lors du clic "réel" sur un lien
	$('#diapoConteneur .conteneurLiensVisible a').each(function(){
		$(this).click(function(){
			$('#boutonLecture').html("Lecture");
			$('#boutonLecture').removeClass('enLecture');
			$('#boutonLecture').addClass('arrete');

			$(this).siblings().removeClass('actif');
			$(this).addClass('actif');

			$('#diaporama li:visible').stop();
			if(timer){
				clearTimeout(timer);
				timer=true;
			}
			var aAff=$(this).attr('rel');
			$('#diapoConteneur .conteneurLiens a.id_'+aAff).siblings().removeClass('actif');
			$('#diapoConteneur .conteneurLiens a.id_'+aAff).addClass('actif');

			if(!$('#diaporama li:visible').length){
				var uneDiapoVisible='#diaporama li:first';
			} else {
				var uneDiapoVisible='#diaporama li:visible';
			}
			$(uneDiapoVisible).fadeOut('fast',function(){
				$('#diaporama li:eq('+(aAff-1)+')').fadeIn(1000,function(){
					if(timer){
						clearTimeout(timer);
					}
				});
			});
			return false;
		});
	});

	// Fonction d'affichage d'une diapo
	$('#diapoConteneur .conteneurLiens a').each(function(){
		$(this).click(function(){
			$(this).siblings().removeClass('actif');
			$(this).addClass('actif');

			$('#diaporama li:visible').stop();
			if(timer){
				clearTimeout(timer);
				timer=true;
			}
			var aAff=$(this).attr('rel');
			$('#diapoConteneur .conteneurLiensVisible a.id_'+aAff).siblings().removeClass('actif');
			$('#diapoConteneur .conteneurLiensVisible a.id_'+aAff).addClass('actif');

			if(!$('#diaporama li:visible').length){
				var uneDiapoVisible='#diaporama li:first';
			} else {
				var uneDiapoVisible='#diaporama li:visible';
			}
			$(uneDiapoVisible).fadeOut('fast',function(){
				$('#diaporama li:eq('+(aAff-1)+')').fadeIn(1000,function(){
					if(timer){
						clearTimeout(timer);
						lecture();
					}
				});
			});
			// On retourne false pour eviter de naviguer dans la page
			return false;
		});
	});

	// Liens marche / aret sur le bouton de lecture
	$('#boutonLecture').click(function(){
		if($(this).hasClass('enLecture')){
			$(this).removeClass('enLecture');
			$(this).addClass('arrete');
			$(this).html("Lecture");
			stop();
		}else{
			$(this).removeClass('arrete');
			$(this).addClass('enLecture');
			$(this).html("Pause");
			lecture();
		}
	});
	// On lance la verification periodique du chargement des diapos
	checkPreload();
}
lecture=function(){
	timer=setTimeout("diapoSuivante()",4000);
	$('#boutonLecture').removeClass('arrete').addClass('enLecture');
}
checkPreload=function(){
	if(diaposChargees==$('#diaporama li').length){ // Si toutes les dias sont chargees
		$('#diapoConteneur .conteneurLiens a:first').addClass('actif');
		$('#diapoConteneur .conteneurLiens a:first').click();
		$('#diaporama').removeClass('attente');
		clearTimeout(preloader);
		lecture();
	}else{
		$('#diaporama').addClass('attente');
		preloader=setTimeout("checkPreload()",500);
	}
}
stop=function(){ // arret du diporama
	$('#diaporama li:visible').stop();
	$('#diaporama li:visible').fadeTo('fast',1);
	if(timer){
		clearTimeout(timer);
		timer=false;
	}
}
diapoSuivante=function(){ // changement de diapo
	if($('#diapoConteneur .conteneurLiens a.actif').next().length){
		$('#diapoConteneur .conteneurLiens a.actif').next().click();
	}else{
		$('#diapoConteneur .conteneurLiens a:first').click();
	}
}