var ie = document.all?true:false // On test le navigateur pour IE


function addZero(chiffre){ // Function qui ajoute un zero devant les chiffres
if (chiffre < 10) { chiffre = "0"+chiffre; }
if (chiffre < 100) { chiffre = "0"+chiffre; }
return chiffre;
}

var i=0; // On initialise le comptage des images a 0.
function preloadImage(){
var myContent = document.getElementsByTagName("img") // On repere les images contenu dans la page
var totalImage = myContent.length // Et on compte combien il y'en a
percent = Math.ceil((i+1)*100/totalImage) // A chaque passage dans la fonction, on calcule le pourcentage de i par rapport au nb d'image

if (i < totalImage){ // Si l'image traité n'est pas la derniere image du doc on execute ce qui suit.
if (myContent.item(i).complete) { // si l'image i est chargée, on envoi le pourcentage dans le div
document.getElementById("preloadPercent").innerHTML = percent + "%";
i++ // On increment i, pour passer a l'image suivante
setTimeout(preloadImage) // Et hop, on repasse dans la fonction avec l'image suivante
}
} else { // Sinon, on deduit que les images ont toute été chargées, et on cache le preload.
if (!ie) document.getElementById("preloadPercent").style.visibility = "hidden"; // Si le client n'est pas IE on vire tout simplement le cache
else crosoftFade() // Sinon on applique un effet de fade progressif en appelant la fonction crosoftFade()
}
}

var opacity = 100 // Opacity de depart
function crosoftFade(){
opacity -= 25; // Opacity -25 a chaque passage
document.getElementById("preloadPercent").style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + opacity + ")";
if (opacity > 0) setTimeout(crosoftFade); // On passe cette fonction en boucle tant que le cache n'a pas disparu
else document.getElementById("preloadPercent").style.visibility = "hidden";
}