// JavaScript Document

function displayPics()
{	
	// Afin d'éviter les erreurs, on ne lance le javascript que si
	// la galerie existe, ça évite de se retrouver avec une var photos qui est vide et qui fait merder tout le reste
	if(document.getElementById('galerie_mini2'))
	{
		var photos = document.getElementById('galerie_mini2') ;
		// 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 titre_photo = document.getElementById('legende')//.getElementsByTagName('dt')[0] ;
		// Et enfin le titre de la photo de taille normale
		
		for(var i = 0 ; i < liens.length ; i++)
		// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
		{
			liens[i].onmouseover = function()
			//liens[i].onclick = function()
			// Au clic sur ces liens
			{
				//window.alert(this.href);
				big_photo.src = this.href ; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
				big_photo.alt = this.title ; // On change son titre
				//titre_photo.firstChild.nodeValue = this.title ; // On change le texte de titre de la photo
				//titre_photo[0].nodeValue = this.title ; // On change le texte de titre de la photo
				titre_photo.firstChild.nodeValue = this.title ; // On change le texte de titre de la photo
				return false ; // Et pour finir on inhibe l'action réelle du lien
			}
			liens[i].onclick = function()
			{
			return false;	
			}
		}
	}
}