// JavaScript Document

function preparerImgs(idDiaporama) {
	var proprieteCSSImg = "#" + idDiaporama + " img";
	$(proprieteCSSImg).each( function(index) {
		$(this).fadeIn();
		if(index == 0) $(this).addClass("dessus");
		if(index == 1) $(this).addClass("dessous");
	});
}

function basculeZIndex() {
	$('.dessus').each( function() {
		$(this).removeClass('dessus');
	});
	$('.dessous').each( function() {
		$(this).removeClass('dessous');
		$(this).addClass('dessus');
		$(this).fadeIn();
		if($(this).next().length != 0) {
			/*L'image suivante est... la suivante dans la liste ! */
			$(this).next().addClass('dessous');
			$(this).next().fadeIn();
		} else {
			/*L'image suivante est la 1° de la liste ! */
			$(this).siblings().first().addClass('dessous');
			$(this).siblings().first().fadeIn();
		}
	});
}

function activerDiaporamas() {
	var proprieteCSS = ".diaporama";
	$(proprieteCSS).each( function() {
		preparerImgs($(this).attr('id'));
	});
	clearInterval(boucleDiaporama);
	boucleDiaporama = setInterval(function() {
		$('.dessus').each( function() {
			$(this).fadeOut(dureeTransition);
		});
		setTimeout("basculeZIndex()",dureeTransition + 100);
	}, 4000);
}

var dureeTransition = 500;
var boucleDiaporama;
$(document).ready(activerDiaporamas);