var currentSlide = 0;
var slides = ['content1', 'content2', 'content3'];
var timer;

function initSlides() {
	for (i=0; i<slides.length; i++) {
		$(slides[i]).hide();
	}
	$(slides[currentSlide]).show();
	
	var els = $$('a.button');
	els[0].addClassName('current');
	
	timer = new PeriodicalExecuter(slideShowAuto, 5);
}

function slideShowAuto() {
	var buttons = $$('a.button');
	for (j=0; j<buttons.length; j++) {
		buttons[j].removeClassName('current');
	}
	
	$(slides[currentSlide]).hide();
	
	if (currentSlide > 1) {
		$(slides[0]).appear();
		buttons[0].addClassName('current');
		currentSlide = 0;
	} else {
		$(slides[currentSlide + 1]).appear();
		buttons[currentSlide + 1].addClassName('current');
		currentSlide++;
	}
}

function slideShowManual() {
	var els = $$('a.button');
	for (i=0; i<els.length; i++) {
		els[i].onclick = function() {
			timer.stop();
			for (i=0; i<slides.length; i++) {
				$(slides[i]).hide()
			}
			
			var els = $$('a.button');
			for (j=0; j<els.length; j++) {
				els[j].removeClassName('current');
			}
			
			this.toggleClassName('current');
			$(this.getAttribute('rel')).appear();
		}
	}
}

document.observe("dom:loaded", function() {
	if (document.getElementById('slideshow')) {
		initSlides();
		slideShowManual();
	} else {
		return false;
	}
});