var elementSelectionne;
var effetTransition;

//On associe les cripts aux bouons d'image
function associerScriptsBoutons() {
	var ulListePhotos = document.getElementById("listephotos");
	var elementsLi = ulListePhotos.getElementsByTagName("li");
	var elementA;
	var elementImage;
	var elementGrosseImage = document.getElementById("grosseimage");
	effetTransition = new Fx.Tween(elementGrosseImage, {duration:100, link:'chain'});
	
	//Associe le script aux liens dans liste des photos
	for(var intCpt = 0 ; intCpt < elementsLi.length;intCpt++) {
		elementA = elementsLi[intCpt].getElementsByTagName("a");
		elementImage = elementsLi[intCpt].getElementsByTagName("img");
		elementImage = elementImage[0];
		$(elementImage).set('tween',{duration:100});
		if (intCpt == 0) {
			$(elementImage).tween("opacity", 0.5);
			elementSelectionne = elementImage;
		};
		
		//Si on a une grosse image, associer le script au lien
		if (elementA.length > 0) {
			elementA[0].onclick = function() {
				switchImage(this,this.href,this.childNodes[0].alt,this.title);
				return false;
			};
		};
	};
};

//On fait le switch d'image
function switchImage(elementLien,strSrcImage,strAltImage,strTitleImage) {
	var imageACharger = new Image();
	var elementImage = elementLien.getElementsByTagName("img");
	elementImage = elementImage[0];
	var elementGrosseImage = document.getElementById("grosseimage");
	if (elementSelectionne != elementImage) {
		effetTransition.start("opacity",0);
		imageACharger.onload = function () {
			//On modifie l'image
			elementGrosseImage.src = strSrcImage;
			effetTransition.start("opacity",1);
			elementGrosseImage.alt = strAltImage;
			elementGrosseImage.title = strTitleImage;
		};
		$(elementImage).tween("opacity", 0.5);
		$(elementSelectionne).tween("opacity", 1);
		imageACharger.src = strSrcImage;
		elementSelectionne = elementImage;
	};
};

window.addEvent("domready", function() {
	if(document.getElementById("listephotos")) {
		associerScriptsBoutons();
	};
});