var slides = ['c3.1.png', 'c3.2.png', 'c3.3.png', 'c3.3.png', 'c3.4.png', 'c3.5.png', 'c3.6.png', 'c3.7.png'];
var nbimage = 0;

/* INCREMENT nbimage TO SHOW THE NEXT IMAGE */
function changeplus(img) {
  nbimage++;
  if (nbimage == slides.length) nbimage = 0;
  disp();
  setTimeout("changeImage(document.images.slideshow,"+nbimage+")",3000);
  app();
  changer = setTimeout("changeplus(document.images.slideshow)",12000);
}

function changeImage(img, nbimage) {
  var reg = new RegExp("[/]+", "g");
  var tab = img.src.split(reg);
  var reg2 = new RegExp("("+tab[tab.length -1]+")");
  img.src = img.src.replace(reg2,slides[nbimage]);
  if (nbimage == 0) nbimageAv = slides.length - 1;
  else nbimageAv = nbimage -1;
}
/* Fade out effect */
function disp() {
  jQuery('#slideshow').fadeOut(3000);
}
/* Fade in effect */
function app() {
  jQuery('#slideshow').fadeIn(3000);
}
function overImage(element) {
  //document.getElementById("milieu").onclick = element.onclick;
  document.images.slideshow.src = element.src;
}