function display(calque) {
  document.getElementById(calque).style.display=document.getElementById(calque).style.display=="block"?"none":"block";
};

function nextimage() {
  var num = (document.getElementById("diapo_value").value);
  if (num == 5) {
    num = (document.getElementById("diapo_value").value -1) + 2;
    document.getElementById("diapo_value").value = num;
    document.getElementById("diapo").style.background="url('images/diapo/1.gif')";
    document.getElementById("diapo_value").value = "1";
  }
  if (num == 4) {
    num = (document.getElementById("diapo_value").value -1) + 2;
    document.getElementById("diapo_value").value = num;
    document.getElementById("diapo").style.background="url('images/diapo/5.gif')";
    stop;
  }
  if (num == 3) {
    num = (document.getElementById("diapo_value").value -1) + 2;
    document.getElementById("diapo_value").value = num;
    document.getElementById("diapo").style.background="url('images/diapo/4.gif')";
    stop;
  }
  if (num == 2) {
    num = (document.getElementById("diapo_value").value -1) + 2;
    document.getElementById("diapo_value").value = num;
    document.getElementById("diapo").style.background="url('images/diapo/3.gif')";
    stop;
  }
  if (num == 1) {
    num = (document.getElementById("diapo_value").value -1) + 2;
    document.getElementById("diapo_value").value = num;
    document.getElementById("diapo").style.background="url('images/diapo/2.gif')";
    stop;
  }
}

function previousimage() {
  var num = (document.getElementById("diapo_value").value);
  if (num == 2) {
    document.getElementById("diapo_value").value = "5";
    document.getElementById("diapo").style.background="url('images/diapo/5.gif')";
    stop;
  }
  if (num == 3) {
    document.getElementById("diapo_value").value = "1";
    document.getElementById("diapo").style.background="url('images/diapo/4.gif')";
    stop;
  }
  if (num == 4) {
    document.getElementById("diapo_value").value = "2";
    document.getElementById("diapo").style.background="url('images/diapo/3.gif')";
    stop;
  }
  if (num == 5) {
    document.getElementById("diapo_value").value = "3";
    document.getElementById("diapo").style.background="url('images/diapo/2.gif')";
    stop;
  }
  if (num == 6) {
    document.getElementById("diapo_value").value = "4";
    document.getElementById("diapo").style.background="url('images/diapo/1.gif')";
    stop;
  }
}

function etat() {
  var etat = (document.getElementById("etat").value);
  if (etat == loop) {
    document.getElementById("etat").value = "stop";
  }
  if (etat == stop) {
    document.getElementById("etat").value = "loop";
  }
}

function chgImg(direction) {
if (document.images) {
  ImgNum = ImgNum + direction;
  if (ImgNum > ImgLength) {
    ImgNum = 0;
  }
  if (ImgNum < 0) {
    ImgNum = ImgLength;
  }
  document.slideshow.src = NewImg[ImgNum];
}
}

