function restoreBorder()
{
	var photos = document.getElementById('minatures_gal') ;
	// 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
	
	// Retablit la couleur des bordures
	for (var j=0; j<liens.length; ++j)
	{
			// La bordure de la miniature reprend la couleur de fond
			liens[j].firstChild.style.borderColor = "#2E2A26";

	}
}

function displayPics()
{
	var photos = document.getElementById('minatures_gal') ;
	// 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 src = '';
	var src_medium = '';

	// 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].onmouseover = function() {
		
		restoreBorder();
			
			src = this.href;
			
			src_med = src.replace(/\.jpg/, '_med.jpg');
			
			big_photo.src = src_med;

			// Au survol, la bordure de la miniature devient rouge
			this.firstChild.style.borderColor = "#801A22";

			return false; // Et pour finir on inhibe l'action réelle du lien
		};

/*		liens[i].onmouseout = function() {
			// La bordure de la miniature reprend la couleur de fond
			this.firstChild.style.borderColor = "#2E2A26";
		};
*/		
	}
}

// Il ne reste plus qu'à appeler notre fonction au chargement de la page
Event.observe(window, 'load', displayPics, false);