window.addEvent('domready',function() {
      /* settings */
      var showDuration = 5000;
      var currentIndex = 0;
      var interval;
      var listeImages = Array();
	  var listeImageOver = Array();
      var listeURL = Array();
      var listeTextes = Array();
	  var preload = Array();

      var req = new Request({
        method : 'get',
        url: 'diaporama/diaporama.xml',
        onSuccess: function(txt,xml){
          /* On récupère les données du xml */
          x=xml.documentElement.getElementsByTagName("diapositive");
          for (i=0;i<x.length;i++){
            xx=x[i].getElementsByTagName("image");
            {
              try{listeImages[i] = xx[0].firstChild.nodeValue;}
              catch (er){listeImages[i] = '';}
            }
			xx=x[i].getElementsByTagName("imageover");
            {
              try{listeImageOver[i] = xx[0].firstChild.nodeValue;}
              catch (er){listeImageOver[i] = '';}
			  preload[i] = new Image(880,380);
			  preload[i].src="'"+listeImageOver[i]+"'";
            }
            xx=x[i].getElementsByTagName("url");
            {
              try{listeURL[i] = xx[0].firstChild.nodeValue;}
              catch (er){listeURL[i] = '';}
            }
          }

          /* Création des images */
          for(i=0;i<listeImages.length;i++){
            new Element("img",{
                src : listeImages[i],
                alt : '',
				onmouseover : "this.src='" + listeImageOver[i] + "'",
				onmouseout : "this.src='" + listeImages[i] + "'"
              }).inject($('slideshow-images'));
          }
          var images = $('slideshow-images').getElements('img');

          /* Initialisation de la première diapositive */
          $('slideshow-lien').href=listeURL[0];
          images[0].set('opacity','1');

		  for(i=1;i<listeImages.length;i++){
			  images[i].set('opacity','0');
		  }

          /* Création des boutons de navigation */
          images.each(function(img,i){

            new Element("a", {
              href: "#",
              id: 'navigation'+i,
              text: ' ',
              'class': (i == 0)?'actif':'',
              events: {
                click: function(e) {
                  e.stop();
                  images[currentIndex].fade('out');
                  images[currentIndex=i].fade('in');
                  $('slideshow-lien').href=listeURL[i];
                  boutonActif(i);
                  if($('jouerPause').retrieve('etat') == 'jouer'){
                    clearInterval(interval);
                    interval = show.periodical(showDuration);
                  }
                },			
                mouseenter: function(e){
                  $('navigation'+i).className = "actif";
                },
                mouseleave: function(e){
                  if(i != currentIndex){
                    $('navigation'+i).className = "inactif";
                  }
                }
              }
            }).inject($("slideshow-navigation"));
          });

          /* Transition pour les bouton de navigation */
          var boutonActif = function(index){
            for(var l=0;l<images.length;l++){
              if(l == index){
                $('navigation'+l).className = "actif";
              }else{
                $('navigation'+l).className = "inactif";
              }
            }
          };

          /* Comportement à adopter lors de la transition */
          var show = function() {
            images[currentIndex].fade('out');
            images[currentIndex = currentIndex < images.length - 1 ? currentIndex+1 : 0].fade('in');
            $('slideshow-lien').href=listeURL[currentIndex];
            boutonActif(currentIndex);
          };

          /*On lance le diaporama */
          interval = show.periodical(showDuration);
          $('jouerPause').store('etat','jouer');

          /* Initialisation du bouton Jouer / Pause */
          $('pause').set('opacity','1');

          $('jouerPause').addEvent('mouseenter', function(){
            if($('jouerPause').retrieve('etat') == 'jouer'){
              $('pause').fade('out');
              $('pauseDessus').fade('in');
            }else{
              $('jouer').fade('out');
              $('jouerDessus').fade('in');
            }
          });

          $('jouerPause').addEvent('mouseleave', function(){
            if($('jouerPause').retrieve('etat') == 'jouer'){
              $('pauseDessus').fade('out');
              $('pause').fade('in');
            }else{
              $('jouerDessus').fade('out');
              $('jouer').fade('in');
            }
          });

          $('jouerPause').addEvent('click', function(e){
            e.stop();
            if($('jouerPause').retrieve('etat') == 'jouer'){
              $('jouer').fade('in');
              $('pauseDessus').fade('out');
              $('jouerPause').store('etat','pause');
              clearInterval(interval);
            }else{
              $('pause').fade('in');
              $('jouerDessus').fade('out');
              $('jouerPause').store('etat','jouer');
              interval = show.periodical(showDuration);
            }
          });
        },
        onFailure: function(txt){
          alert('Erreur dans le chargement des données');
        }

      });
      req.send();

    });