document.getElementById("infoPortfolioCourant").value = "portfolio-ca";

function switchUpInfosPortfolio(idDest)
{	
	var vitesse = 10; // Vitesse du fade : augmenter la valeur ralentit la transition
	var timer = 0;
	
	oldInfos = document.getElementById("infoPortfolioCourant").value + '-infos';
			
	document.getElementById(oldInfos).style.display = "none";
	document.getElementById("infoPortfolioCourant").value = idDest;
	newInfos = idDest + '-infos';
	
	document.getElementById(newInfos).style.display = "block";
	modifOpacite(0, newInfos);
	for(i = 0; i <= 100; i++) {
		
		setTimeout("modifOpacite(" + i + ",'" + newInfos + "','" + idDest + "','switchUpInfosPorfolio')",(timer * vitesse));
		timer++;
	}
		
}

function switchDownInfosPortfolio(idDest)
{
	var vitesse = 10; // Vitesse du fade : augmenter la valeur ralentit la transition
	var timer = 0;
	
	var oldInfos = document.getElementById("infoPortfolioCourant").value + '-infos';
	
	for(i = 100; i >= 0; i--) {
		
		setTimeout("modifOpacite(" + i + ",'" + oldInfos + "','" + idDest + "','switchDownInfosPortfolio')",(timer * vitesse));
		timer++;
	}	

}


function modifOpacite(opacite, id, imageDest, from)
{
	var object = document.getElementById(id).style; 
	object.opacity = (opacite / 100);
	object.MozOpacity = (opacite / 100);
	object.KhtmlOpacity = (opacite / 100);
	object.filter = "alpha(opacity=" + opacite + ")";
			
	if ((opacite == 100) && (from == 'changeImgPortfolio'))
	{
		switchDownInfosPortfolio(imageDest);
	}
	
	if((opacite == 0) && (from == 'switchDownInfosPortfolio'))
	{
		
		switchUpInfosPortfolio(imageDest);
	}
}


function changeImgPortfolio(imageDest)
{
	var vitesse = 10; // Vitesse du fade : augmenter la valeur ralentit la transition
	var timer = 0;

	document.getElementById('backImgPortfolio').style.backgroundImage = "url(" + document.getElementById('ImgPortfolio').src + ")";
	modifOpacite(0, 'ImgPortfolio');

	document.getElementById('ImgPortfolio').src = document.getElementById(imageDest).src;

	for(i = 0; i <= 100; i++) {
		setTimeout("modifOpacite(" + i + ",'ImgPortfolio','" + imageDest + "','changeImgPortfolio')",(timer * vitesse));
		timer++;
	}
}