function diaporama(id,cadence,temp_expo){
  var y=0;
  var flag=0;
  var timer;
  var expo;
  var marqueur=0;
  var chemin=document.getElementById(id).getElementsByTagName('li');
  var cadence=cadence;
  var temp_expo=temp_expo;
  initialisation();
  function initialisation(){    
    for(i=0;i<chemin.length;i++){
        chemin[i].style.opacity=0;
        chemin[i].style.filter="0";
        chemin[i].style.display=('none');
    }
    chemin[0].style.display=('block');
    timer_control();
  }
  
  function timer_control(){
    timer=setTimeout(fadeInNOut,cadence); 
  }
  
  function fadeInNOut(){
    clearTimeout(timer);
    if(y>101+temp_expo){
      flag=1
      y=100
    }
    if(y<-1){
    flag=0
    y=0;
    chemin[marqueur].style.opacity=0; 
    chemin[marqueur].style.filter="0";
    photo_change()
    }
    if(flag==0){
     y+=1
    }
    if(flag==1){
     y-=1 
    }
    chemin[marqueur].style.opacity=y/100; 
    chemin[marqueur].style.filter="alpha(opacity="+y+")";
    timer_control()
  }
  
  function photo_change(){
    for(i=0;i<chemin.length;i++){
      if(chemin[i].style.display=='block'){
        chemin[i].style.display=('none')
        if(i==chemin.length-1){
          chemin[0].style.display=('block');
          marqueur=0;
        }else{
          chemin[i+1].style.display=('block');
          marqueur=i+1;
          i=chemin.length;
          
        }
      }
    }
    fadeInNOut()
  }
}