/*
This Javascript controls the display of the slideshow on the agency landing page.
*/

$(document).ready(function()
{

	/******************************
		INITIALIZE
	*******************************/
	
	var numSlides = 4; /* This number can't be changed without changing the number of slides on other pages. */
	var slideNum = 1; /* Display first slide */
	
	$('div#page-wrapper div#slideshow ul#slide-buttons').show();
	
	
	/******************************
		DEFINE FUNCTIONS
	*******************************/
	// Hide all of the slides
	function hideAllSlides()
	{
		for( i=1; i <= numSlides; i++)
		{
			$('#slideshow #slide-'+i).hide();
		}
	}
	
	// Fade all of the slides
	function fadeAllSlides()
	{
		for( i=1; i <= numSlides; i++)
		{
			$('#slideshow #slide-'+i).fadeOut(800);
		}
	}
	
	// Hide all of the slide pod selector buttons
	function turnButtonsOff()
	{
		for( i=1; i <= numSlides; i++)
		{
			$('div#slideshow ul#slide-buttons li#slide-btn-' + i).removeClass('active-slide-btn').addClass('inactive-slide-btn');
		}
	};
	
	// Display the slide pod passed via the function argument 
	var slideShow =	function()
	{
		fadeAllSlides();
		
		++slideNum;
		// When the last slide is displayed, loop to the beginning.
		if(slideNum > numSlides)
		{
			slideNum = 1;
		}
		$('#slideshow #slide-' + slideNum).fadeIn(800);
		
		turnButtonsOff();
		
		$('div#slideshow ul#slide-buttons li#slide-btn-' + slideNum).addClass('active-slide-btn');
		
	}; // end slideShow()
	
	// Display the active slide button
	function displaySlideButton(btnNum)
	{
		turnButtonsOff();
		$('div#slideshow ul#slide-buttons li#slide-btn-' + btnNum).removeClass('inactive-slide-btn').addClass('active-slide-btn');
	}; // end displayStoryButton()


	/*************************************
		USER FIRST ARRIVES AT THE PAGE
	**************************************/
	// hideAllSlides();
	// Display the first slide
	//$('div#slideshow #slide-' + slideNum).fadeIn(800);
	// Start the slideshow
	var slideShowTimer = setInterval(slideShow, 8000);	
	// If user clicks on a slideshow button, display the associated slide.
	// "slideNum" is passed from slideshow selector buttons
	$('div#page-wrapper div#slideshow ul#slide-buttons li#slide-btn-' + slideNum).addClass('active-slide-btn');
	
	
	/*************************************
		SLIDESHOW BUTTONS
	**************************************/
	// Display the selected slide
	$('div#slideshow ul#slide-buttons li#slide-btn-1').click(function()
		 {
			 fadeAllSlides();
			 turnButtonsOff();
			 $(this).removeClass('inactive-slide-btn').addClass('active-slide-btn');
			 $('#slideshow #slide-1').fadeIn(800);
			 // Stop the slideshow
			 clearInterval(slideShowTimer);
		 }
	 );
	
	$('div#slideshow ul#slide-buttons li#slide-btn-2').click(function()
		 {
			 fadeAllSlides();
			 turnButtonsOff();
			 $(this).removeClass('inactive-slide-btn').addClass('active-slide-btn');
			 $('#slideshow #slide-2').fadeIn(800);
			 // Stop the slideshow
			 clearInterval(slideShowTimer);
		 }
	 );
	
	$('div#slideshow ul#slide-buttons li#slide-btn-3').click(function()
		 {
			 fadeAllSlides();
			 turnButtonsOff();
			 $(this).removeClass('inactive-slide-btn').addClass('active-slide-btn');
			 $('#slideshow #slide-3').fadeIn(800);
			 // Stop the slideshow
			 clearInterval(slideShowTimer);
		 }
	 );
	
	$('div#slideshow ul#slide-buttons li#slide-btn-4').click(function()
		 {
			 fadeAllSlides();
			 turnButtonsOff();
			 $(this).removeClass('inactive-slide-btn').addClass('active-slide-btn');
			 $('#slideshow #slide-4').fadeIn(800);
			 // Stop the slideshow
			 clearInterval(slideShowTimer);
		 }
	 );
	

}); // end document.ready