var currentPanel = 1;
var totalPanels = 0;
var autoPlay = true;
var timePassed = 0;
var timeToChange = 5;

function autoAdvance(){
	
	if (window.timePassed == window.timeToChange){
		window.timePassed = 0;
		if(window.currentPanel == window.totalPanels){
			currentPanel = 0;
		}
		if (autoPlay == true){
			$('.slides_nav a.slides_nav_item:nth-child('+(window.currentPanel+1)+')').trigger('click');
		}
	}else{
		window.timePassed += 1;
	}
	$('.timePassed').html('timePassed = '+window.timePassed);  //......................
	$('.autoPlay').html('autoPlay = '+window.autoPlay);  //......................
}

$(document).ready(function(){

	//autoplay...................................................
	/* debug */ $('.autoPlay').html('autoPlay = '+window.autoPlay);  //......................
	/* debug */ $('.timePassed').html('timePassed = '+window.timePassed);  //......................
	/* debug */ $('.timeToChange').html('timeToChange = '+window.timeToChange);  //......................
	/* debug */ $('.currentPanel').html('currentPanel = '+window.currentPanel);  //.....................
	setInterval(autoAdvance, 1000);

	//autoplay
	$('.slides_container').hover(
		function(){
			window.autoPlay = false;
			$(this).removeClass('autoplay');
		},
		function(){
			window.autoPlay = true; window.timePassed = 0;
			$(this).addClass('autoplay');
		}
	);
	
	//END autoplay


	// Generate Navigation links
	$('.slides_panels .slides_panel').each(function(index){
		$('.slides_nav').append('<a class="slides_nav_item" ></a>');
		totalPanels = index + 1;  //NEW..................................................................
		$('.totalPanels').html('totalPanels = '+totalPanels);  //......................
	});
	
	// Generate Photo Lineup
	$('img.slides_panel_photo').each(function(index){
		var photoWidth = $('.slides_container').width();
		var photoPosition = index * photoWidth;
		$('.slides_photos').append('<img class="slides_photo" style="left: '+photoPosition+'" src="'+$(this).attr('src')+'" alt="'+$(this).attr('alt')+'" width="600" height="339" />');
		$('.slides_photos').css('width', photoPosition+photoWidth);
	});

	// Set up Navigation Links
	$('.slides_nav a.slides_nav_item').click(function(){
		
		// Set the navigation state
		$('.slides_nav a.slides_nav_item').removeClass('selected');
		$(this).addClass('selected');
		
		var navClicked = $(this).index();
		var slidesWidth = $('.slides_container').width();
		var distanceToMove = slidesWidth*(-1);
		var newPhotoPosition = navClicked*distanceToMove + 'px';
		var newCaption = $('.slides_panel_caption').get(navClicked);
		window.currentPanel = navClicked + 1;
		/* debug */ $('.currentPanel').html('currentPanel = '+window.currentPanel);  //.....................
		
		$('.slides_photos').animate({left: newPhotoPosition}, 1000); /* slide speed */
	
	});

});

function initializeslides(){
	$('.slides_caption_content').html(
		$('.slides_panels .slides_panel:first .slides_panel_caption').html()
	);
	$('.slides_nav a.slides_nav_item:first').addClass('selected');
	$('.slides_photos').fadeIn(1000);
	setCaption();
}