// JavaScript Document
var $fadeSpeed = 1000;
var $transitionDealy = 7000;
var $showSlideNav = true;
var $showSlideNavNumbers = false;
var $intervalID;
var $stopOnSlideNbr = 4;

function slideTransition($next) {
	var $active = $('.show .slide.active');
	if ( $active.length == 0 ) $active = $('.show .slide:last');

	if ($next == -1)
	{
		$next = $active.next(".slide").length ? $active.next(".slide") : $('.show .slide:first');
	}
	else
	{
		$(".show").find(".slide").each( function(i) {
			if (i == $next)
			{
				clearInterval($intervalID);
				$slideNbr = $next;
				$next = $(this);
				if($slideNbr != $stopOnSlideNbr)
				{
					$intervalID = setInterval( "slideTransition(" + ($slideNbr + 1) + ")", $transitionDealy );
				}
				else
				{
					// Cancel timing event
					clearInterval($intervalID);
				}
			}
		});
	}

	$active.addClass('last-active');
	if ($showSlideNav) { updateSlideNav($(".show .slide").index($next)); }
	$next.css({opacity: 0.0})
		.addClass('active')
		.animate({opacity: 1.0}, $fadeSpeed, function() {
			$active.removeClass('active last-active');
	});
}

function updateSlideNav($newNavIndex)
{
	var $activeNav = $(".show-nav a.active");
	var $newNav = $(".show-nav a").eq($newNavIndex);
	$activeNav.removeClass("active");
	$newNav.addClass("active");
	return;
}

$(document).ready(function() {
	
	// If show slide navigaton and slides exist create slide navigation area
	if ( $showSlideNav && $(".slide").length ) { $(".show").append("<div class=\"show-nav\"></div>") }

	$(".show").find(".slide").each(function(i) {
		var $output = "<a href=\"#\" ";
		$output += (i == 0) ? "class=\"active\" " : "";
		$output += "onclick=\"slideTransition(" + i + "); return false;\">";
		if ($showSlideNavNumbers) { $output += i + 1; }
		$output += "</a> ";
		$(".show-nav").append($output);
	});

	$(function() { $intervalID = setInterval( "slideTransition(1)", $transitionDealy ); });
});