// JavaScript Document

function preparerImgs(idDiaporama) {
	var proprieteCSSImg = "#" + idDiaporama + " img";
	$$(proprieteCSSImg).each( function(cetteImg) {
		cetteImg.setOpacity(1);
	});
	$$(proprieteCSSImg)[0].addClassName("dessus");
	$$(proprieteCSSImg)[1].addClassName("dessous");
}

function basculeZIndex() {
	$$('.dessus').each( function(cetteImg) {
		cetteImg.removeClassName('dessus');
	});
	$$('.dessous').each( function(cetteImg) {
		cetteImg.removeClassName('dessous');
		cetteImg.addClassName('dessus');
		cetteImg.setOpacity(1);
		var elmtSuivant = cetteImg.next();
		if(elmtSuivant) {
			elmtSuivant.addClassName('dessous');
			elmtSuivant.setOpacity(1);
		} else {
			cetteImg.siblings()[0].addClassName('dessous');
			cetteImg.siblings()[0].setOpacity(1);
		}
	});
}

function activerDiaporamas() {
	var proprieteCSS = ".diaporama";
	$$(proprieteCSS).each( function(ceDiaporama) {
		preparerImgs(ceDiaporama.id);
	});
	clearInterval(boucleDiaporama);
	boucleDiaporama = setInterval(function() {
		$$('.dessus').each( function(cetteImg) {
			new Effect.Opacity(cetteImg, { from: 1.0, to: 0, duration: 0.5 });
		});
		setTimeout("basculeZIndex()",600);
	}, 4000);
}

var boucleDiaporama;

Event.observe(window, 'load', activerDiaporamas);