// woot

function Slideshow(options) {
	var config = $.extend({
		container: null,
		playButton: null,
		backButton: null,
		nextButton: null,
		interval: 6000,
		transitionDuration: 3000
	}, options || {});
	
	var self = this;

	this.play = function() {
		setInterval(self.next, config.interval);
	}
	this.next = function() {
		var oldOne = config.container.find(".current");
		var newOne = oldOne.next().length ? oldOne.next() : config.container.children().first();
		self.transition(oldOne, newOne);
	}
	this.back = function() {
		var oldOne = config.container.find(".current");
		var newOne = oldOne.prev().length ? oldOne.prev() : config.container.children().last();
		self.transition(oldOne, newOne);
	}
	this.transition = function(oldOne, newOne) {
		newOne.addClass("current");
		oldOne.removeClass("current");
		newOne.css({opacity:0, display:"block"});
		newOne.animate({opacity:1}, config.transitionDuration, function() {
			oldOne.css({display: "none"})
		});
		// oldOne.animate({opacity:0}, config.transitionDuration, function() {
		// 	$(this).css({display: "none"});
		// });
	}

	// event handlers
	if (config.nextButton) config.nextButton.click(function(event) { self.next(); });
	if (config.backButton) config.backButton.click(function(event) { self.back(); });
	if (config.playButton) config.playButton.click(function(event) { self.play(); });

	// setup
	// config.container.find(".slide").first().addClass('current');
}

$(window).load(function() {
	var s = new Slideshow({
		container: $("#slideshow")
	});
	s.play();
}); 


//function startMeUp() {
//	var s = new Slideshow({
//		container: $("#slideshow")
//	});
//	s.play();	
//}
//
//window.onload = startMeUp();