function view(image,height,width,imgEmpty){
  if (imgEmpty!=undefined) {  
    document.getElementById("gd_desc").src = imgEmpty;
  }
  // Max height and width
  var maxWidth = 530;
  var maxHeight = 442;
  // Declarations des variables "Nouvelle Taille"
  //var dW = 0;
  //var dH = 0;
  // Declaration d'un objet Image
  
  if (height==undefined && width==undefined) {
    var oImg = new Image();
    // Affectation du chemin de l'image a l'objet
    oImg.src = image;
    // On recupere les tailles reelles
    var h = dH = oImg.height;
    var w = dW = oImg.width;
  }
  else {
    var h=dH=height;
    var w=dW=width;
  }
  
  // Si la largeur ou la hauteur depasse la taille maximale
  if ((h >= maxHeight) || (w >= maxWidth)) {
    // Si la largeur et la hauteur depasse la taille maximale
    /*if ((h >= maxHeight) && (w >= maxWidth)) {
      // On cherche la plus grande valeur
      if (h > w) {
        dH = maxHeight;
        // On recalcule la taille proportionnellement
        dW = parseInt((w * dH) / h, 10);
      } else {
        dW = maxWidth;
        // On recalcule la taille proportionnellement
        dH = parseInt((h * dW) / w, 10);
      }
    } else if ((h > maxHeight) && (w < maxWidth)) {
      // Si la hauteur depasse la taille maximale
      dH = maxHeight;
        // On recalcule la taille proportionnellement
      dW = parseInt((w * dH) / h, 10);
    } else if ((h < maxHeight) && (w > maxWidth)) {
      // Si la largeur depasse la taille maximale
      dW = maxWidth;
        // On recalcule la taille proportionnellement
      //dH = parseInt((h * dW) / w, 10);
      dH = maxHeight;
    } */
        if ((w/h) < 1.20) {
          dH = maxHeight;
          dw = h*(w/h);
        }
        else if ((w/h) > 1.3) {
          dW = maxWidth;
          dH = $width*(w/h);
        }
        else {
          dW = maxWidth;
          dH = maxHeight;
        }  
  }
  document.getElementById("gd_desc").src = image;
  document.getElementById("gd_desc").width = dW;      
  document.getElementById("gd_desc").height = dH;
}

