var delay = 4500;
var start_frame = 0;

function init_slider() {
	var lis = $$('#bigPic img');
	if(lis.length > 1){
		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) {
	return (function() {
		lis = $$('#bigPic img');
		Effect.Fade(lis[frame], { duration: 3.0 });
		
		if(frame == end_frame) { 
			frame = start_frame; 
		} else { 
			frame++; 
		}
		
		lisAppear = lis[frame];
		setTimeout("Effect.Appear(lisAppear, { duration: 5.0 });", 0);
		setTimeout(fadeInOut(frame, start_frame, end_frame, delay), delay + 5000);
	})
}

document.observe("dom:loaded", function(){	
	init_slider();								
});