var imgs = Array();
var oldActif = 0;
var imgActif = 0;
var pas = 748;

function lanceDiaporama() {
  imgActif++;

  if(imgActif == imgs.length)
    imgActif = 0;

  imgs[imgActif].set('morph', {duration: 500});

  imgs[oldActif].set('morph', {duration: 550, onComplete: function(){
                                                  imgs[oldActif].setStyle('left', pas + 'px');
                                                  oldActif = imgActif;
                                                 }});
  imgs[oldActif].morph({'left': '-' + pas + 'px'});
  imgs[imgActif].morph({'left': 0});
}

window.addEvent('domready', function() {

  // initialisation des diaporamas
  $$('.diaporama img').each(function(element,index) {
    imgs[index] = element;
    // on organise les images
    if(index == imgActif)
      imgs[index].setStyle('left', 0);
    else
      imgs[index].setStyle('left', pas + 'px');
  });

  // lancement de l'animation
  lanceDiaporama.periodical(5000, this);
});