var fadeSpeed = 1500, slideDelay = 8000;
var currentNumber = 0;
var slides, slideTimer, numSlides;
var paused = stopped = started = false;

jQuery(function($){
	slides = $('#slides > div');
	numSlides = slides.length;
	
	$('#slides .slide').not('.slide0').animate({opacity:0}, 0);
	$('.slide0').animate({opacity:1},0);
	
	$('body').prepend('<div id="debug"></div>');
	
	$('#nav span').bind('click keyup', function(e){
		numberClick( $(this) );
		if( e.type == 'click' )
		{
			stopped = true;
		}
	});
	
	$('#slideshow').hover(function(){
		paused = true;
		clearTimeout(slideTimer);
	}, function(){
		if( stopped != true )
		{
			paused = false;
			slideTimer = setTimeout( slideNext, slideDelay );
		}
	});
	
	
	
	
	slideNext();
});


function slideNext()
{	
	if( paused != true && stopped != true )
	{
		$('#nav span').eq( currentNumber ).trigger('keyup');
		slideTimer = setTimeout( slideNext, slideDelay );
	}
}


function numberClick(clicked)
{
	$('#nav span').not(clicked).removeClass('active');
	clicked.addClass('active');
	
	currentNumber = clicked.index();
	showSlide( currentNumber );
	if( !stopped )
	{
		currentNumber++;
		if( currentNumber >= numSlides) currentNumber = 0;
	}
}


function showSlide(currentNumber)
{
	if( $('.slide.active').length )
	{
		$('.slide.active').stop().animate({opacity:0}, fadeSpeed, function(){
			$(this).removeClass('active');
		});
	}
	
	
	$('#slides .slide').eq(currentNumber).stop().animate({opacity:1}, fadeSpeed, function(){
		$(this).addClass('active');
	});
	
	started = true;
	
}