// JavaScript Document
function changeImage(nom, idmini) {
	document.getElementById('imageTailleReelle').style.backgroundImage = "url("+nom+")";
	document.getElementById('imageTailleReelle').style.backgroundPositionY = "center";
	document.getElementById('lienImage').href = nom;
	document.getElementById(idmini).style.borderColor= '#8A0092';
}

function rollImage(id, srcImg, legende, quantite){
	var idImage;
	document.getElementById("big").src = srcImg;
	document.getElementById("big").alt = legende;
	document.getElementById("legendePhoto").innerHTML = legende;
	for (var nbImg=0; nbImg < quantite; nbImg++){
		idImage = "mini"+nbImg;

		if (idImage == id) {
			var classImg = "miniImgOn";
		}
		else {
			var classImg = "miniImgOff";
		}
		if (document.getElementById(idImage)) {
			document.getElementById(idImage).className = classImg;
		}
	}
}

function rollPorfolio(id, srcImg, legende, quantite){
	var idImage;
	document.getElementById("bigPortfolio").src = srcImg;
	document.getElementById("bigPortfolio").alt = legende;
	document.getElementById("legendePortfolio").innerHTML = legende;
	for (var nbImg=0; nbImg < quantite; nbImg++){
		idImage = "miniP"+nbImg;

		if (idImage == id) {
			var classImg = "miniImgOn";
		}
		else {
			var classImg = "miniImgOff";
		}
		if (document.getElementById(idImage)) {
			document.getElementById(idImage).className = classImg;
		}
	}
}