function displayPics()
{
	var photos = document.getElementById('galerie_mini') ;
	// On récupère l'élément ayant pour id galerie_mini
	var liens = photos.getElementsByTagName('a') ;
	// On récupère dans une variable tous les liens contenu dans galerie_mini
	var big_photo = document.getElementById('big_pict') ;
	// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale
	var detail = document.getElementById('detail_pict') ;

	// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
	for (var i = 0 ; i < liens.length ; ++i) {
		// Au clique sur ces liens 
		liens[i].onclick = function() {
			for(n=0; n<liens.length; n++){
				if(this==liens[n]){
					liens[n].className = "over";
			if(document.all){
				 detail.innerText = liens[n].title;
			} else{
				detail.textContent = liens[n].title;
			}
				}else{
					liens[n].className = ""; 
				}
			}
			big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
			
			return false; // Et pour finir on inhibe l'action réelle du lien
		};
		if(i==0){
			big_photo.src = liens[i].href;
			liens[i].className = "over"; 
			if(document.all){
				 detail.innerText = liens[i].title;
			} else{
				detail.textContent = liens[i].title;
			}
			// lancement de la première photo
		}
	}
}
window.onload = displayPics;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page