// JavaScript Document


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

	}


$(document).ready(function(){
	
	
	
	
	
	
	//window in  front allows you to get global variables
/*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);


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


initializeMarquee();
	//Preload
/*$('marquee_container img').imgpreload(function(){
	
		initializeMarquee();
	});*/
	
	
	
//Generate Navigation Links
$('.marquee_panels .marquee_panel').each(function(index){
	$('.marquee_nav').append('<a class="marquee_nav_item"></a>');		
	window.totalPanels = index + 1;
	/*DEBUG*/ $('.totalPanels').html('totalPanels = ' + window.totalPanels );
	
	
	});
	
		
//Generate Photo Lineup
	//look for all photos with class name 
	//will count each time finds photo and starts at 0
	$('img.marquee_panel_photo').each(function(index){
			var photoWidth = $('.marquee_container').width();	
			//(0 * 700 = 0) (1 * 700 = 700) (2 * 700 = 1400) using the index to stack the numbers accross
			var photoPosition = index * photoWidth;
			$('.marquee_photos').append('<img class="marquee_photo" style="left:'+ photoPosition +'" src="'+ $(this).attr('src') +'" alt="'+$(this).attr('alt') +'" width="'+ photoWidth +'" height="350" />');
			$('.marquee_photos').css('width',photoPosition+photoWidth);			
		
		});
	
	
	
	// Set up navigation Links
	$('.marquee_nav a.marquee_nav_item').click(function(){
		
		
		$('a.marquee_nav_item').removeClass('selected');
		$(this).addClass('selected');
			
		var navClicked = $(this).index();
		var marqueeWidth = $('.marquee_container').width();
		var distanceToMove = marqueeWidth * (-1);
		var newPhotoPosition = navClicked * distanceToMove + 'px';
		var newCaption = $('.marquee_panel_caption').get(navClicked);
		window.currentPanel = navClicked + 1;
		/*DEBUG*/ $('.currentPanel').html('currentPanel = ' + window.currentPanel);
		
		
	
		$('.marquee_photos').animate({left: newPhotoPosition}, 1000);
		
		$('.marquee_caption').animate({top: '350px'}, 500, function(){
	
		
			var newHTML = $(newCaption).html();
				$('.marquee_caption_content').html(newHTML);
				setCaption();			
			});
		
		});
	
	
});

function setCaption(){

	var captionHeight = $('.marquee_caption').height();
	var marqueeHeight = $('.marquee_container').height();
	var newCaptionHeight = marqueeHeight - captionHeight - 15;
	$('.marquee_caption').delay(100).animate({top:newCaptionHeight}, 500); 
	
	
	
}
	
	
	
function initializeMarquee(){
	
	
			$('.marquee_caption_content').html(
				$('.marquee_panels .marquee_panel:first .marquee_panel_caption').html()
					
			);	
			$('.marquee_nav a.marquee_nav_item:first').addClass('selected');
			$('.marquee_photos').fadeIn(1500);
			setCaption();
		
}