window.addEvent('domready', function(){
var Slide=$("slide");
var Menu=$("slidenav");
var current=[];
var myImages=[];
var counter=0;
var wait;


/* setup */
var periodicalID;
var begin = function(message) {
	periodicalID = (function() {
		var autoclick=$$('li.ready');
		if(autoclick.length>=2){
		var next=(counter+1)%autoclick.length;
		myFunction(next);
	} 
	}).periodical(5000);
}
/* start it! */
if(Slide) begin();



var myLinks=Slide.getElements("a");
myLinks.each(function(item,index){
myImages[index]=item.href;
});

var myFunction = function(what){
	var myNoFx = new Fx.Tween($('myImg'+current[0]));
	var myFx = new Fx.Tween($('myImg'+what));    
	$('li'+current[0]).removeClass('current');//
		$('li'+what).addClass('current');//
	//if (current[0]!=what) myNoFx.start('opacity', 1, 0).chain(function(){myFx.start('opacity', 0, 1)});
	if (current[0]!=what){ 
	myNoFx.start('opacity', 1, 0); 
	myFx.start('opacity', 0, 1);
	};
	current[0]=what;
	counter=what;
};

myImages.each(function(item,index){
var bouton=new Element('li',{'class':'notready','id':'li'+index,'html':index});
bouton.setStyle('opacity',0.2);
bouton.inject(Menu);
});
 
var OrderAsset = function(myImage,i){
var AssImg = new Asset.image(myImage, {
    'id': 'myImg'+i,
    'class':'x',
    'onload': function(){
    current.push(i);
	if (i!=current[0]) this.setStyle('opacity',0);
	if (i!=current[0]) 	$('li'+i).removeClass('current');
	if (i==current[0]) 	$('li'+i).addClass('current');  

    	this.inject(Slide);
		$('li'+i).set({
		'events': {
        'click': function(){
		myFunction(this.get('text'));
		wait = $clear(wait);
		$clear(periodicalID); //stop la boucle
        wait=(function(){begin("delay");}).delay(2000);
        }
    	}		
    	});
		$('li'+i).removeClass('notready');
		$('li'+i).addClass('ready');
		$('li'+i).setStyle('opacity',1);
    	
	
    	
    	i++;
  	
  		if (myImages[i]) OrderAsset(myImages[i],i)
    
    },
    'onerror':function(){
		i++;
  		if (myImages[i]) OrderAsset(myImages[i],i)
    }
});//asset
};

OrderAsset(myImages[0],0);




});//end domready