// JavaScript Document
function left(str,nbr) {
   return str.substr(0,nbr)
}
function displayPics()
{
	var photos = document.getElementById('trueContainer') ;
	// On récupère l'élément ayant pour id trueContainer
	var liens = photos.getElementsByTagName('a') ;
	// On récupère dans une variable tous les liens contenu dans trueContainer
	var big_photo = document.getElementById('imag') ;
	// Ici c'est l'élément ayant pour id imag 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 zoom = document.getElementById('zoom-pict');
	// pour le lien href effet zoom
	
	// Une boucle parcourant l'ensemble des liens contenu dans trueContainer
	for (var i = 0 ; i < liens.length ; ++i) {
		// 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
			titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
			var monhref = this.href; // Je crée monhref pour retravailler la chaîne de caractères
            //monhref = monhref.replace (/.jpg/, "-b.jpg"); // Je remplace l'extension .jpg par -b.jpg pour appeler l'image grand format
			monhref = monhref.replace(/medium/, "large");
            zoom.href = monhref; // Je remplace le href du lien
			zoom.title = this.title; // On change son titre 			

			return false; // Et pour finir on inhibe l'action réelle du lien
		};
	}
}
//* window.onload = displayPics;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page