// alterner-photos.js
// Pour afficher les photos agrandies d'une fiche

function initialiserAlternerPhotos() {
	
	if (document.getElementById && document.getElementsByTagName) {
		var objPrincipale = document.getElementById("img-principale");
		var objSecondaires = document.getElementById("photos-secondaires");
		
		if (objPrincipale && objSecondaires) {
	
			objSecondaires.getElementsByTagName("a")[0].className = 'actif';
			objSecondaires.getElementsByTagName("a")[0].title = '';
			
			for (var i = 0; i < objSecondaires.getElementsByTagName("a").length; i++) {
				addListener(objSecondaires.getElementsByTagName("a")[i], 'click', eventDisplayImage(objPrincipale, objSecondaires, objSecondaires.getElementsByTagName("a")[i]));
				addListener(objSecondaires.getElementsByTagName("a")[i], 'click', cancel);

			}
		}
	}
}

function eventDisplayImage(objPrincipale, objSecondaires, obj) {
	return function() {
		displayImage(objPrincipale, objSecondaires, obj);	
	}	
}

function displayImage(objPrincipale, objSecondaires, obj) {
	for (var i = 0; i < objSecondaires.getElementsByTagName("a").length; i++) {
		objSecondaires.getElementsByTagName("a")[i].className = '';
		objSecondaires.getElementsByTagName("a")[i].title = "Cliquez pour agrandir l'image.";
	}
	
	obj.title = '';
	obj.className = 'actif';
	objPrincipale.src = obj.href;
}

function cancel(e) {
	if (e.preventDefault) {
		e.preventDefault();
	}
	e.returnValue = false;
}

addListener(window, 'load', initialiserAlternerPhotos);