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 to 0.99 maximum because of a Firefox/Mozilla bug (flickers if set to 100)
	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;
	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 );
}