// JavaScript Document

/*5 variables sont à initialiser au début du fichier :

    * effect : 1 ou 2 (1 pour fade, 2 pour blind)
    * time : durée entre les images en ms (ex: 4000 pour 4 secondes)
    * image : tableau (array) contenant les images de la class "image"
    * current_image : image actuellement affichée (initialisé à 0)
    * next_image : prochaine image à afficher (initialisé à 1)

Une première fonction init() va initialiser notre diaporama. Nous allons cacher toutes les images dont la class est image, sauf la première.
Si le diaporama contient plus d'une image, on lance alors le diaporama avec l'effet approprié (fonction galerie).*/

var effect = 1;
var time = 4000;
var dureeDuFade=2.000;
//ici j'ai rajouté cette variable chargée d'agir sur la durée de l'apparition de l'image
var current_image = 0;
var next_image = 1;
var image = new Array();

function init() {
	if(document.getElementsByClassName("image")) {
		image = document.getElementsByClassName("image");
		for(i=1; i < image.length; i++) {
			image[i].style.display = "none";
		}
	}
	
	if(image.length > 1) galerie();
}

//La fonction galerie va simplement exécuter la fonction nextimage avec l'interval de temps défini dans la variable "time" :

function galerie() {
	self.setTimeout("nextimage()",time);	
}

/*La fonction nextimage se charge de déclencher l'effet de transition entre les images et d'afficher l'image suivante. Lorsque la dernière image est affichée, on revient à la première. Ce sont les variables current_image et next_image qui nous le permettent :*/

function nextimage() {
	if(effect == 1) { new Effect.Fade(image[current_image]); new Effect.Appear(image[next_image], {duration : dureeDuFade}); }
	//ici j'ai rajouté un paramètre : duration qui permet de pouvoir agir sur le temps de l'apparition de l'image
	if(effect == 2) { new Effect.BlindUp(image[current_image]); new Effect.BlindDown(image[next_image]); }
	
	if(next_image == (image.length-1)) {
		current_image = next_image;
		next_image = 0;
	} else {
		current_image = next_image;
		next_image++;
	}
	galerie();
}

/*La fonction galerie est appelée de nouveau, on boucle ainsi indéfiniment.

On peut enfin exécuter la fonction init() en bas de notre fichier contenant le diaporama d'images :*/

/*<script type="text/javascript">
	init();
</script>*/