var fader_timer;
var fader_delay = 5500;
var busy = false;
var cur_frame = 0;

var large_event;
var small_event;
var event_count;
var max_event_count = 4;

Event.observe(window, 'load', function() { start_fader(); });

function start_fader(){
	large_event = $$('div.large_event');
	small_event = $$('div.small_event');
	event_count = $$('div.large_event img').length;
	
	/*
	for (i=0; i<event_count; i++){
		small_event[i].observe('click', small_event_click.bindAsEventListener(small_event[i], i));
	}
	*/
	
	fader_timer = setTimeout("next_fader_frame()", fader_delay);
}

function small_event_click(event, to_frame){
	next_fader_frame(to_frame);
}
                         
function next_fader_frame(to_frame){
	clearTimeout(fader_timer);
	
	if (to_frame == null) {
		delay_add = 0;
		to_frame = cur_frame + 1;
	}
	else {
		delay_add = fader_delay;
	}
	
	if (to_frame >= event_count) to_frame = 0;
	
	if (to_frame != cur_frame && !busy){
		busy=true;
		
		large_event[cur_frame].fade();
		large_event[to_frame].appear();
	
		circle_top = 28 + to_frame * 83
		$('circle').morph('top:' + circle_top + 'px;', {
			afterFinish: function(){ busy = false; }
		});
		/*$('circle').morph('top:' + circle_top + 'px;', {
			afterFinish: function(){ busy = false; },
			transition: Effect.Transitions.spring
		});*/
	
		cur_frame = to_frame;
	}
	
	fader_timer = setTimeout("next_fader_frame()", fader_delay + delay_add);
}