var Diaporama = {
   cible : "",
   diapo : new Array(),
   imageActuelle :0,
   nombreTotalImage : 0,
   interval : '',
   interval2 : '',
   
   //on definit la liste des images 
   init : function(cible, imgDiapo,  temps)
   {
     //on cible l'image qui joura le role de diaporama
     this.cible = document.getElementById(cible); 
     this.cibleId = cible;
     this.diapo = imgDiapo;
     this.nombreTotalImage = (this.diapo.length -1);
     if(temps != undefined)
     {

        this.changerImageAutomatiquement(temps);
        
     }
     if(this.nombreTotalImage < 2)
     {
        suivant = document.getElementById('suivant');
        precedent = document.getElementById('precedent');
        
        suivant.style.display="none";
        precedent.style.display="none";
     }
   },

   changerImage : function(direction)
   {
     this.imageActuelle = this.definirProchaineImage(direction);

    // new Effect.Opacity(this.cibleId, {duration:2, fps:25, from:1.0, to:0.0});
     this.cible.src="../../../../images/"+this.diapo[this.imageActuelle];
    // new Effect.Opacity(this.cibleId, {duration:2, fps:25, from:0.0, to:1.0});
     
   },
   
   definirProchaineImage : function(direction)
   {
      //on met a jour l'image actuelle en fonction
      //du bouton que l'utilisateur a appuye
      this.imageActuelle += direction;
      
      //si l'utilisateur a clique sur suivant
      //on verifie qu'une image suivante existe
      //sinon on recommence a l'image 0;
      if(this.imageActuelle > this.nombreTotalImage)
      {
         this.imageActuelle = 0;
      }
      
      //si l'utilisateur a clique sur precedent
      //on verifie qu'une image precedente existe
      //sinon on recommence a la derniere image;
      if(this.imageActuelle < 0)
      {
         this.imageActuelle = this.nombreTotalImage;
      }
      
      return this.imageActuelle;
   },
   
   changerImageAutomatiquement : function(temps)
   {
     //on fait defiler le diaporama de facon automatique
      this.interval = setInterval("Diaporama.changerImage(1)", temps);
   },
   
   suivant : function()
   {
      this.changerImage(1);
   },
   
   precedent : function()
   {
      this.changerImage(-1);
   },
   
   lectureOuPause : function(etat)
   {
	   etat = (etat == undefined ) ? '' : etat;
		if(this.interval2 == this.interval)
		{
			var cible = document.getElementById('pause');
			cible.src = "http://www.industriesjack.com/images/lecture"+etat+".jpg";
		}
		else 
		{
		
			var cible = document.getElementById('pause');
			cible.src = "http://www.industriesjack.com/images/pause"+etat+".jpg";
		}
	},
	
    pause : function()
   {
     	if(this.interval2 != this.interval)
		{
			clearInterval(this.interval);
			this.interval2 = this.interval;	
			var cible = document.getElementById('pause');
			cible.src = "http://www.industriesjack.com/images/lecture1.jpg";
		}
		else
		{
			this.interval2 = '';
			var cible = document.getElementById('pause');
			cible.src = "http://www.industriesjack.com/images/pause1.jpg";
			this.interval = setInterval("Diaporama.changerImage("+this.imageActuelle+")", 5000);	
		}
   }


}