var delay = 4000;
var start_frame = 0;
var end_frame;
var timeout;
var currFrame=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);	
}

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

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++; }
		currFrame = frame;
		lisAppear = lis[frame];
		setTimeout("Effect.Appear(lisAppear);", 0);
		timeout = setTimeout(fadeInOut(frame, start_frame, end_frame, delay), delay + 1850);
	})	
}

function next() { 
    clearTimeout(timeout);
    
    var lis = $('slide-images').getElementsByTagName('li');
    setTimeout(fadeInOut(currFrame,start_frame,end_frame, delay, lis), 0);
}

function previous() {
    clearTimeout(timeout);
    
    var lis = $('slide-images').getElementsByTagName('li');
	Effect.Fade(lis[currFrame]);
	if (currFrame == start_frame) { currFrame = end_frame; } else { currFrame--; }
	lisAppear = lis[currFrame];
	setTimeout("Effect.Appear(lisAppear);", 0);
	timeout = setTimeout(fadeInOut(currFrame, start_frame, end_frame, delay), delay + 1850);
}

function stop() {
    clearTimeout(timeout);
}

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