  /******************************************************************/
 /* FONCTIONS D'EFFECTUER UN FONDU ENCHAINE SUR UNE SERIE D'IMAGES */
/******************************************************************/

tabPhotos = new Array;
delais = 5;
opacite = 100;
actuelle = 0;

function AddPhoto(img)
{
	i = tabPhotos.length;
	tabPhotos[i] = new Image;
	tabPhotos[i].src = img;
}

function PhotoSuivante()
{
	if(actuelle == tabPhotos.length-1)
		res = 0;
	else
		res = actuelle + 1;
	
	return res;
}

function Fondu1vers2()
{
	if(opacite > 0)
	{	
		opacite -= 5;
		document.getElementById("photo1").style.filter = "alpha(opacity=" + opacite + ")";
		document.getElementById("photo2").style.filter = "alpha(opacity=" + (100-opacite) + ")";
		setTimeout("Fondu1vers2()", 10);
	}
	else
	{	
		actuelle = PhotoSuivante();
		document.getElementById("photo1").src = tabPhotos[PhotoSuivante()].src;
		setTimeout("Fondu2vers1()", delais*1000);
	}
}

function Fondu2vers1()
{
	if(opacite < 100)
	{	
		opacite += 5;
		document.getElementById("photo1").style.filter = "alpha(opacity=" + opacite + ")";
		document.getElementById("photo2").style.filter = "alpha(opacity=" + (100-opacite) + ")";
		setTimeout("Fondu2vers1()", 10);
	}
	else
	{
		actuelle = PhotoSuivante();
		document.getElementById("photo2").src = tabPhotos[PhotoSuivante()].src;
		setTimeout("Fondu1vers2()", delais*1000);
	}
}

function InitFondu(w,h)
{
	document.write("<table border=0 width=" + w + " height=" + h + " cellspacing=0 cellpadding=0>");
  	document.write("<tr>");
   	document.write("<td width=" + w + " height=" + h + " valign='middle'><center>");

	document.write("<div style='height:" + h + ";overflow: hidden'>");
	document.write("<div style='position:relative;left:0;top:0;width:" + w + ";height:" + h + "'><img id='photo1' border=0 width=" + w + " height=" + h + " src='" + tabPhotos[0].src + "' style='filter:alpha(opacity=100)'></div>");
	document.write("<div style='position:relative;left:0;top:-" + h + ";width:" + w + ";height:" + h + "'><img id='photo2' border=0 width=" + w + " height=" + h + " src='" + tabPhotos[1].src + "' style='filter:alpha(opacity=0)'></div>");
	document.write("</div>");

	document.write("</center></td>");
	document.write("</tr>");
	document.write("</table>");
	
	setTimeout("Fondu1vers2()", delais*1000);
}