var delay = 3000;
var start_frame = 0;

function init() {
	var lis = $('slide-images').getElementsByTagName('li');
	var listext = $('slide-textes').getElementsByTagName('li');
	for( i=0; i < lis.length; i++){
		if(i!=0){
			lis[i].style.display = 'none';
			listext[i].style.display = 'none';
		}
	}
	end_frame = lis.length -1;
	
	start_slideshow(start_frame, end_frame, delay);
}



function start_slideshow(start_frame, end_frame, delay) {
	if (start_frame==end_frame){
		setTimeout(MoveOnly(start_frame, delay), delay);
	} else {
		setTimeout(fadeInOut(start_frame,start_frame,end_frame, delay), delay);
	}
}


function fadeInOut(frame, start_frame, end_frame, delay) {
	return (function() {
		lis = $('slide-images').getElementsByTagName('li');
		Effect.Fade(lis[frame]);
		
		listext = $('slide-textes').getElementsByTagName('li');
		Effect.Fade(listext[frame]);
		
		if (frame == end_frame) { frame = start_frame; } else { frame++; }
		lisAppear = lis[frame];
		setTimeout("Effect.Appear(lisAppear);", 0);
		
		listextAppear = listext[frame];
		setTimeout("Effect.Appear(listextAppear);", 2000);
		
		new Effect.Move(lisAppear, {delay:0,duration:4,y:-130});
		new Effect.Move(lisAppear, {delay:4,duration:4,y:110});
		
		setTimeout(fadeInOut(frame, start_frame, end_frame, delay), delay + 6000);
		
		//effet non visible
		//permet de faire revenir l'image à sa position initiale
		new Effect.Move(lisAppear, {delay:10,y:20});
	})
	
}

function MoveOnly(frame, delay) {
	return (function() {
		lis = $('slide-images').getElementsByTagName('li');
		listext = $('slide-textes').getElementsByTagName('li');
		
		lisAppear = lis[frame];
		listextAppear = listext[frame];
		
		new Effect.Move(lisAppear, {delay:0,duration:4,y:-130});
		new Effect.Move(lisAppear, {delay:4,duration:4,y:130});
		
		setTimeout(MoveOnly(frame, delay), delay + 6000);
	})
}



Event.observe(window, 'load', init, false);
