cas=0;diapo=-1;DureeFade=1000;


$(document).ready(function() {
		$("#im").hide();
		$("#im").fadeIn(1000);

	HauteurPhoto=$("#photo-vue-cel").height();

	document.vignette_chargee = new Array();
	//prechargement_vignette()
	// affiche les vignettes
	nb_photo=liste_images.length-1;				
	affiche_vignettes(1);
	num=1;url=liste_images[num];
	affiche_image();
	// affiche l'image clicquée
  $(".im ").click(	function(){ 
				diapo=-1;
				url=this.src;
				num=parseInt(id_num(this.id));
				affiche_image();
	});
	document.photo_chargee = new Array();
	//prechargement_photo()
		
	$(".im").hover(function() {
			$("#photo-texte").html(liste_fichertexte[id_num(this.id)]);	//recup le texte et l'affiche
	 },
	function(){
			$("#photo-texte").html(liste_fichertexte[num]);
		 }
	 );	
			
	$("#suivant").click( function(){
				diapo=-1;
				if (num>=nb_photo){num=1}else{num++}
				url=liste_images[num];
				affiche_image()
	});
	
	$("#precedent").click( function(){
				diapo=-1;
				if (num<=1){num=nb_photo}else{num--}
				url=liste_images[num];
				affiche_image()
	});
		
	$("#pause").click( function(){
				diapo=-1;
	});
										
});
function affiche_diaporama(){
				if (diapo!=-1){
				if (num>=nb_photo){num=1}else{num++}
				url=liste_images[num];
				affiche_image();
				{window.setTimeout("affiche_diaporama()", 3000, true)};
				}else{
				diapo=1
				}
}
//affiche l'image sélectionnée ----------------------------
function affiche_image(){
		//affiche la photo sélectionnée
		$("#photo-vue").fadeOut(DureeFade);
	
		
		//alert($(".imag").position().left);
		x="<img class='imag' src='"+dossier_photo+"/"+nom_fichier(url)+ "' >";
		setTimeout("insere_image(x)",DureeFade);
		
		$("#photo-vue").fadeIn(DureeFade);
		
		
		
		gest_vignette();
		
}
function insere_image(x){
		$("#photo-vue-cel").html(x);
		
		
}
function gest_vignette(){
		$(".im").hide();
// num = num de la photo sélectionnée
// on affihce la vignette sélectionnée au centre si possible		
		if(num<=(nb_vignettes-1)/2+1) {a=1;b=nb_vignettes }
		if(  num+(nb_vignettes-1)/2<=nb_photo && num-(nb_vignettes-1)/2>1 ){cas=2; a=num-(nb_vignettes-1)/2;b=num+(nb_vignettes-1)/2 }
		if(  num+(nb_vignettes-1)/2>=nb_photo  ){cas=3; a=nb_photo-nb_vignettes+1;b=nb_photo ;}
		for(i=a;i<=b;i++){    $(".im:eq("+i+")").show(); };
		$(".im").removeClass("opacite1");
		$("#a"+num).addClass("opacite1");
		$("#photo-texte").html(liste_fichertexte[num]);
}

function affiche_vignettes(num_aff){
	// num_aff= numero de la vignette clicquée
	//id de chaque vignette sous la forme 'a234' 
	var cont=new Array
	for(i=0;i<nb_photo+1;i++){
			cont.push("<span ><img class='im' id='a"+i+"'  src=photo/vignette/"+liste_images[i]+"></span>") ;
			} 
	$("#photo-selection").html(cont.join(" "));
	 $(".im").hide();
	for(i=1;i<=nb_vignettes;i++){    $(".im:eq("+i+")").show(); };
	
}
// recupère le nom du fichier dans l'url du fichier
function nom_fichier(url){
	return url.substring(url.lastIndexOf("/")+1);
}


function prechargement_vignette() {
	for ( i = 0; i < liste_images.length; i++ ) {
		document.vignette_chargee[i] = new Image;
		document.vignette_chargee[i].src =  "photo/vignette/"+liste_images[i] ;
		//alert(liste_images[i]);
		}
	}
function prechargement_photo() {
	for ( i = 0; i < liste_images.length; i++ ) {
		document.photo_chargee[i] = new Image;
		document.photo_chargee[i].src =  "photo/"+liste_images[i] ;
		//alert(document.photo_chargee[i].src);
		}
	}
//Recherche la valeur num dans l'id de forme "a234"	
function id_num(id){
	return id.substring(1);
}