//Diaporama
var diapoTimer=0;
//limit the number of diaporama
var listImgLength=17;
function isExist(url) {
if (window.XMLHttpRequest) { // Non-IE browsers
        xmlhttp = new XMLHttpRequest();
    } else
    if (window.ActiveXObject) { // IE
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

xmlhttp.open("GET",url,false)
xmlhttp.send()
if(xmlhttp.status==200)
alert("exist");
else
alert("not exist");
}


//Initialisation Diaporama
function initDiapo(){

  $('diapo_bt1').setStyle('opacity', 0.5);
  $('diapo_bt2').setStyle('opacity', 0.5);
  vObj = $('diapo_nav');

  vIndexDiapo = 0;

  if(vListImg!=null && vListImg.length>0){


    //Image
    vEl_Img = new Element('img');
    vEl_Img.setProperties({
        src: vListImg[0],
        alt: '',
        id: 'diapo_media_src',
                width: '410',
                height: '225',
                onerror: 'javascript:this.src="/csvweb/images/Logo-blanc-ecriture-orange.gif";'

      });

    $('diapo_media').setStyle('opacity', 0);
    vEl_Img.injectInside('diapo_media');
    new Fx.Style('diapo_media', 'opacity', {duration:600}).start(0,1);

    //Boucle sur les images
        if(vListImg.length<listImgLength)
        listImgLength=vListImg.length;
    for(var i=0;i<listImgLength;i++){
      //Creation LI
      vClass = (i==0)?'first on':'';
      vEl_Li = new Element('li');
      vEl_Li.addClass(vClass);
      vEl_Li	.index = i;
      vEl_Li.set({
        'events': {
          'click': function(){
            initTimer();
            changeDiapo(this.index);
            return false;
          }
        },
        id: 'diapo_num'+i
      });
      //Creation A
      vEl_A = new Element('a');
      vEl_A.set({
        'href': '#',
        'onclick': 'return false;'
      });
      vEl_A.setHTML(i+1);
      vEl_A.injectInside(vEl_Li);
      vEl_Li.injectInside(vObj);
    }

    //Bt Prev
    $('diapo_bt1').set({
      'events': {
        'click': function(){
          initTimer();
          changeDiapo(vIndexDiapo-1);
          return false;
        }
      }
    });
    //Bt Prev
    $('diapo_bt2').set({
      'events': {
        'click': function(){
          initTimer();
          changeDiapo(vIndexDiapo+1);
          return false;
        }
      }
    });

    //Changement automatique
    initTimer();
  }
}

//Changement de l'image et du prix
function changeDiapo(vNum){
  vNum = (vNum<0)?listImgLength-1:vNum;
  vNum = (vNum>=listImgLength)?0:vNum;
  $('diapo_num'+vIndexDiapo).removeClass('on');
  vIndexDiapo = vNum;
  vImage = vListImg[vNum];
  $('diapo_num'+vNum).toggleClass('on');
  $('diapo_media').setStyle('opacity', 0);
  $('diapo_media_src').src = vImage;
  new Fx.Style('diapo_media', 'opacity', {duration:800}).start(0,1);
}

//Initialisation du timer
function initTimer(){
  clearTimeout(diapoTimer);
  diapoTimer = setTimeout('changeDiapoAuto();', 4000);
}

//Changement auto du diapo
function changeDiapoAuto(){
  changeDiapo(vIndexDiapo+1);
  initTimer();
}
