// 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;
	
	}
}

$(document).ready(function(){
	
	
	setInterval(autoAdvance, 5000);
	
	$('.marquee_container').hover(
		function(){
			window.autoPlay = false;
			$(this).removeClass('autoplay');
			},
		function(){
			window.autoPlay = true;
			window.timePassed = 0;
			$(this).addClass('autoplay')
			}
								  
	);
	
	//Preload
	$('.marquee_panels img').imgpreload(function(){
		initializeMarquee();										 	
	});
	
	//Generate Photo Lineup
	$('img.marquee_panel_photo').each(function(index){
		var photoWidth = $('.marquee_container').width();
		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"300" />');	
		$('.marquee_photos').css('width', photoPosition+photoWidth);
	});
	
	// 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);
		});
	
	//Set-up Nav Links
	$('.marquee_nav a.marquee_nav_item').click(function(){
														
		$('.marquee_nav 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;		
		
		$('.marquee_photos').animate({left: newPhotoPosition}, 1000);
		$('.marquee_caption').animate({left: '-250px'}, 500, function(){
			var newHTML = $(newCaption).html();
			$('.marquee_caption_content').html(newHTML);
			setCaption();
		});
	});
});

function setCaption(){
		var captionWidth = $('.marquee_caption').width();
		var marqueeWidth = $('.marquee_container').width();
		var newCaptionWidth = marqueeWidth - 580;
		$('.marquee_caption').delay(100).animate({left: newCaptionWidth}, 500);
		
}

function initializeMarquee(){
		$('.marquee_caption_content').html(
			$('.marquee_panels .marquee_panel:first .marquee_panel_caption').html()
		);	
		$('.marquee_nav a.marquee_nav_item').addClass('selected');
		$('.marque_photos').fadeIn(1500);
		setCaption()
}