var now = 0;
var i = 1;

$(document).ready(function() {

	var slides = $('#slideshow').children().length;

	//$('#slideshow').children().hide();
	//$('#slide-1').show();

	$('.control').click(function(event) {
		now = event.target.id.match(/control-(\d+)/)[1] - 1;
		if (now != i - 1) {
			i = now;
			$('a').removeClass('active');
			$(this).addClass('active');
			clearInterval(interval);
			swap(i);
			i++;
			
			/* Restart slideshow after a long pause */
			interval = setInterval(function() {
				if (i == slides) {i = 0;}
				swap(i);
				i++;
			}, slideshowSpeed * 3);
		}
	});

	var swap = function(i) {
		$('#slideshow').children().fadeOut(function() {
			setTimeout(function() {
				$('a').removeClass('active');
				$('#control-' + (i + 1)).addClass('active');
				$('#slide-' + (i + 1)).addClass('active').fadeIn(fadeSpeed);
			}, fadeSpeed);
		});
	};

	var interval = setInterval(function() {
		if (i == slides) {i = 0;}
		swap(i);
		i++;
	}, slideshowSpeed);
});