var previousImage = 1;
var currentImage = 1;
var crossFadeCtr = -10;
var t;

function displayImage( imageToDisplay )
{
	if ( ( imageToDisplay != currentImage ) && ( crossFadeCtr < 0 ) )
	{
		document.getElementById('imageProjet' + imageToDisplay).style.visibility = 'visible';
		crossFadeCtr = 100;
		currentImage = imageToDisplay;
		t = setTimeout( "crossFadeImages()", 10 );
	}
}

function crossFadeImages()
{
	// Set opacity value for compliant browsers (0 to 0.99)
	// (0.99 maximum because of a Firefox/Mozilla bug which makes everything flickers if set to 1.00)
			document.getElementById('imageProjet' + previousImage).style.opacity = (crossFadeCtr/100)-0.01;
	document.getElementById('boutonProjet' + previousImage).style.opacity = ((50+(crossFadeCtr/2))/100)-0.01;
	document.getElementById('imageProjet' + currentImage).style.opacity = ((100-crossFadeCtr)/100)-0.01;
	document.getElementById('boutonProjet' + currentImage).style.opacity = ((100-(crossFadeCtr/2))/100)-0.01;

	// Set opacity value for IE (0 to 100)
	document.getElementById('imageProjet' + previousImage).style.filter = "alpha(opacity=" + crossFadeCtr + ")";
	document.getElementById('boutonProjet' + previousImage).style.filter = "alpha(opacity=" + (50+(crossFadeCtr/2)) + ")";
	document.getElementById('imageProjet' + currentImage).style.filter = "alpha(opacity=" + (100-crossFadeCtr) + ")";
	document.getElementById('boutonProjet' + currentImage).style.filter = "alpha(opacity=" + 100-(crossFadeCtr/2) + ")";

	crossFadeCtr -= 10;
	if ( crossFadeCtr == -10 )
	{
		document.getElementById('imageProjet' + previousImage).style.visibility = 'hidden';
		previousImage = currentImage;
		return;
	}
	t=setTimeout( "crossFadeImages()", 50 );
}