var intNombreImagesTotal;
var intDecalage = 0;
var intMaxDecalage;
var elementSelectionne;
var scroll;

//Associe les scripts JavaScript aux liens de la galerie
function associerScriptsBoutons() {
	var pMenuphoto = document.getElementById("menuphoto");
	var arrLiensMenu = pMenuphoto.getElementsByTagName("a");
	var pMenuphoto2 = document.getElementById("menuphoto2");
	var arrLiensMenu2 = pMenuphoto2.getElementsByTagName("a");
	var ulListePhotos = document.getElementById("listephotos");
	var elementsLi = ulListePhotos.getElementsByTagName("li");
	var elementA;
	var elementImage;
	var ulDivParent;
	var intGrosseurTotale=20;
	intNombreImagesTotal = elementsLi.length;
	
	//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];
		intGrosseurTotale += elementImage.offsetHeight + 10;
		
		if (intCpt == 0) {
			elementImage.style.border = "1px solid #948345";
			elementImage.style.padding="0";
			elementSelectionne = elementImage;
		};
		
		//Si on a une grosse image, associer le script au lien
		/*if (elementA.length > 0) {
			elementA[0].onclick = function() {
				//switchImage(this,a_images[this.id]['id'],a_images[this.id]['id'],a_images[this.id]['id']);
				switchImage(this,a_images[intCpt]['url']);
				return false;
			};
		};*/
	};
	intMaxDecalage = intNombreImagesTotal - 1;
	
	//Si on a à faire défiler les réalisations, associer les scripts aux liens nécéssaires
	if (intNombreImagesTotal > 3) {
		//Rendre invisible l'overflow et agrandir le DIV en conséquence de la grosseur des images
		ulDivParent = ulListePhotos.parentNode;
		ulDivParent.style.overflow="hidden";
		ulListePhotos.style.height=intGrosseurTotale+"px";
		//Settings de transition
		scroll = new Fx.Scroll(ulListePhotos.parentNode, {
			wait: false,
			duration: 1000,
			offset: {'x': 0, 'y': 0},
			transition: Fx.Transitions.Expo.easeOut
		});
		//Associer les scripts
		arrLiensMenu[0].onclick = function() {
			changerPosition(-1,ulListePhotos);
		};
		arrLiensMenu2[0].onclick = function() {
			changerPosition(1,ulListePhotos);
		};
	};
	
};

//Change la position dans la liste
function changerPosition(intSens,listePhotos) {
	var elementsLi = listePhotos.getElementsByTagName("li");
	if (intDecalage+intSens <= intMaxDecalage && intDecalage+intSens > -1) {
		intDecalage = intDecalage+intSens;
		scroll.toElement(elementsLi[intDecalage]);
	};
};

//Met un border sur l'image actuelle et enlève le border de l'autre
function switchImage(elementLien,strSrcImage) {
//function switchImage(elementLien,strSrcImage) {
	//var imageACharger = new Image();
	var elementImage = document.getElementById(elementLien);
	var elementGrosseImage = document.getElementById("grosseimage");
	//imageACharger.onload = function () {
		//On modifie l'image		
	elementGrosseImage.src = elementImage.id;
		//elementGrosseImage.alt = strAltImage;
		//elementGrosseImage.title = strTitleImage;
	//};
	
	//imageACharger.src = strSrcImage;
	//elementImage = elementImage[0];
	//On enlève la bordure de l'élément précédemment sélecttionné
	//hrefcontainer = elementSelectionne.href
	//elementSelectionne.style.border="none";
	//elementSelectionne.style.padding="1px";
	//On mémorise le nouvel élément et on lui applique la bordure
	//elementSelectionne = elementImage;
	//elementImage.style.border = "1px solid #B2C33A";
	//elementImage.style.padding="0";
};

//window.onload=function() {
	//associerScriptsBoutons();
	//redimenssionerColonnes();
//};