var delay = 3000;
var active;
var end_frame;
var current=0;
var lis;
var lisp;

function start_slideshow(el,start_frame, end_frame, delay, lis) {
	window.setTimeout(fadeInOut(el,start_frame,0,end_frame, delay, lis), delay);
}

function fadeInOut(el,frame, start_frame, end_frame, delay, lis) {
	return (function() {
		lis = $(el).getElementsByTagName('li');
		Effect.Fade(lis[frame]);
		if (frame == end_frame) { frame = start_frame; } else { frame++; }
		lisAppear = lis[frame];
		window.setTimeout("Effect.Appear(lisAppear);", 0);
		current =frame;
		active = window.setTimeout(fadeInOut(el,frame, start_frame, end_frame, delay), delay + 1850);
	});
}

function nextImage(){
	//console.log(current + " : " + lis.length);
	var next = (current >= lis.length - 1 ) ? 0: parseInt(current) + 1; 
	goToPicture('ImageFade',next);
	if($('playa')) $('playa').removeClassName('red');
	return false;	
}


function goToPicture(el,frame){
	pauseSlideShow(el);
	if(current!=frame){
		Effect.Fade(lis[current]);
		lisAppear = lis[frame];
	    current=frame;
		window.setTimeout("Effect.Appear(lisAppear);", 0);
	}
	/* startSlideShow(el); */
	return false;
}

Event.observe(window, 'load',
      function() {
			var start_frame = 0;
			var el = 'ImageFade';
			lis = $(el).getElementsByTagName('li');
			if(lis.length>1){
				for(var i=1;i<lis.length;i++){ lis[i].style.display='none'; }
				end_frame = lis.length -1;
				start_slideshow(el,start_frame, end_frame, delay, lis);

			}
			return false;  
			
      }
);