// Délai en seconde entre les images
var delay = 5;
// Durée en seconde pour l'animation
var animDelay = 2;

var arrBanner = [];
var idxBanner = 0;

function animate() {
    var oldBanner = arrBanner[idxBanner];
    var len = arrBanner.length;
    idxBanner = (idxBanner + len-1)%len;
    var banner = arrBanner[idxBanner];

    dojo.place(oldBanner, dojo.byId("header"), "first");
    dojo.style(oldBanner, "opacity", "1");
    dojo.anim(banner, { "opacity": "0" }, animDelay*1000);
    
    setTimeout(animate, (animDelay+delay)*1000);
}

dojo.addOnLoad(function() {
    arrBanner = dojo.query("#header .banner");
    // Activer l'effet uniquement si on a plus d'une bannière
    if( arrBanner.length > 1 )
    {
        idxBanner = 0;
        setTimeout(animate, delay*1000);
    }
    
    if( dojo.isIE != undefined && dojo.isIE == 6 )
    {
        // IE6 fix
        dojo.forEach(arrBanner, function(banner){
            dojo.style(banner, "opacity", "1"); 
        });
    }
});