var delay = 2500;
var start_frame = 0;
var timeouter = false;
var timeouter_second = false;


function fokus(container) {
	new Effect.Appear('willkommen', { duration:0.1, from:0, to: 0.3 });
	new Effect.Appear('eintreten', { duration:0.1, from:0, to: 0.3 });
	new Effect.Appear('reservieren', { duration:0.1, from:0, to: 0.3 });
	new Effect.Appear('ankommen', { duration:0.1, from:0, to: 0.3 });
	init(container); 
};


function init(container) {
	new Effect.Appear( container, { duration:0.3, to: 1 });
	
	var lis = $(container).getElementsByTagName('li');
	for( i=0; i < lis.length; i++){
		if(i>0){
			lis[i].style.display = 'none';
		}
	}
	end_frame = lis.length -1;
	start_slideshow(container, start_frame, end_frame, delay, lis);
}


function start_slideshow(container, start_frame, end_frame, delay, lis) {
	lis = $(container).getElementsByTagName('li');
	if( lis[start_frame].style.display == "none") {
		for( i=0; i < lis.length; i++){
		if(i>0){
				lis[i].style.display = 'none';
			}
		}
		lis[start_frame].style.display = "block";
	}
	//Effect.Fade(lis[start_frame]);
	clearTimeout(timeouter);
	clearTimeout(timeouter_second);
	timeouter = setTimeout(fadeInOut(container, start_frame,start_frame,end_frame, delay, lis), delay);
}

function fadeInOut(container, frame, start_frame, end_frame, delay, lis) {
	return (function() {
		lis = $(container).getElementsByTagName('li');
		Effect.Fade(lis[frame]);
		if (frame == end_frame) { frame = start_frame; } else { frame++; }
		lisAppear = lis[frame];
		timeouter_second = setTimeout("Effect.Appear(lisAppear);", { duration:.1, from:0.1, to:1 } );
		timeouter = setTimeout(fadeInOut(container, frame, start_frame, end_frame, delay), delay + 3500);
	})
	
}

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