path = "diaporama/";
var photos = new Array()
var commentaires = new Array()

photos[0]  = '1_photos.jpg';		commentaires[0]  = 'Photo 01';
photos[1]  = '2_photos.jpg';		commentaires[1]  = 'Photo 02';
photos[2]  = '3_photos.jpg';		commentaires[2]  = 'Photo 03';
photos[3]  = '4_photos.jpg';		commentaires[3]  = 'Photo 04';
photos[4]  = '5_photos.jpg';		commentaires[4]  = 'Photo 05';
photos[5]  = '6_photos.jpg';		commentaires[5]  = 'Photo 06';
photos[6]  = '7_photos.jpg';		commentaires[6]  = 'Photo 07';
photos[7]  = '8_photos.jpg';		commentaires[7]  = 'Photo 08';
photos[8]  = '9_photos.jpg';		commentaires[8]  = 'Photo 09';
photos[9]  = '10_photos.jpg';		commentaires[9]  = 'Photo 10';
photos[10]  = '11_photos.jpg';		commentaires[10]  = 'Photo 11';
photos[11]  = '12_photos.jpg';		commentaires[11]  = 'Photo 12';
photos[12]  = '13_photos.jpg';		commentaires[12]  = 'Photo 13';
photos[13]  = '14_photos.jpg';		commentaires[13]  = 'Photo 14';
photos[14]  = '15_photos.jpg';		commentaires[14]  = 'Photo 15';
photos[15]  = '16_photos.jpg';		commentaires[15]  = 'Photo 16';
photos[16]  = '17_photos.jpg';		commentaires[16]  = 'Photo 17';
photos[17]  = '18_photos.jpg';		commentaires[17]  = 'Photo 18';
photos[18]  = '19_photos.jpg';		commentaires[18]  = 'Photo 19';
photos[19]  = '20_photos.jpg';		commentaires[19]  = 'Photo 20';
photos[20]  = '21_photos.jpg';		commentaires[20]  = 'Photo 21';
photos[21]  = '22_photos.jpg';		commentaires[21]  = 'Photo 22';
photos[22]  = '23_photos.jpg';		commentaires[22]  = 'Photo 23';
photos[23]  = '24_photos.jpg';		commentaires[23]  = 'Photo 24';
photos[24]  = '25_photos.jpg';		commentaires[24]  = 'Photo 25';

var id_diapo_actuel = 0;


function init_diaporama()
{
	for (i = 0; i < photos.length; i++)
	{
		document.write("<div id=div_" + i + " class=diapo0><img id=img_" + i + " src=\"" + path + photos[i] + "\" border=0 width=320 height=240></div>");
	}

	show_diapo(0); 
}

function show_diapo(id)
{
	div0 = document.getElementById("div_"+id);
	div_commentaire = document.getElementById("commentaire");

	div0.className = "diapo1";
	div_commentaire.innerHTML = commentaires[id];
	id_diapo_actuel = id;
}

function delay(id_prec, id_suiv)
{
	setTimeout("swap_diapos("+id_prec+", "+id_suiv+")", 0); 
}

function swap_diapos(id_prec, id_suiv)
{
	div1 = document.getElementById("div_"+id_prec);
	div2 = document.getElementById("div_"+id_suiv);

	if (document.all)
	{
		div1.className = "diapo2";
		div2.className = "diapo1";
		div1.style.visibility = "visible";
		div2.style.visibility = "visible";

//		alert(div1.style.visibility + ' ' + div2.style.visibility)


		div1.style.filter="blendTrans(duration=0.8)";
		// Make sure the filter is not playing.
		if (div1.filters.blendTrans.status != 0.8) {
			div1.filters.blendTrans.apply();
			div1.style.visibility="hidden";
			div1.filters.blendTrans.play();
		}
    }
	else
	{
		div_commentaire = document.getElementById("commentaire");

		pas1_ie  = i * 10; pas2_ie  = 100 - i * 10; 
		pas1_moz = i / 10; pas2_moz = 1 - i / 10; 
		div1.className = "diapo0";
		div2.className = "diapo1";

		div1.style.filter = "alpha(opacity:" + pas2_ie + ")";
		div1.style.KHTMLOpacity = "" + pas2_moz;
		div1.style.MozOpacity = "" + pas2_moz;
		div1.style.opacity = "" + pas2_moz;

		div2.style.filter = "alpha(opacity:" + pas1_ie + ")";
		div2.style.KHTMLOpacity = "" + pas1_moz;
		div2.style.MozOpacity = "" + pas1_moz;
		div2.style.opacity = "" + pas1_moz;


		i = i + 1;

		if (i<=10)
			delay(id_prec, id_suiv);
	}

	div_commentaire.innerHTML = commentaires[id_suiv];

	id_diapo_actuel = id_suiv;
}

function diapo_suiv()
{
	id_diapo_suiv = id_diapo_actuel + 1;
	if (id_diapo_suiv == photos.length)
		id_diapo_suiv = 0;

	img = document.getElementById("img_" + id_diapo_suiv);

	i = 0; swap_diapos(id_diapo_actuel, id_diapo_suiv);
}

function diapo_prec()
{
	id_diapo_suiv = id_diapo_actuel - 1;
	if (id_diapo_suiv == -1)
		id_diapo_suiv = photos.length -1;

	i = 0; swap_diapos(id_diapo_actuel, id_diapo_suiv);
}

init_diaporama();