var delay = 5000;
var start_frame = 0;
var thisFrame = 0;
var threadKill = 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) {
	setTimeout(fadeInOut(start_frame,start_frame,end_frame, delay, lis), delay);
}


function fadeInOut(frame, start_frame, end_frame, delay, lis) {
	if(threadKill != 1)
	{
		return (function() {
			lis = $('slide-images').getElementsByTagName('li');
			Effect.Fade(lis[frame]);
			thisFrame = frame;
			
			if (frame == end_frame) { frame = start_frame; } else { frame++; }
			$('imgCount').innerHTML = frame+1;
			lisAppear = lis[frame];
			Effect.Appear(lisAppear);
			
			var algFa = setTimeout(fadeInOut(frame, start_frame, end_frame, delay, ''), delay + 1850);
		})
	}
	else
	{
		threadKill = 0;
	}
}



function fadeNow(frame, start_frame, end_frame, delay, lis) {
		threadKill = 1;
	
		if(lastAlgFa != null)
		{
			clearTimeout(lastAlgFa);
		}
		
		if(frame == 'next')
		{
			if(thisFrame == end_frame) { frame = start_frame; } else { frame = parseInt(thisFrame)+1; }
		}
		else
		{
			if(thisFrame == start_frame) { frame = end_frame; } else { frame = parseInt(thisFrame)-1; }
		}

		lis = $('slide-images').getElementsByTagName('li');
		Effect.Fade(lis[thisFrame]);
		thisFrame = frame;
		$('imgCount').innerHTML = thisFrame+1;
		
		lisAppear = lis[frame];
		Effect.Appear(lisAppear);
		var lastAlgFa = setTimeout(fadeInOut(frame, start_frame, end_frame, delay, ''), delay + 1850);
}

Event.observe(window, 'load', init, false);
