// Settings
var _BANDEAU_DIV_ID = "bandeau_";
var _SLIDESHOW_TIMING = 5000;
var _BANDEAU_RACINE_ID = "bandeau";

var bandeaux_loading_count = 0;
var currentbandeau = -1;

// Ajout au DOM
window.addEvent('domready', function() 
{

// Lancement du slideshow
var startslideshow = function() 
{


 //alert('se déclenche');
 // On force le passage d'arguments
 if(arguments.length>0 )
 {

    var oldcurrent = currentbandeau;

    currentbandeau=arguments[0];
    
    if(oldcurrent!=currentbandeau)
    {
        // On cache l'ancien
        $(_BANDEAU_DIV_ID + oldcurrent).fade(1,0);
        // On affiche le nouveau
        $(_BANDEAU_DIV_ID + currentbandeau).fade(0, 1);
        $$('.band img').setStyle('display', 'block');
    }
 }
 // Sinon traitement naturel
 else
 {
    // On laisse un premier tour avec la première image, début à -1
    if(currentbandeau>=0) $(_BANDEAU_DIV_ID + currentbandeau).fade(1,0);
    
    // Si on arrive à la fin on retourne en première position
    if (currentbandeau >= (bandeaux_loading_count-1)) 
        {
        currentbandeau = 0;
        } 
    // On fait passer le curseur au suivant
    else { currentbandeau++; }
    $(_BANDEAU_DIV_ID + currentbandeau).fade(0, 1);
    $$('.band img').setStyle('display', 'block');

 }
}



                ///////////////////////////////////////////////
		/// Bandeau HAUT
		///////////////////////////////////////////////
		var loader = new Asset.images(images_files, {
		 'onProgress': function(counter,index) {
		  // alert('Compteur : '+counter+" index "+index);
		  //Création du conteneur pour le bandeau chargé
		  //console.log("counter : ", counter, "index : ", index);
		  var mydiv = new Element('div', {id:_BANDEAU_DIV_ID+index,'class':'band'}).inject($(_BANDEAU_RACINE_ID));
		  mydiv.setOpacity(0); //Bandeau invisible par défaut

		  //Création de l'image
		  var myimg = new Element('img',{ src:images_files[index], 'style':'display:none'}).inject(mydiv);

                  // On rajoute le titre
                  var myTitre = new Element('span',{ 'class':'transparent', 'style':'display:block;filter:alpha(opacity=50);'});
                  var myTitre2 = new Element('span',{ 'class':'no-transparent', 'html':text[index], 'style':'display:block;'}).inject(myTitre);
                  myTitre.inject(mydiv);
    
		  bandeaux_loading_count = index+1;                  
                  },
                  'onComplete':function()
                    {
                        startslideshow();
                    }
		});
		
                
	        periodical = startslideshow.periodical(_SLIDESHOW_TIMING);
        
                var pagination = $('slideshow_pagination');



                var prev = new Element('a',{ 'events':previous()});
                new Element('img',{ 'src':'/extension/altshift/design/altshift/images/habillage/previous.png','alt':'>'}).inject(prev);
                prev.inject(pagination);
                
                for(i=0;i<images_files.length;i++)
                {                   
                    new Element('a',{ 'html':(i+1),'events':clickValeur(i)}).inject(pagination);
                }

                var nex = new Element('a',{ 'events':next(images_files.length)});
                new Element('img',{ 'src':'/extension/altshift/design/altshift/images/habillage/next.gif','alt':'>'}).inject(nex);
                nex.inject(pagination);

function previous()
{
        return {'click': function(){if(currentbandeau>0){startslideshow.attempt(0);$clear(periodical);}}}
}

function next(total)
{
       return {'click': function(){if(currentbandeau<(total-1)) {startslideshow.attempt(total-1);$clear(periodical);} }}
}


function clickValeur(val)
{
    return {'click':function(){startslideshow.attempt(val);$clear(periodical); }};
}

});