$(document).ready(function(){

//$("body").append('<div id="preload"></div>');
//$("#preload").html('<img src="http://img.maison-unique.eu/450_'+offre_id+'_2.jpg">');

//alert(photos);

larg_img = 100;
nb_phos_vis = 2; //nb photos visible à la fois
//alert(nb_photos); renvoyé par script distant www.maison-unique.eu/nb_im.js.php
//alert(offre_id); //idem
margin_right = 20;//espace entre les vignettes

nb_photos = 42;
//alert(nb_photos);

//$("#vignettes").css({width: nb_photos*(larg_img+margin_right)+"px"});

//$("#fond_cadre_vignettes").css({'background-image': 'url("http://img.maison-unique.eu/450_'+offre_id+'_1.jpg")'});//


indice = 1; //sert pour les écchanges entre fonctions
indice_glob = 1;// stocke la valeur de l'indice de défilement.

	//$("#grande_photo").attr("src","img/diaporamas/"+page+"/"+photos[0]);
	
	html_vignettes = '';	
	
		//Faire en php
	for(i=0;i<nb_photos;i++){
		//html_vignettes += '<img src="img/diaporamas/'+page+'/'+photos[i]+'" width='+larg_img+' lang="'+i+'"';
		html_vignettes += '<span><img src="diaporama/im'+(i+1)+'.jpg" height='+larg_img/4*3+' lang="'+i+'"';
		
		if(i==0){
			html_vignettes += ' class="actif"';
		}
		html_vignettes += '></span>';		
	}
	//alert(html_vignettes)

	
$("#vignettes").html(html_vignettes);
$("#vignettes span").css({width: larg_img+margin_right});

//alert($("#vignettes").html());


$("#vignettes img").click(function(){
	val  = $(this).attr('lang');
	change(val,false,200);
	indice = parseInt(val) + 1;//
	clearTimeout(defilement);
	bt_lectpause('pause');
	
	$("#vignettes img.actif").removeClass('actif');
	$(this).addClass('actif');
		
		indice_glob = indice;
	return false;
});



function defiler__(indice){
	change(indice,false,1500);
	
	$("#vignettes img.actif").removeClass('actif');
	$("#vignettes img").eq(indice).addClass('actif');
	
	if(indice == nb_photos-1){/////calcul
		indice = 0;
	} else {
		indice++;
	}
	defilement = setTimeout(function(){defiler__(indice);},3500);
	bt_lectpause('lecture');
	
	indice_glob = indice;
	
}

function change(indice,ret,vitesse){//indice, sens de marche, vitesse de fadeIn
     //var ret = retour ? retour : false ; 
	  
	 indice = parseInt(indice);

	//on met la photo actuelle en fond pour éviter de voir le blanc
	$("#fond_photo_photo").css({'background-image': 'url('+$("#grande_photo").attr("src")+')'});
		
	//alert($("#grande_photo").attr("src"));
	
	image_suivante = 'diaporama/im'+(indice+1)+'.jpg';
	
	//chercher si l'image est horizontale ou verticale
	//$.getScript('http://img.maison-unique.eu/proprietes_img.php?im=450_'+offre_id+'_'+(indice+1)+'.jpg', function(){
	
	//im_sens = sens_des_images[indice]; //sens_des_images : var (array) qui vient de http://img.maison-unique.eu/nb_im.js.php
			
	//ajuster css en fonction
	$("#grande_photo").fadeOut(50,function(){
	/*	if(im_sens == 'h'){
		$("#grande_photo").css({ height: '377px', width: '502px', margin: '0 0 0 0px'});
	} else {
		$("#grande_photo").css({ height: '377px', width: '282px', margin: '0 0 0 105px'});
	}*/
	
	
	
		$("#grande_photo").attr("src",image_suivante);
		$("#grande_photo").fadeIn(vitesse);
		/*$("#preload").html('<img src="http://img.maison-unique.eu/450_'+offre_id+'_'+(indice+2)+'.jpg">');*/
		
if((ret == true) || ((indice % nb_phos_vis)==0)){//on déplace à chaque clic pour reculer et tous les 3 clics quand on avance
		leftdiv = (0 -(indice*(larg_img+margin_right)));//
		leftdiv = Math.min(leftdiv,0);//pas de left positif
		leftdiv = Math.max(leftdiv,((larg_img+margin_right)*(nb_phos_vis-nb_photos)));//pour caler dernière image toujours à droite
		$("#vignettes").animate({left: leftdiv+'px'}, 900);
}



		indice_glob = indice;

		});
	//});//fin im_sens
	
} 

$("#suiv").click(function(){

	clearTimeout(defilement);
	bt_lectpause('pause');
	
	indice = indice_glob;
	if(indice == nb_photos-1){                           
		indice = '0';
	} else {
		indice++;
	}
	$("#vignettes img.actif").removeClass('actif');
	$("#vignettes img").eq(indice).addClass('actif');	
	change(indice,false,200);
	return false;
});

$("#prec").click(function(){

	clearTimeout(defilement);
	bt_lectpause('pause');
	
	indice = indice_glob;
	if(indice == '0'){                           
		indice = nb_photos-1;
	} else {
		indice--;
	}
	$("#vignettes img.actif").removeClass('actif');
	$("#vignettes img").eq(indice).addClass('actif');	
	change(indice,true,200);
	return false;
});

function bt_lectpause(sens){
	if(sens == 'pause'){
		$("#pauselect").unbind('click');
		$("#pauselect").bind('click',function(){
			indice_glob++;
			defiler__(indice_glob);
			
			bt_lectpause('lecture');
			return false;
		});
		$("#pauselect img").attr('src','img/layout/play-pt.png');
		
		
		
	} else {
		$("#pauselect").unbind('click');
		$("#pauselect").bind('click',function(){
			clearTimeout(defilement);
			bt_lectpause('pause');
			return false;
		});
		$("#pauselect img").attr('src','img/layout/pause-pt.png');
	}
}






	
	defilement = setTimeout(function(){defiler__(indice);},3000);
	bt_lectpause('lecture');
});