var hTimeOut;
var nbDiv = 0;
var divAAfficher = 1;
var divAffiche = 0;
var bPause = false;
var effetFondu = "vide";
var opaciteAfficher;
var opaciteMasquer;

var debutFondu = 100;

function fondu(lNbDiv) {
    if (nbDiv == 0 && !isNaN(lNbDiv)) nbDiv = lNbDiv;
    opaciteMasquer = debutFondu;
    opaciteAfficher = 0;
    document.getElementById("Div" + divAAfficher).style.zIndex = "1";
    document.getElementById("Div" + divAAfficher).style.visibility = "visible";
    setOpacity("Div" + divAAfficher, 0);
    //diminuer l'opacité de la div affichée
    if (effetFondu == "vide") {
        effetFondu = window.setInterval("lancerFondu()", 100);
    }
}
function lancerFondu() {

    opaciteMasquer = opaciteMasquer - 5;
    opaciteAfficher = opaciteAfficher + 5;

    if (opaciteAfficher == 100) {
        document.getElementById("Div" + divAffiche).style.visibility = "hidden";
        document.getElementById("Div" + divAffiche).style.zIndex = "1";
        setOpacity("Div" + divAffiche, debutFondu);
        divAffiche = divAAfficher;
        divAAfficher += 1;
        if (divAAfficher >= nbDiv) divAAfficher = 0;
        window.clearInterval(effetFondu);
        effetFondu = "vide";
        if (!bPause) hTimeOut = setTimeout("fondu()", 4000);
        return;
    }

    setOpacity("Div" + (divAffiche), opaciteMasquer);
    setOpacity("Div" + (divAAfficher), opaciteAfficher);

}
function setOpacity(id, value) {
    var object = document.getElementById(id).style;
    object.opacity = (value / 100);
    object.MozOpacity = (value / 100);
    object.KhtmlOpacity = (value / 100);
    object.filter = "alpha(opacity=" + value + ")";
}

