window.addEventListener('load', init, false);


var img1;
var img2;
var img3;
var img4;
var img5;

var tableau = new Array();
	
/*
* Fonction d'initialisation
*/
function init() {
	if(document.getElementById("image1")) {
		img1 = document.getElementById("image1");
		document.getElementById("display1").addEventListener('click', voirImage1, false);
		tableau.push(img1);
	}
	if(document.getElementById("image2")) {
		img2 = document.getElementById("image2");
		img2.style.display = "none";
		document.getElementById("display2").addEventListener('click', voirImage2, false);
		tableau.push(img2);
	}
	if(document.getElementById("image3")) {
		img3 = document.getElementById("image3");
		img3.style.display = "none";
		document.getElementById("display3").addEventListener('click', voirImage3, false);
		tableau.push(img3);
	}
	if(document.getElementById("image4")) {
		img4 = document.getElementById("image4");
		img4.style.display = "none";
		document.getElementById("display4").addEventListener('click', voirImage4, false);
		tableau.push(img4);
	}
	if(document.getElementById("image5")) {
		img5 = document.getElementById("image5");
		img5.style.display = "none";
		document.getElementById("display5").addEventListener('click', voirImage5, false);
		tableau.push(img5);
	}
	
	
}

function voirImage1() {
	for (var i=0; i<tableau.length; i++) {
		if(tableau[i] == img1) {
		tableau[i].style.display = "block";
		}
		else {
		tableau[i].style.display = "none";
		}
	}
}

function voirImage2() {
	for (var i=0; i<tableau.length; i++) {
		if(tableau[i] == img2) {
		tableau[i].style.display = "block";
		}
		else {
		tableau[i].style.display = "none";
		}
	}
}

function voirImage3() {
	for (var i=0; i<tableau.length; i++) {
		if(tableau[i] == img3) {
		tableau[i].style.display = "block";
		}
		else {
		tableau[i].style.display = "none";
		}
	}
}

function voirImage4() {
	for (var i=0; i<tableau.length; i++) {
		if(tableau[i] == img4) {
		tableau[i].style.display = "block";
		}
		else {
		tableau[i].style.display = "none";
		}
	}
}

function voirImage5() {
	for (var i=0; i<tableau.length; i++) {
		if(tableau[i] == img5) {
		tableau[i].style.display = "block";
		}
		else {
		tableau[i].style.display = "none";
		}
	}
}