addListenner(window, "load", mySlideShow, true);

var slideId = "panorama";

var imgList = ["bandeau-2.jpg", "bandeau-3.jpg",
               "bandeau-4.jpg", "bandeau-5.jpg", "bandeau-6.jpg", "bandeau-1.jpg"];

var delaiChangement = 2800;   // en millisecondes
var intervalDisparition = 90; // plus petit = transition plus rapide
var pasDisparition  = .05; // le pas de changement de la transparence (plus le pas de changement de la transparence est élevé, plus vite l'image disparait)

var currentState = 0; currentImg = 1;
var imgContainer;
var imgPath = '';
var slideInterval, fadeInterval;

/**
 * mySlideShow
 */
 function mySlideShow()
 {
   if (!document.getElementById || !document.getElementsByTagName) {
     return false;
   }
   imgContainer = document.getElementById(slideId);
   if (!imgContainer) {
     return false;
   }

   // find the correct image path
   var imgTag1 = document.getElementById('slideshowimg-1');
   imgPath = imgTag1;
   //var divTag = imgContainer.getElementsByTagName('div')[0];
   //imgContainer.innerHTML += '<img src="' + imgTag1.src + '" id="slideshowimg-2" alt="my" />';
    if (imgPath && imgPath.src) {
      var parts = imgPath.src.split('/');
      parts.pop();
      imgPath = parts.join('/') + '/';

    } else {
      imgPath = 'img/';
    }


   // preloading images
   for (var i = 0; i < imgList.length; i ++) {
      var image = new Image();
      image.src = imgPath + imgList[i];
   }

   var imgTag  = document.getElementById('slideshowimg-1');
   var imgTag2 = document.getElementById('slideshowimg-2');
   imgTag.style.opacity  = 1;
   imgTag2.style.opacity = 1;
   imgTag.style.zindex   = 1;
   imgTag2.style.zindex  = 50;

   slideInterval = setInterval(changeImg, delaiChangement);

 } // end of "mySlideShow()"



 /**
  * changeImg
  */
  function changeImg()
  {
     if (!imgContainer) {
       return false;
     }
     var imgTag = document.getElementById('slideshowimg-1');
     var imgTag2 = document.getElementById('slideshowimg-2');
     if (!imgList[currentImg]) {
       currentImg = 0;
     }
     if (imgList[currentImg]) {
        imgTag.src = imgPath + imgList[currentImg];
     }
     currentImg++;
     fadeInterval = setInterval(disapearImg, intervalDisparition);

  } // end of "changeImg()"



 /**
  * disapearImg
  */
  function disapearImg()
  {
     var imgTag  = document.getElementById('slideshowimg-1');
     var imgTag2 = document.getElementById('slideshowimg-2');

     imgTag2.style.opacity -= pasDisparition;
     imgTag2.style.filter   = 'alpha(opacity=' + (imgTag2.style.opacity * 100) + ')';

  	 if (imgTag2.style.opacity <= 0) {
  	   imgTag2.src = imgTag.src;
       imgTag2.style.opacity = 1;
       imgTag2.style.filter  = 'alpha(opacity=100)';
  	   clearInterval(fadeInterval);
  	 }
  } // end of "disapearImg()"