// ================================================ DEPLACEMENT CURSEUR MENU
	var curseurX = 0;
	var curseurLargeur = 0;
	
 	var lienMenu1_large=new Array(10, 105, '#8dc63f');
	var lienMenu2_large=new Array(160, 140, '#fcca0b');
	var lienMenu3_large=new Array(332, 130, '#806226');
	
	var nouvelleCoordonnee = 0;
	var nouvelleLargeur = 0;

	var timer;
	
	function initialiseCurseurMenu()
	{
		document.getElementById('lienMenu1').onmouseover=function(){
			glisseOn(window['lienMenu1_large']);
		};
		document.getElementById('lienMenu2').onmouseover=function(){
			glisseOn(window['lienMenu2_large']);
		};
		document.getElementById('lienMenu3').onmouseover=function(){
			glisseOn(window['lienMenu3_large']);
		};
		document.getElementById('lienMenu1').onmouseout=function(){
			glisseOn(origine_menu);
		};
		document.getElementById('lienMenu2').onmouseout=function(){
			glisseOn(origine_menu);
		};
		document.getElementById('lienMenu3').onmouseout=function(){
			glisseOn(origine_menu);
		};
	}
	
	
	function deplacement()
	{
		document.getElementById('menuCurseur').style.backgroundColor=nouvelleCouleur;
		if(curseurX < nouvelleCoordonnee)
		{
			if((nouvelleCoordonnee-curseurX)>1)
				curseurX+=(nouvelleCoordonnee-curseurX)/4;
			else
				curseurX+=(nouvelleCoordonnee-curseurX);
		}
		else
		{
			if((curseurX-nouvelleCoordonnee)>1)
				curseurX-=(curseurX-nouvelleCoordonnee)/4;
			else
				curseurX-=(curseurX-nouvelleCoordonnee);
		}

		
		document.getElementById("menuCurseur").style.left=curseurX+"px";
		
		if(curseurLargeur < nouvelleLargeur)
		{
			if((nouvelleLargeur-curseurLargeur)>1)
				curseurLargeur+=(nouvelleLargeur-curseurLargeur)/4;
			else
				curseurLargeur+=(nouvelleLargeur-curseurLargeur);
		}
		else
		{
			if((curseurLargeur-nouvelleLargeur)>1)
				curseurLargeur-=(curseurLargeur-nouvelleLargeur)/4;
			else
				curseurLargeur-=(curseurLargeur-nouvelleLargeur);
		}
		
		document.getElementById("menuCurseur").style.width=curseurLargeur+"px";
	}

	function glisseOn(coordonnee)
	{
		nouvelleCoordonnee = coordonnee[0];
		nouvelleLargeur = coordonnee[1];
		nouvelleCouleur = coordonnee[2]
		clearInterval(timer);
		timer = setInterval("deplacement()",2);
	}

// ================================================ DEPLACEMENT CURSEUR MENU
	
// ================================================ centrage
	function centrerElements(){
		elementsACentrer=getElementsByClassName(document,'*','centrageVertical');
		for(i=0;i<elementsACentrer.length;i++){
			centrerVertical(elementsACentrer[i]);
		}
	}
	
	function getElementsByClassName(oElm, strTagName, strClassName){
		var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
		var arrReturnElements = new Array();
		strClassName = strClassName.replace(/\-/g, "\\-");
		var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
		var oElement;
		for(var i=0; i<arrElements.length; i++){
			oElement = arrElements[i];
			if(oRegExp.test(oElement.className))
				arrReturnElements.push(oElement);
		}
		return (arrReturnElements)
	}
	
	function centrerVertical(monElement){
		
		if(navigator.userAgent.indexOf("MSIE")==-1)
			hauteurDispo=window.getComputedStyle(monElement.parentNode,null).height.replace('px','');
		else
			hauteurDispo=monElement.parentNode.currentStyle.height.replace('px','');
		hauteur=parseInt(monElement.height);
		
		monElement.style.marginTop=((hauteurDispo-hauteur)/2)+'px';
	}
// ================================================ centrage
	
// ================================================ ANIMATION FONDU PHOTOS GALERIE
	var Animation = function(imageAnimee)
	{
		this.nomImage=imageAnimee; // nom de l'image pour faire l'animation
		this.listeImage=new Array; // liste des images pour chaque anime
		this.interval=0; 
		this.j=0; // variable utilisée pour indiquer le rang de l'image en cours
		
		this.ajoutImage = function(nomVisuel) // fonction permettant d'ajouter une image dans la liste
		{
			this.listeImage.push(nomVisuel);
		}
		
		this.ajoutVitesse = function(valeurVitesse) // fonction permettant d'indiquer la vitesse de défilement
		{
			this.vitesse = valeurVitesse;
		}
		
		this.ajoutDuree = function(valeurDuree) // fonction permettant d'indiquer la durée du fadding
		{
			this.duree = valeurDuree;
		}
		
		this.runSlide = function() // fonction pour l'animation
		{
			if (document.all)
			{
				
				if(navigator.userAgent.indexOf("Opera")==-1)
				{
					document.getElementById(this.nomImage).style.filter="blendTrans(duration=2)" // indication du filtre à utiliser pour le fading des images
					document.getElementById(this.nomImage).style.filter="blendTrans(duration=this.duree)"
					document.getElementById(this.nomImage).filters.blendTrans.Apply()
				}
			}
			var p = this.listeImage.length; // variable indiquant le nombre d'images de l'anime
			
			document.getElementById(this.nomImage).src = this.listeImage[this.j]; // indique le nom de l'image
			if (document.all)
			{
				if(navigator.userAgent.indexOf("Opera")==-1)
				{
					document.getElementById(this.nomImage).filters.blendTrans.Play() // actionne le filtre pour l'image
				}
			}
			this.j++; // incrémente le rang de l'image en cours (pour passer à la suivante
			if (this.j > (p-1)) this.j=0 // si le rang de l'image en cours est supérieure au nombre d'images de l'anime on retourne à la première image
			
			var thisObj = this; // permet de récupérer le nom de l'occurence de l'objet
			this.interval = setTimeout(function(){ thisObj.runSlide() }, this.vitesse) // permet de changer l'image en fonctin de la vitesse choisie 
		}
		
		this.stopSlide = function() // permet de stopper le défilement des images (sur un évènement onclick, onmouseover par exemple)
		{
			clearTimeout(this.interval);
		}
	}
// ================================================ ANIMATION FONDU PHOTOS GALERIE