/**********************/
/*    PHOTORAMAMA 0.1     */
/*     Anthony Brard          */
/*        Avril 2010             */
/*                                   */
/*******************/
/* 
Script de diaporama avec un fade entre chaque image.
Mettre toutes les images dans dans une <div> avec la classe "photorama" et c'est tout.
Ne pas oublier d'inclure le fichier le script jquery !
*/

/**** PARAMETRES PHOTORAMAMA ****/
// durée de la transition
var fadeDuration = 2000;

// durée entre chaque diapo
var pauseDuration= 15000;


/* initiatialise le photorama */
function initPhotorama(){
	var count=$("div.photorama img").size();
	if(count>1){
		$("div.photorama img").css({'opacity':'0', 'position':'absolute','width':'630px'}); // Supprimer l'attribut width ou le régler à convenance
		$("div.photorama img:nth-child(0)").css({'opacity':'1'});
                
                // un petit random pour l'image de départ
                var actual = Math.floor(Math.random()*(count+1));
		photoramaMama(actual,actual+1,count);
	}

}

/* moteur du photorama */
function photoramaMama(actual,next,count){
	if(next>count) next=1;
	fadeAndSwicthImages($("div.photorama img:nth-child("+actual+")"), $("div.photorama img:nth-child("+next+")"));
	actual=next;
	next++;
	setTimeout('photoramaMama('+actual+','+next+','+count+')',pauseDuration);
}

/* ici se joue la transition */
function fadeAndSwicthImages(actual, next){
	next.animate({'opacity':'1'},fadeDuration);
	actual.animate({'opacity':'0'},fadeDuration);
}
/*** FIN PHOTORAMAMA ***/