var delay = 5000;
var start_frame = 0;
var end_frame;
var currentThread = 0;

var g_list;

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;
	
	//save
	g_list = lis;
	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, currentThread), delay);
}

var currentFrame = 0;
//var frame = 0;
//$('bullet_0').setAttribute('class','bullet_on');
//$('bullet_0').setAttribute('className','bullet_on');

function fadeInOut(frame, start_frame, end_frame, delay, lis, thread) {
	return (function() {
		if(thread == currentThread){
			
			lis = $('slide-images').getElementsByTagName('li');
			Effect.Fade(lis[currentFrame]);
			if (frame == end_frame) { frame = start_frame; } else { frame++; }
			lisAppear = lis[frame];
			currentFrame = frame;

			$('bullet_'+frame).setAttribute('class','bullet_on');
			$('bullet_'+frame).setAttribute('className','bullet_on'); // fix for IE <= 7

			for( i=0; i < lis.length; i++){
				if(i!=frame){
					$('bullet_'+i).setAttribute('class','bullet_off');
					$('bullet_'+i).setAttribute('className','bullet_off'); // fix for IE <= 7
				}
			}
			setTimeout("Effect.Appear(lisAppear);", 0);
			setTimeout(fadeInOut(frame, start_frame, end_frame, delay, lis, thread), delay + 1850);
		}
	})
}


function change_image(frame){
	currentThread++;
	if (frame == start_frame) { frame = end_frame; } else { frame--; }
	setTimeout(fadeInOut(frame, start_frame, end_frame, delay, g_list, currentThread), 0);
}

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