var delay = 1000;
var start_frame = 0;

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



function start_slideshow(start_frame, end_frame, delay, lis) {
	setTimeout(fadeInOut(start_frame,start_frame,end_frame, delay, lis), delay);
}

function start_slideshow2(start_frame, end_frame, delay, lis2) {
	setTimeout(fadeInOut2(start_frame,start_frame,end_frame, delay, lis2), delay+1000);
}

function start_slideshow3(start_frame, end_frame, delay, lis3) {
	setTimeout(fadeInOut3(start_frame,start_frame,end_frame, delay, lis3), delay+2000);
}


function fadeInOut(frame, start_frame, end_frame, delay, lis) {
	return (function() {
		lis = $('slide-images').getElementsByTagName('li');
		Effect.Fade(lis[frame]);
		if (frame == end_frame) { frame = start_frame; } else { frame++; }
		lisAppear = lis[frame];
		setTimeout("Effect.Appear(lisAppear);", 0);
		setTimeout(fadeInOut(frame, start_frame, end_frame, delay), delay + 2000);
	})
	
}

function fadeInOut2(frame, start_frame, end_frame, delay, lis2) {
	return (function() {
		lis2 = $('slide-images2').getElementsByTagName('li');
		Effect.Fade(lis2[frame]);
		if (frame == end_frame) { frame = start_frame; } else { frame++; }
		lisAppear2 = lis2[frame];
		setTimeout("Effect.Appear(lisAppear2);", 0);
		setTimeout(fadeInOut2(frame, start_frame, end_frame, delay), delay + 2000);
	})
	
}

function fadeInOut3(frame, start_frame, end_frame, delay, lis3) {
	return (function() {
		lis3 = $('slide-images3').getElementsByTagName('li');
		Effect.Fade(lis3[frame]);
		if (frame == end_frame) { frame = start_frame; } else { frame++; }
		lisAppear3 = lis3[frame];
		setTimeout("Effect.Appear(lisAppear3);", 0);
		setTimeout(fadeInOut3(frame, start_frame, end_frame, delay), delay + 2000);
	})
	
}


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