var now = 0;
var i = 1;

var fadeSpeed = 500;
var slideshowSpeed = 7000;
var sliderSpeed = slideshowSpeed
$(document).ready(function() {
	
	var slides = $('#slideshow').children().length;

	// slides control
	$('#controls-wrapper').css('width', (slides*15 + 10))
	
	//$('#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++;
			
			interval = setInterval(function() {
				if (i == slides) {i = 0;}
				swap(i);
				i++;
			}, slideshowSpeed * 3);
		}
		return false;
	});
	

	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);
		});
	};

	if (slides > 1) {
		var interval = setInterval(function() {
			if (i == slides) {i = 0;}
	                if (i == 0 || i == 1) {
	                    sliderSpeed = 10000; 
	                } else {
	                    sliderSpeed = slideshowSpeed;
	                }                
			swap(i);
			i++;
		}, sliderSpeed);
	}
});