function display(num){
  if (num == "1") {
    document.getElementById("1").style.display = "block";
    document.getElementById("2").style.display = "none";
    document.getElementById("3").style.display = "none";
    document.getElementById("4").style.display = "none";
    document.getElementById("5").style.display = "none";
    document.getElementById("6").style.display = "none";
    document.getElementById("link1").className = "onglet_on";
    document.getElementById("link2").className = "onglet_off";
    document.getElementById("link3").className = "onglet_off";
    document.getElementById("link4").className = "onglet_off";
    document.getElementById("link5").className = "onglet_off";
    document.getElementById("link6").className = "onglet_off";
  }
  if (num == "2") {
    document.getElementById("1").style.display = "none";
    document.getElementById("2").style.display = "block";
    document.getElementById("3").style.display = "none";
    document.getElementById("4").style.display = "none";
    document.getElementById("5").style.display = "none";
    document.getElementById("6").style.display = "none";
    document.getElementById("7").style.display = "none";
    document.getElementById("8").style.display = "none";
    document.getElementById("link1").className = "onglet_off";
    document.getElementById("link2").className = "onglet_on";
    document.getElementById("link3").className = "onglet_off";
    document.getElementById("link4").className = "onglet_off";
    document.getElementById("link5").className = "onglet_off";
    document.getElementById("link6").className = "onglet_off";
    document.getElementById("link7").className = "onglet_off";
    document.getElementById("link8").className = "onglet_off";
  }
  if (num == "3") {
    document.getElementById("1").style.display = "none";
    document.getElementById("2").style.display = "none";
    document.getElementById("3").style.display = "block";
    document.getElementById("4").style.display = "none";
    document.getElementById("5").style.display = "none";
    document.getElementById("6").style.display = "none";
    document.getElementById("7").style.display = "none";
    document.getElementById("8").style.display = "none";
    document.getElementById("link1").className = "onglet_off";
    document.getElementById("link2").className = "onglet_off";
    document.getElementById("link3").className = "onglet_on";
    document.getElementById("link4").className = "onglet_off";
    document.getElementById("link5").className = "onglet_off";
    document.getElementById("link6").className = "onglet_off";
    document.getElementById("link7").className = "onglet_off";
    document.getElementById("link8").className = "onglet_off";
  }
  if (num == "4") {
    document.getElementById("1").style.display = "none";
    document.getElementById("2").style.display = "none";
    document.getElementById("3").style.display = "none";
    document.getElementById("4").style.display = "block";
    document.getElementById("5").style.display = "none";
    document.getElementById("6").style.display = "none";
    document.getElementById("7").style.display = "none";
    document.getElementById("8").style.display = "none";
    document.getElementById("link1").className = "onglet_off";
    document.getElementById("link2").className = "onglet_off";
    document.getElementById("link3").className = "onglet_off";
    document.getElementById("link4").className = "onglet_on";
    document.getElementById("link5").className = "onglet_off";
    document.getElementById("link6").className = "onglet_off";
    document.getElementById("link7").className = "onglet_off";
    document.getElementById("link8").className = "onglet_off";
  }
  if (num == "5") {
    document.getElementById("1").style.display = "none";
    document.getElementById("2").style.display = "none";
    document.getElementById("3").style.display = "none";
    document.getElementById("4").style.display = "none";
    document.getElementById("5").style.display = "block";
    document.getElementById("6").style.display = "none";
    document.getElementById("7").style.display = "none";
    document.getElementById("8").style.display = "none";
    document.getElementById("link1").className = "onglet_off";
    document.getElementById("link2").className = "onglet_off";
    document.getElementById("link3").className = "onglet_off";
    document.getElementById("link4").className = "onglet_off";
    document.getElementById("link5").className = "onglet_on";
    document.getElementById("link6").className = "onglet_off";
    document.getElementById("link7").className = "onglet_off";
    document.getElementById("link8").className = "onglet_off";
  }
  if (num == "6") {
    document.getElementById("1").style.display = "none";
    document.getElementById("2").style.display = "none";
    document.getElementById("3").style.display = "none";
    document.getElementById("4").style.display = "none";
    document.getElementById("5").style.display = "none";
    document.getElementById("6").style.display = "block";
    document.getElementById("7").style.display = "none";
    document.getElementById("8").style.display = "none";
    document.getElementById("link1").className = "onglet_off";
    document.getElementById("link2").className = "onglet_off";
    document.getElementById("link3").className = "onglet_off";
    document.getElementById("link4").className = "onglet_off";
    document.getElementById("link5").className = "onglet_off";
    document.getElementById("link6").className = "onglet_on";
    document.getElementById("link7").className = "onglet_off";
    document.getElementById("link8").className = "onglet_off";
  }
  if (num == "7") {
    document.getElementById("1").style.display = "none";
    document.getElementById("2").style.display = "none";
    document.getElementById("3").style.display = "none";
    document.getElementById("4").style.display = "none";
    document.getElementById("5").style.display = "none";
    document.getElementById("6").style.display = "none";
    document.getElementById("7").style.display = "block";
    document.getElementById("8").style.display = "none";
    document.getElementById("7").style.display = "none";
    document.getElementById("8").style.display = "none";
    document.getElementById("link1").className = "onglet_off";
    document.getElementById("link2").className = "onglet_off";
    document.getElementById("link3").className = "onglet_off";
    document.getElementById("link4").className = "onglet_off";
    document.getElementById("link5").className = "onglet_off";
    document.getElementById("link6").className = "onglet_off";
    document.getElementById("link7").className = "onglet_on";
    document.getElementById("link8").className = "onglet_off";
  }
  if (num == "8") {
    document.getElementById("1").style.display = "none";
    document.getElementById("2").style.display = "none";
    document.getElementById("3").style.display = "none";
    document.getElementById("4").style.display = "none";
    document.getElementById("5").style.display = "none";
    document.getElementById("6").style.display = "none";
    document.getElementById("7").style.display = "none";
    document.getElementById("8").style.display = "block";
    document.getElementById("7").style.display = "none";
    document.getElementById("8").style.display = "none";
    document.getElementById("link1").className = "onglet_off";
    document.getElementById("link2").className = "onglet_off";
    document.getElementById("link3").className = "onglet_off";
    document.getElementById("link4").className = "onglet_off";
    document.getElementById("link5").className = "onglet_off";
    document.getElementById("link6").className = "onglet_off";
    document.getElementById("link7").className = "onglet_off";
    document.getElementById("link8").className = "onglet_on";
  }
}