var bandeau = new Class({
  initialize: function(src, titre, legende){
 this.src = src;
 this.titre = titre;
 this.legende = legende;
  }
});
 

var _BANDEAU_DIV_ID = "bandeau_";
var _SLIDESHOW_TIMING = 5000;
var _BANDEAU_RACINE_ID = "header";
var tab_bandeaux = new Array();
var images_files = new Array();
var bandeaux_loading_count = 0; 
var currentbandeau = -1;

var domaineSite = "http://"+document.domain;

images_files[0] = domaineSite+"/wp-content/themes/magicblue/images/bandeaux/Burberry-Banner.jpg";
tab_bandeaux[0] = new bandeau(images_files[0],'Burberry', 'Burberry'); 
images_files[1] = domaineSite+"/wp-content/themes/magicblue/images/bandeaux/lancel.jpg";
tab_bandeaux[1] = new bandeau(images_files[1],'Lancel', 'Lancel'); 
images_files[2] = domaineSite+"/wp-content/themes/magicblue/images/bandeaux/hermes.jpg";
tab_bandeaux[2] = new bandeau(images_files[2],'Hermes', 'Hermes'); 
images_files[3] = domaineSite+"/wp-content/themes/magicblue/images/bandeaux/louis_vuitton.png";
tab_bandeaux[3] = new bandeau(images_files[3],'Louis Vuitton', 'Louis Vuitton'); 

window.addEvent('domready', function() { 
		var loader = new Asset.images(images_files, { 
		  
		 onProgress: function(counter,index) { 
		  //Création du conteneur pour le bandeau chargé
		  var mydiv = new Element('div', {id:_BANDEAU_DIV_ID+index}).inject($(_BANDEAU_RACINE_ID));
		  mydiv.setOpacity(0); //Bandeau invisible par défaut
			
		  //Création de l'image
		  var myimg = new Element('img',{ src:tab_bandeaux[index].src, 'style':'display:none'}).inject(mydiv);
		  
		  bandeaux_loading_count = index+1;
		   
		  if (index == 0) {
		   startslideshow();
		   startslideshow.periodical(_SLIDESHOW_TIMING);
		  }
		 }
		});
		

});

var startslideshow = function() {
 if (currentbandeau >= 0) {
  $(_BANDEAU_DIV_ID + currentbandeau).fade(1, 0);
 } else {
  currentbandeau = 0;
 }
 
 if (currentbandeau >= (bandeaux_loading_count-1)) {
  currentbandeau = 0;
 } else {
  currentbandeau++;
 }
 //console.log('Changement pour '+_BANDEAU_DIV_ID + currentbandeau);
 //$(_BANDEAU_DIV_ID + currentbandeau).getElement('div').setStyle('display', '');
 $(_BANDEAU_DIV_ID + currentbandeau).fade(0, 1);
 $$('#'+_BANDEAU_RACINE_ID+' img').setStyle('display', 'block');
}