// JavaScript Document


	// centrage vertical pour résolutions > 800*600
	function centrageVertical()
	{
		hauteurPage = document.getElementById("repere").offsetTop + 1;
		hauteurContenu = 554;
		
		if(hauteurPage > hauteurContenu)
		{
			difference = hauteurPage - hauteurContenu;
			document.body.style.paddingTop = (difference/2) +"px";
		}
		else
		{
			document.body.style.paddingTop = 0;
		}
	}
	
	function centrageVertical2()
	{
		hauteurPage = document.getElementById("repere").offsetTop + 1;
		hauteurContenu = 554;
		
		if(hauteurPage > hauteurContenu)
		{
			difference = hauteurPage - hauteurContenu;
			document.body.style.paddingTop = (difference/2) +"px";
		}
		else
		{
			document.body.style.paddingTop = 0;
		}
	}
	
	
	// menu
	
	function hover(obj){
	  
		UL = obj.getElementsByTagName('ul');
		if(UL.length > 0){
		  sousMenu = UL[0].style;
		  if(sousMenu.display == 'none' || sousMenu.display == '')
		  {
			sousMenu.display = 'block';
		  }
		  else{
			sousMenu.display = 'none';
		  }
	  }
	}
	
	function setHover(){
	  LI = document.getElementById('menu').getElementsByTagName('li');
	  nLI = LI.length;
	  for(i=0; i < nLI; i++){
		LI[i].onmouseover = function(){
		  hover(this);
		}
		LI[i].onmouseout = function(){
		  hover(this);
		}
	  }
	}
	
	
	function survol(item)
	{
		document.getElementById(item).style.color = "#c60009";
		document.getElementById(item).style.borderBottom = "3px solid #c60009";
	}
	
	function quitteSurvol(item)
	{
		document.getElementById(item).style.color = "#888";
		document.getElementById(item).style.borderBottom = "3px solid #888";
	}
	
	
	// script pour les défilements d'image (avec fondu pour IE, sans fondu pour Firefox, Mozilla, Netscape)
	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&&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&&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);
		}
	}