// JavaScript Document
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 titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
	// Et enfin le titre de la photo de taille normale

	var view_anim = document.getElementById('view_anim') ;
	//var add_selection = document.getElementById('add_selection') ;
	
	var prev_image = document.getElementById('prev_image');
	var next_image = document.getElementById('next_image');

	// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
	for (var i = 0 ; i < liens.length ; ++i) {

		// Construction d'une double liste chaînée entre les liens
		// pour la navigation
		liens[i].prev = liens[(i - 1 + liens.length) % liens.length];
		liens[i].next = liens[(i + 1) % liens.length];

		// Au clique sur ces liens 
		liens[i].onclick = function() {
			
			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
			view_anim.href = this.name;
			//add_selection.href = 'maselection/add/' + this.id + '/';
			titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo

			prev_image.href = this.prev.href;
			prev_image.title = this.prev.title;
			prev_image.name = this.prev.name;
			prev_image.prev = this.prev.prev;
			prev_image.next = this.prev.next;

			next_image.href = this.next.href;
			next_image.title = this.next.title;
			next_image.name = this.next.name;
			next_image.prev = this.next.prev;
			next_image.next = this.next.next;

			return false; // Et pour finir on inhibe l'action réelle du lien
		};
	}
	prev_image.href = liens[0].prev.href;
	prev_image.title = liens[0].prev.title;
	prev_image.name = liens[0].prev.name;
	prev_image.prev = liens[0].prev.prev;
	prev_image.next = liens[0].prev.next;

	next_image.href = liens[0].next.href;
	next_image.title = liens[0].next.title;
	next_image.name = liens[0].next.name;
	next_image.prev = liens[0].next.prev;
	next_image.next = liens[0].next.next;

	prev_image.onclick = liens[0].onclick;
	next_image.onclick = liens[0].onclick;

}
window.onload = displayPics;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page