// modifier ce qui suit
  var locationAfterPreload = "couverture1.htm"; // l'addresse de la page après que le préchargement fini
  var lengthOfPreloadBar = 130; // Longueur de la barre de progression en pixels
  var heightOfPreloadBar = 0; // Hauteur de la barre de progression en pixels
  // les images a precharger(mettez-en autant que vous voulez)
  var yourImages = new Array("images/illustration5.jpg","images/illustration6.jpg","images/illustration7.jpg","images/illustration8.jpg","images/illustration9.jpg","images/illustration10.jpg","images/illustration11.jpg","images/fondtrans.jpg","images/fondex.jpg","images/couverture1.jpg", "images/couverture2.jpg","images/zoom1.jpg", "images/zoom2.jpg", "images/bonus1.jpg", "images/bonus2.jpg", "images/bonus3.jpg", "images/bonus4.jpg", "images/b.gif", "images/fondext.gif", "images/fondetoile.gif", "images/fin1.gif", "images/fin2.gif", "images/fin3.gif", "images/fin4.gif", "images/fin5.gif", "images/fin6.gif", "images/logo_auteur.gif", "images/fin7.gif", "images/Sans20titre11_r7_c2.gif", "images/Sans20titre11_r1_c7.gif", "images/zinedi.jpg", "images/bonus5.jpg", "images/bonus6.jpg", "images/zinedi2.jpg", "images/encriersmall.gif");

if (document.images) {
  var dots = new Array();//tableau d'image pour construire la barre de progression 
  dots[0] = new Image(1,1);
  dots[0].src = "images/black.gif"; // couleur de la barre en default
  dots[1] = new Image(1,1);
  dots[1].src = "images/blue.gif"; // couleur de la barre en progression
  var coverage = Math.floor(lengthOfPreloadBar/yourImages.length);//taille d'une case de la barre de progression
  var leftOverWidth = lengthOfPreloadBar%coverage //cas ou le coverage n'est pas jsute, pour définir la taille de la derniere case de la barre de progression
  
  var preImages = new Array(); //tableau d'image à charger
  var currCount = 0;
  var loaded = new Array(); //tableau contenant le staut des images à charger (true ou false)
  var timerID;
}


function loadImages() { 
  //initialisation du tableau d'Image à charger avec leur source
  for (i = 0; i < yourImages.length; i++) { 
    preImages[i] = new Image();
    preImages[i].src = yourImages[i];
  }
  //initialisation du tableau de statut de chargement
  for (i = 0; i < preImages.length; i++) { 
    loaded[i] = false;
  }
  checkLoad();
  
}
function checkLoad() {
  var nbImages = preImages.length;
  if (currCount == nbImages) { 
    //redirection automatique vers une page donnée
    //location.replace(locationAfterPreload)
    //on fait apparaitre le bouton d'acces au site
    displayAcces();
    return;
  }
  var obj = document.getElementById('percent');
  var percent;
  for (i = 0; i <= preImages.length; i++) {
    if (loaded[i] == false && preImages[i].complete) {
      loaded[i] = true;
      eval("document.img" + currCount + ".src=dots[1].src");
      currCount++;
      percent = Math.ceil((currCount * 100) / nbImages);
      percent += ' %';
      obj.innerHTML = percent;
    }
  }
  timerID = setTimeout("checkLoad()",10); 
}

function lancerPreloader(){
// il est fortement recommande de garder le lien 'annuler' au cas ou l'utilisateur, pour une raison ou pour une autre, ne peux pas voir les images(navigateur)
if (document.images) {
  var preloadBar = ''
  for (i = 0; i < yourImages.length-1; i++) {
    preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '" height="' + heightOfPreloadBar + '" name="img' + i + '" align="absmiddle">'
  }
  preloadBar += '<img src="' + dots[0].src + '" width="' + (leftOverWidth+coverage) + '" height="' + heightOfPreloadBar + '" name="img' + (yourImages.length-1) + '" align="absmiddle">'
  document.write(preloadBar)
  loadImages()
}
//document.write('<p><small><a href="javascript:window.location=locationAfterPreload">Annuler</a>  </small></p>')
}

function displayAcces(){
  var obj = document.getElementById('acces');
  //var obj1 = document.getElementById('acces1');
  //var obj2 = document.getElementById('acces2');
  //var obj3 = document.getElementById('acces3');
  obj.style.visibility = "visible";
  //obj1.style.visibility = "visible";
  //obj2.style.visibility = "visible";
  //obj3.style.visibility = "visible";
}