$(document).ready(function(){

	// SLIDESHOW SETTINGS --------------------------------------------------------------------------------

	var homeMainSlideListId = "#home_slider_main #home_slider_main_slides";				// this is the id of each slide list
	var homeMainSlideClass = "#home_slider_main #home_slider_main_slides .slide";		// this is the class of each slide
	
	var homeMainNavigationClass = "#home_slider_main .navigation";							// this is the class of the navigation
	var homeMainThumbnailClass = "#home_slider_main .navigation .thumb";				// this is the class of each navigation thumbnail
	var homeMainThumbnailSelectedClass = "selected";											// this is the class of the selected/active thumbnail

	var homeMainAutoFrequency = 6500;																// how often the slides auto transition (msec)
	
	// END OF SLIDESHOW SETTINGS  ------------------------------------------------------------------------
	// ---------------------------------------------------------------------------------------------------

	// turn on the auto transitioning
	enableHomeMainAutoTransition();
	
	// function to enable auto transitioning
	function enableHomeMainAutoTransition() {
		$(document).everyTime(homeMainAutoFrequency, homeMainSlideListId, function(i) {
			autoTransitionHomeMainSlider(); 
		}, 0);	// 0 here means there is no limit to how many times this can happen
	}
	
	// function to automatically transitions to the next appropriate slide
	function autoTransitionHomeMainSlider() {
		// get the current selected slide index
		var selectedThumbnail = $(homeMainNavigationClass).find('.' + homeMainThumbnailSelectedClass);
		var selectedThumbnailIndex = selectedThumbnail.index();
		
		var slide_index;
		// go back to beginning if it's at the last slide
		if (selectedThumbnailIndex == ($(homeMainSlideClass).size() - 1))
			slide_index = 0;
		else
			slide_index = selectedThumbnailIndex + 1;
		
		transitionHomeMainSlider(slide_index);
	}
	
	// function for when a thumbnail is clicked/selected
	$(homeMainThumbnailClass).click(function() {		
		// get which index number this thumbnail is (starts at 0)
		var slide_index = $(this).index();
		
		// do slide transition
		transitionHomeMainSlider(slide_index);
		
		// restart the auto transition timer
		$(document).stopTime(homeMainSlideListId);
		enableHomeMainAutoTransition();
		
		return false;
	});
	
	// this function changes the slide and thumbnail
	function transitionHomeMainSlider(slide_index) {
		// change the selected thumbnail
		// first remove the existing selected class
		$(homeMainThumbnailClass).removeClass(homeMainThumbnailSelectedClass);
		
		// add the selected class to this thumbnail
		$(homeMainThumbnailClass).eq(slide_index).addClass(homeMainThumbnailSelectedClass);
				
		// change to the selected slide
		$(homeMainSlideClass).hide();
		$(homeMainSlideClass).eq(slide_index).fadeIn(800);
	}
});