var delay = 5000;
var start_frame = 0;
var lis;
var end_frame;
var cur_frame = 0;
var timeOuts = new Array();

function init() {
	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();	
}

function gotoFrame(frame_to_be_shown) {
	if(end_frame > start_frame){
		clearAllTimeouts();
		timeOuts[Math.random()] = setTimeout(fadeInOut(cur_frame, frame_to_be_shown), 0);
	}
}

function start_slideshow() {
	if(end_frame > start_frame){
		$('numberlink_'+start_frame).className = 'numberlink_selected';
		timeOuts[Math.random()] = setTimeout(fadeInOut(start_frame), delay);
	}
}


function fadeInOut(frame , frame_to_be_shown) {
	return (function() {
		lis = $('slide-images').getElementsByTagName('li');
		Effect.Fade(lis[frame]);
		
		$('numberlink_'+frame).className = 'numberlink_normal'; 
		if(frame_to_be_shown != undefined ){
			frame = frame_to_be_shown;
		}
		else if (frame == end_frame) { 
			frame = start_frame; 
		} 
		else { 
			frame++; 
		}
		
		cur_frame = frame; 
		$('numberlink_'+frame).className = 'numberlink_selected';
		lisAppear = lis[frame];
		timeOuts[Math.random()] = setTimeout("Effect.Appear(lisAppear);", 0);
		timeOuts[Math.random()] = setTimeout(fadeInOut(frame), delay + 1850);
	});
}

function clearAllTimeouts(){
  for(key in timeOuts ){
    clearTimeout(timeOuts[key]);
  }
}


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