/*var delay = 3000;
var start_frame = 0;

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;
	
	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 = $('slide-images').getElementsByTagName('li');
		Effect.Fade(lis[frame]);
		if (frame == end_frame) { frame = start_frame; } else { frame++; }
		lisAppear = lis[frame];
		setTimeout("Effect.Appear(lisAppear);", 0);
		setTimeout(fadeInOut(frame, start_frame, end_frame, delay), delay + 1850);
	})
	
}


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

var slideshow = Class.create({
	
	initialize:function(ulId){
		this.delay = 1000;
		this.start_frame = 0;
		this.ulId = ulId;
		var starter = this.init.bindAsEventListener(this); 
		Event.observe(window, 'load', starter, false);	
	}
	,
	init:function () {
		if($(this.ulId)){
			this.lis = $(this.ulId).getElementsByTagName('li');
			this.end_frame = this.lis.length -1;
			
			this.start_slideshow();		
		}else{
			console.log(this.ulId);
			console.log("no ul found");	
		}
	}
	,
	start_slideshow:function() {
		this.frame = this.start_frame;
		var fadeEvent = this.fadeInOut.bindAsEventListener(this);
		setTimeout(fadeEvent, this.delay);
	}
	,
	fadeInOut:function() {
			lis = $(this.ulId).getElementsByTagName('li');
			Effect.Fade(this.lis[this.frame]);
			if (this.frame == this.end_frame) { this.frame = this.start_frame; } else { this.frame++; }
			lisAppear = this.lis[this.frame];
			Effect.Appear(lisAppear);
			var fadeEvent = this.fadeInOut.bindAsEventListener(this);
			setTimeout(fadeEvent, this.delay + 1850);
	}
});