// JavaScript Document



function initialisationDiaporama() {
$('#diapoFlecheGaucheMiniPhotos').css('opacity','0.5');
$('#diapoFlecheDroiteMiniPhotos').css('opacity','1');

var nbMiniPhotos=$('#recupNbPhotos').html();

var largeurBandeMiniPhot=Math.ceil((nbMiniPhotos*40)+(nbMiniPhotos*9));

$("#blockPhotos>ul").css('width',largeurBandeMiniPhot+'px');
if(nbMiniPhotos<9) {
   $('#diapoFlecheDroiteMiniPhotos').css('opacity','0.5');
}

	//alert(largeurBandeMiniPhot);
}





$('#diapoBoutonFermer').bind('mouseover',function(){
   $(this).animate({'left':'+=5'},200);

}).bind('mouseout',function(){
   $(this).animate({'left':'-=5'},200);

});



$('#diapoBoutonPrecedent').live('mouseover',function(){
           $('#diapoBoutonPrecedent>span').stop().animate({'left':'0px'},100);
}).live('mouseout',function(){
           $('#diapoBoutonPrecedent>span').stop().animate({'left':'5px'},100);
});

$('#diapoBoutonSuivant').live('mouseover',function(){
           $('#diapoBoutonSuivant>span').stop().animate({'left':'2px'},100);
}).live('mouseout',function(){
           $('#diapoBoutonSuivant>span').stop().animate({'left':'-3px'},100);
});






function cliqueDiaporamaMiniature(num,diapoId,imageGrandie,listeImages) {

	images=listeImages.split(',');

	$(".diapoImagePrinc").attr('src','diaporamas/'+diapoId+'/' +imageGrandie);
	$(".diapoImagePrinc").attr('alt', num);

	$("#blockPhotos>li>img").css('border','solid 1px black');
	$("#blockPhotos>li>img[alt="+num+"]").css('border','solid 1px red');

}



///////////////////////////////////////////////////////////////////////////////////////////////////////////ALLER A L'IMAGE SUIVANTE
function clickImageSuivante(diapoId,listeImages,sens){
	//alert(i);
	images=listeImages.split(',');

    var altImagePrinc=$(".diapoImagePrinc").attr('alt');

	altImagePrinc=Number(altImagePrinc)+Number(sens);


	$(".diapoImagePrinc").attr('src','diaporamas/'+diapoId+'/' +images[altImagePrinc]);
	$(".diapoImagePrinc").attr('alt', altImagePrinc);


	$("#blockPhotos>li").css('border','outset 1px white');
	$("#blockPhotos>li>img[alt="+altImagePrinc+"]").css('border','inset 1px white');


	var dernImage=images.length-1;

	if(altImagePrinc>=images.length) {
			$(".diapoImagePrinc").attr('src','diaporamas/'+diapoId+'/' +images[0]);
			$(".diapoImagePrinc").attr('alt','0');

			$("#blockPhotos>li>img").css('border','solid 1px black');
	        $("#blockPhotos>li>img[alt=0]").css('border','solid 1px red');

	}else if(altImagePrinc<0) {
		    $(".diapoImagePrinc").attr('src','diaporamas/'+diapoId+'/' +images[dernImage]);
			$(".diapoImagePrinc").attr('alt',dernImage);

			$("#blockPhotos>li>img").css('border','solid 1px black');
	        $("#blockPhotos>li>img[alt="+dernImage+"]").css('border','solid 1px red');
	}


}




$('#diapoFlecheGaucheMiniPhotos').live('click',function(){
	var posXminphot=$('#listeBlockPhotos').position();

	//alert(longFriseMinPhot);
	if(posXminphot.left<='0'){
		$('#listeBlockPhotos').animate({'left':'0px'});
		$('#diapoFlecheGaucheMiniPhotos').css('opacity','0.5');
	}else{
	    $('#listeBlockPhotos').animate({
					             left:'+=550'
	                        },500);
		$('#diapoFlecheDroiteMiniPhotos').css('opacity','1');
	}
});




$('#diapoFlecheDroiteMiniPhotos').live('click',function(){

	//var posXminphot=$('#minisPhotos>ul').css('left');
	var posXminphot=$('#listeBlockPhotos').position();

	var nbMiniPhotos=$('#recupNbPhotos').html();


	/*var longFriseMinPhot= $("#blockPhotos").width();
    var largeurTotaleFrise=$("#blockPhotos>ul").width();//-(nbMiniPhotos*60);
	var calculXfriseMax=Math.ceil(largeurTotaleFrise-longFriseMinPhot);*/
     var largeurTotale= $("#listeBlockPhotos").width();

     var posXfinFrise=Math.ceil(largeurTotale+posXminphot.left);

     //var autreLargeur=
     var XblockPhoto=$("#blockPhotos").position();
     var largeurTotaleBlockPhoto = $("#blockPhotos").width();
     var Xminimum=Math.ceil(XblockPhoto.left+largeurTotaleBlockPhoto);

//alert(posXfinFrise+'<'+Xminimum)
  if(posXfinFrise<=Xminimum){
    var dernierClick=Math.ceil(700-largeurTotale);
    $('#listeBlockPhotos').stop().animate({
					             left:dernierClick+'px'
	                        },200);
    //return false;
  }else{
         $('#listeBlockPhotos').animate({
					             left:'-=250'
	                        },700);
		$('#diapoFlecheGaucheMiniPhotos').css('opacity','1');

	}

});