var img_interval;
var img_interval_time = 5000;
var fade_timeout;
var fade_time = 500;

$(document).ready(function(){
	
	Cufon.replace('#slideshow .text h2, #slideshow .text p', { fontFamily: 'Frutiger'})
	
	if($('#slideshow .slides .slide').size() > 1){
		// Setup a timer for the slideshow
		img_interval = setInterval(nextImage, img_interval_time);

		// Create the control buttons
		$('#slideshow .slides .slide').each(function(i, val){
			var control = $('<a class="control slide" href="">'+(i + 1)+'</a>');
			$('#slideshow .controls').append(control);
		})
		var control = $('<a class="control pause" href="">Pause</a>');
		$('#slideshow .controls').append(control);
		
		//Set the first image/control to active
		$('#slideshow .controls > :first-child').addClass('active');
		$('#slideshow .slides > .slide:first-child').addClass('active');

		// Hide the non active images
		$('#slideshow .slides > .slide:not(.active)').hide();

		// Bind the Pause button
		$('#slideshow .controls > .pause').live('click', function(e){
			e.preventDefault();
		
			clearInterval(img_interval);
			$(this).removeClass('pause').addClass('play').text('Play');
		})
		
		// Bind the Play button
		$('#slideshow .controls > .play').live('click', function(e){
			e.preventDefault();
			
			nextImage();
			$(this).removeClass('play').addClass('pause').text('Pause');
			img_interval = setInterval(nextImage, img_interval_time);
		})
		
		$('#slideshow .controls > .slide.active').live('click', function(e){
			e.preventDefault();
		})
		// Change the slideshow image when someone clicks the button at the bottom
		$('#slideshow .controls > .slide:not(.active)').live('click', function(e){
			e.preventDefault();
			
			clearInterval(img_interval);
			clearTimeout(fade_timeout);
			index = $(this).siblings('.active').index();
			next_index = $(this).index();

			// Change which button is on
			$('#slideshow .controls > .pause').removeClass('pause').addClass('play').text('Play');
			$(this).siblings('.active').removeClass('active');
			$(this).addClass('active');

			fadeImage(index, next_index);
		})
	}else{
		$('#slideshow .controls').hide();
	}

	// Change to the next image in the slideshow when the timer fires
	function nextImage()
	{
		index = $('#slideshow .slides > .slide.active').index();
		count = $('#slideshow .slides > .slide').size();

		if(index + 1 == count){
			next_index = 0;
		}else{
			next_index = index + 1;
		}

		// Change which button is on
		$('#slideshow .controls > .slide.active').removeClass('active');
		$('#slideshow .controls > .slide:eq('+next_index+')').addClass('active');

		// Fade between the images
		fadeImage(index, next_index);

	}
	
	function fadeImage(index, next_index)
	{
		$('#slideshow .slides > .slide').eq(index).siblings().hide();
		$('#slideshow .slides > .slide').eq(next_index).siblings().removeClass('active');
		$('#slideshow .slides > .slide').eq(next_index).addClass('active');
		$('#slideshow .slides > .slide').eq(next_index).fadeIn(fade_time)
	}
});