// Initialisation
var slider = "";
function Diaporama() {
	// Configuration
	ScaleRatioUp = 150; // Grossissement de l'aperçu (%)
	
	// Initialisation
	ImgCurrent = 0;
	Imgs = document.getElementById("defilement").getElementsByTagName("img");
	ScaleRatioDown = eval(eval(100/ScaleRatioUp)*100);
	
	// Scroller
	Interval = new Array();
	for(i=0; i<=Imgs.length; i++) {Interval.push(i);}
    slider = new Control.Slider('curseur', 'barre', {values:Interval, range:$R(1,Imgs.length),
        onSlide:function(w) {$('curseur').innerHTML=w;},
		onChange:function(v) {
			$('curseur').innerHTML=v;
			ImgCurrentNew = eval(v-1);
			ScaleThem(Imgs[ImgCurrentNew], Imgs[ImgCurrent]);
			ImgCurrent = ImgCurrentNew;
			ShowIt(ImgCurrent);
			}
		});
	
	// Affichage du 1er aperçu
	slider.setValueBy(0);

}

// Affichage en grand format de l'image
function ShowIt(Id) {
	ImgCurrent = Id;
	document.getElementById('grand_format').src = Imgs[Id].src.replace("&type=petit","&type=grd");
}

// Focus sur une image
function FocusIt(Id) {
	ImgCurrentNew = Id;
	if(ImgCurrent != ImgCurrentNew)
		{slider.setValueBy(eval(ImgCurrentNew - ImgCurrent));}
}

// Image Précédente
function Previous() {
	if(ImgCurrent > 0)
		{slider.setValueBy(-1);}
}

// Image Suivante
function Next() {
	if(ImgCurrent < (eval(Imgs.length)-1))
		{slider.setValueBy(1);}
}

// Mises à echelle
function ScaleThem(Up, Down) {
	if(Down.id == Up.id)
		{
		ScaleIt(Up.id, ScaleRatioUp);
		}
	else
		{
		ScaleIt(Down.id, ScaleRatioDown);
		ScaleIt(Up.id, ScaleRatioUp);
		}
}

// Effets Script.aculo.us
function ScaleIt(Id, Size)	{
	new Effect.Scale(Id, Size, { duration: 0.3, queue:'end' } );
}