slideInterval = 5000;

function setInitialSlide()
{
	var activeButton = $('#slideControls a.active');
	var active = $('#slideContainer>div.slide.active');

	if (activeButton.length == 0)
	{
		$('#slideControls a:first').addClass('active');
	}

	if (active.length == 0)
	{
		$('#slideContainer>div.slide:first').addClass('active');
	}
}


function divSlide() {

	var $activeButton = $('#slideControls a.active');
	var $nextButton = $activeButton.next().length? $activeButton.next(): $('#slideControls a:first');

	var $active = $('#slideContainer>div.slide.active');
	var $next = $active.next().length ? $active.next(): $('#slideContainer>div.slide:first');

	$nextButton.addClass('active');
	$activeButton.removeClass('active');

	$active.addClass('last-active');
	$next.css({opacity: 1.0})
	.addClass('active')
	.animate({opacity: 1.0}, 1000, function()
		{
			$active.removeClass('active last-active')

		}
	);

}


function slideJump(jumpSlide) {
	var $active = $('#slideContainer .slide.active');
	var $jumpTo = $('#slideContainer .slide:eq('+jumpSlide+')');

	$active.addClass('last-active');
	$jumpTo.css({opacity: 1.0}).addClass('active');
	$active.removeClass('active last-active');
}
function slideStart()
{
	return setInterval("divSlide()", slideInterval);
}

function slideStop(slideshowID)
{
	clearInterval(slideshowID);
}


$(function()
	{
		var slideshowID = slideStart();
		setInitialSlide();
		$('.jump').click(
			function() {
				return false;
			}
		);

		$('.jump').hover(
			function() {
				slideStop(slideshowID);
				$('#slideControls a.active').removeClass('active');
				$(this).addClass('active');
				slideJump($(this).index());
			},
			function() {
				slideshowID = slideStart();
			}
		);
		$('#slideContainer').hover(
			function() {
				slideStop(slideshowID);
			},
			function() {
				slideshowID = slideStart();
			}
		);

	}
);