/**********************/
/*    PHOTORAMAMA 0.2     */
/*     Anthony Brard          */
/*     Novembre 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 ****/
// ID du container
var container = "#diaporama";

// durée de la transition
var fadeDuration = 1500;

// durée entre chaque diapo
var slideDuration= 4000;

//un petit random pour l'image de départ
var actual = 0; /*Math.floor(Math.random()*(count+1));*/
var next = 1;

// drapeau pour indiquer une pause
var pause = false;
var pauseDuration= 10000;

/*
 * initie le diaporama
 */
function initDiaporama(){
	$(container).css({'overflow':'hidden'});
	
	var count=$(container+" img").size();
	if(count>1){
		$(container+" img").css({'opacity':'0','position':'absolute'});
		createDiaporamaNavBTNs(container, count);
		photoramaMama(count);
	}
}

/*
 *  Instancie les boutons de navigation du diaporama
 */
function createDiaporamaNavBTNs(elem, count){
	$(elem).append("<div id='prevBTN' class='diaporamaNav'></div><div id='nextBTN' class='diaporamaNav'></div>")
	$(".diaporamaNav").animate({'opacity':'0'}, 'slow');
	$(elem).hover(function(){
		$(".diaporamaNav").stop().animate({'opacity':'.85'}, 'slow');
	}, function(){
		$(".diaporamaNav").stop().animate({'opacity':'0'}, 'slow');
	});
	
	$("#prevBTN").click(function(){ next = actual-1; pause = true; fadeAndSwicthImages(count); /*alert('prev');*/});
	$("#nextBTN").click(function(){ pause = true; fadeAndSwicthImages(count); /*alert('next');*/});
	
}

/* moteur du photorama */
function photoramaMama(count){
	if(pause){
		/*pause = false;
		setTimeout('photoramaMama('+count+')',pauseDuration);*/
	}else{
		fadeAndSwicthImages(count);
		setTimeout('photoramaMama('+count+')',slideDuration);
	}
}

/* ici se joue la transition */
function fadeAndSwicthImages(count){
	//alert(elem+"--"+actual+"-"+next);
	if(next>count) next=1;
	if(next<1) next = count;
	$(container+" img").eq(next-1).animate({'opacity':'1'},fadeDuration);
	$(container+" img").eq(actual-1).animate({'opacity':'0'},fadeDuration);
	actual = next;
	next++;
}
/*** FIN PHOTORAMAMA ***/


/*
 * fonction de centrage vertical du site
 */
function centerContainer(){
	var margin = 50;
	
	if($(window).height() > 630){
		margin = ($(window).height()-630)/2;
		$("#container").css({'margin-top': margin +'px'}, 'fast');
	}
	
	$(window).resize(function(){ 
		if($(window).height() > 630){
			margin = ($(window).height()-630)/2;
			$("#container").stop().animate({'margin-top': margin +'px'}, 'fast');
		}
	});
	
}

// Lancement des animations JQuery
$(document).ready(function(){ 
	initDiaporama();
	centerContainer();
});