function depliImage(image, imagesGrandes){
	var nombreImages = imagesGrandes.length;
	var urlImage = imagesGrandes[image];
	for (var i = 0; i < nombreImages; i++) {
		if (i != image) {
			document.getElementById('divminiature' + i).style.display = "block";
 		}
 	}
	img = new Image();
	img.onload=function() {
		var imgl = img.width;
		var imgh = img.height;
		var imghCur = 1;
			
		document.getElementById('divImageDepli').style.height = 0;
		document.getElementById('divImageDepli').style.width = imgl+'px';
		document.getElementById('divImageDepli').style.backgroundImage = "url("+urlImage+")";
		grandi(imgh,imghCur,urlImage, nombreImages);
	}
	img.src = urlImage;
}
function grandi(imgh, imghCur, image, nombreImages){
	if (imghCur < imgh) {
		document.getElementById('divImageDepli').style.height = imghCur+'px';
		imghCur += 5;
		setTimeout("grandi("+imgh+","+imghCur+",'"+image+"','"+nombreImages+"')",1);
	}
	else {
		clearTimeout("grandi("+imgh+","+imghCur+","+image+",'"+nombreImages+"')",1);
		document.getElementById('imageDepli').src = image;
		document.getElementById('imageDepli').style.display = "block";
		for (var i = 0; i < nombreImages; i++) {
			if (i != image) {
				document.getElementById('miniature' + i).href = "javascript:onclick=changeImage(" + i + "," + nombreImages + ")";
 			}
	 	}	
	}
}

function changeImage (image, nombreImages) {
	document.getElementById('imageDepli').style.display = "none";
	document.getElementById('divImageDepli').style.backgroundImage = "";
	document.getElementById('imageDepli').src = "";
	
	for (var i = 0; i < nombreImages; i++) {
		if (i != image) {
			document.getElementById('miniature' + i).href = "javascript:onclick=''";
 		}
 		else {
			document.getElementById('divminiature' + i).style.display = "none";
 		}
 	}
		
	depliImage (image, imagesGrandes);
}