function reinit_diaporama(num_img)
        {
                clearTimeout(anime);
                calque1.style.backgroundImage = "url('" + diapo[num_img].src + "')";
                calque1.style.opacity = 1;
                calque1.style.filter = "alpha(opacity=100)";
                document.getElementById('vign'+num_actu).style.border='1px solid #9A9B9C';   // CONTOUR GRIS
                document.getElementById('vign'+num_img).style.border='1px solid #FF0000';    // CONTOUR ROUGE
                num_actu = num_img;
                num_img++;
                if (num_img >= diapo.length)
                {
                         indexDiapo = 2;
                         num_img = 0;
                }
                indexDiapo = num_img + 1;
                if (indexDiapo >= diapo.length) indexDiapo = 0;
                calque2.style.backgroundImage = "url('" + diapo[num_img].src + "')";
                anime=setTimeout("progressionChangeDiapoFlou()",delai);
        }



        function progressionChangeDiapoFlou()
        {

                if (calque1.style.opacity > 0)
                {// disparition de l'image du dessus
                        // pour Firefox (le paramètre existe sous IE mais n'a pas d'influence)
                        // ce paramètre sert de base commune pour les deux navigateurs pour tester l'état du calque
                        opacite = parseFloat(calque1.style.opacity) - parseFloat(vitesse / 100);
                        if (opacite < 0)
                        {
                                opacite=0;
                        }
                        calque1.style.opacity = opacite

                        // pour IE
                        if (calque1.style.filter)
                        {
                                texte = calque1.style.filter;
                                opacite = texte.replace(/alpha\(opacity=([0-9]*)\)/, '$1');
                                opacite = parseFloat(opacite) - vitesse;
                                if (opacite < 0)
                                {
                                        opacite=0;
                                }
                                //nouveau_texte = texte.replace(/alpha\(opacity=([0-9]*)\)/, 'alpha(opacity=' + opacite + ')');
                                nouveau_texte = 'alpha(opacity=' + opacite + ')';
                                calque1.style.filter = nouveau_texte;
                        }

                        anime=setTimeout("progressionChangeDiapoFlou()", frequence);
                }
                else
                {        // inversion des calques
                        calque1.style.zIndex = 1; // le calque écrasé passe au dessous
                        calque2.style.zIndex = 2; // le calque visible passe au dessus
                        calque1.style.opacity = 1; // le calque du dessous reprends sa taille initiale
                        if (calque1.style.filter)
                        {
                                calque1.style.filter = 'alpha(opacity=100)';
                        }

                        // Mise en place d'une nouvelle image dans le calque qui se trouve en arrière
                        calque1.style.backgroundImage = "url('" + diapo[indexDiapo].src + "')";

//                        document.getElementById('vign'+num_actu).style.border='1px solid #9A9B9C';

                        indexDiapo++;
                        if (indexDiapo >= diapo.length) indexDiapo = 0;

                        num_actu++;
                        if (num_actu >= diapo.length) num_actu = 0;

//                        document.getElementById('vign'+num_actu).style.border='1px solid #FF0000';

                        //inversion des références des calques car seul calque1 rétrécit
                        calqueTemp = calque2;
                        calque2 = calque1;
                        calque1 = calqueTemp;

                        if ( !diapause )
                        {
                                anime=setTimeout("progressionChangeDiapoFlou()", delai);
                        }
                        else
                        {
                                clearTimeout(anime);
                        }
                }
        }




function change_pause() {
  if (diapause) {
    document.getElementById('bt_pause').src="dia_pause.gif";
    diapause=false;
    progressionChangeDiapoFlou();
    }
  else {
    clearTimeout(anime);
    document.getElementById('bt_pause').src="dia_play.gif";
    diapause=true;
    }
  }




function change_photo(sens) {
  if (sens=='+1') {
    num_img=num_actu+1;
    if (num_img >= diapo.length) {
      num_img=0;
      }
    }
  else {
    num_img=num_actu-1;
    if (num_img<0) {
      num_img=diapo.length-1;
      }
    }
  reinit_diaporama(num_img);
  }