// JavaScript Document

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

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

var autoAdvanceTracker = "1";

var autoAdvanceInt = 0;

$(document).ready(function(){
	
	/* 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);
	
	$('.featuredArticleContainer').hover(
		function(){
			window.autoPlay = false;
			$(this).removeClass('autoplay');	
		},
		function(){
			window.autoPlay = true;
			window.timePassed = 0;
			$(this).addClass('autoplay');
		}
	
	);
	
	//window.autoAdvanceInt = window.setInterval("autoAdvance()", 10000);
	
	//Generate Photo Lineup	
	$('img.featuredArticleThumb').each(function(index){
		
		var photoWidth = $('.featuredArticleContainer').width();
		var photoPosition = index * photoWidth;
		$('.featuredArticlePhotos').append('<img class="featuredArticlePhoto" style="left:'+photoPosition+'" src="'+$(this).attr('src')+'" alt="'+$(this).attr('alt')+'" width="'+photoWidth+'" height="330" />');
		$('.featuredArticlePhotos').css('width', photoPosition+photoWidth);
	});
	
	// Generate Navigation Links
	$('.featuredArticlePanels .featuredArticlePanel').each(function(index){
		$('.featuredArticleNav').append('<a class="featuredArticleNavBtn"></a>');
		window.totalPanels = index + 1;
		/* debug */ $('.totalPanels').html('totalPanels = '+window.totalPanels);
	});
	
	// Set up Navigation Links
	$('.featuredArticleNav a.featuredArticleNavBtn').click(function(){
		
		
		//if( window.autoAdvanceTracker == "1" ) {
//			window.autoAdvanceTracker = "0";
//			window.clearInterval( autoAdvanceInt );
//			setTimeout( 'restartInterval()', 60000);
//		}
		
		$('.featuredArticleNav a.featuredArticleNavBtn').removeClass('selected');
		$(this).addClass('selected');
		
		var navClicked = $(this).index();
		var marqueeWidth = $('.featuredArticleContainer').width();
		var distanceToMove = marqueeWidth*(-1);
		var newPhotoPosition = navClicked*distanceToMove + 'px';
		var newCaption = $('.featuredArticleCaption').get(navClicked);
		window.currentPanel = navClicked + 1;
		/* debug */ $('.currentPanel').html('currentPanel = '+window.currentPanel);
		
		// Animate the photos and caption
		$('.featuredArticlePhotos').animate({left: newPhotoPosition}, 1000);
		$('.featuredArticleInfo').animate({top: '261px'}, 500, function(){
			var newHTML = $(newCaption).html();
			$('.featuredArticleCaptionContent').html(newHTML);
			setCaption();
		});
	});
	
	// Preload all images, then initialize marquee
	$('.featuredArticlePanels img').imgpreload(function(){
		initializeMarquee();
	});

});

function initializeMarquee(){
	$('.featuredArticleCaptionContent').html(
		$('.featuredArticlePanels .featuredArticlePanel:first .featuredArticleCaption').html()
	);
	$('.featuredArticleNav a.featuredArticleNavBtn:first').addClass('selected');
	$('.featuredArticlePhotos').fadeIn(1500);
	setCaption();
}

function setCaption(){
	var captionHeight = $('.featuredArticleInfo').height();
	var marqueeHeight = $('.featuredArticleContainer').height();
	var newCaptionTop = marqueeHeight - captionHeight;
	$('.featuredArticleInfo').delay(100).animate({top: newCaptionTop}, 500);
}

//function autoAdvance(){
//	var currentNav = $('.featuredArticleNav a.selected').index();
//	var totalNavItems = $('.featuredArticleNav a:last').index();
//	var currentPositionMultiplier = currentNav+(1);
//	var marqueeWidth = $('.featuredArticleContainer').width();
//	var currentLeftPosition = currentNav * marqueeWidth * (-1);
//	var newPhotoPosition = currentLeftPosition - marqueeWidth + 'px';
//	
//	// Animate the photos and caption
//	if(currentNav < totalNavItems) {
//		var newCaptionNumber = currentNav + (1);
//		var newCaption = $('.featuredArticleCaption').get(newCaptionNumber);
//		$('.featuredArticlePhotos').animate({left: newPhotoPosition}, 1000);
//		$('.featuredArticleInfo').animate({top: '264px'}, 500, function(){
//			var newHTML = $(newCaption).html();
//			$('.featuredArticleCaptionContent').html(newHTML);
//			setCaption();
//		});
//	} else {
//		var newCaptionNumber = 0;
//		var newCaption = $('.featuredArticleCaption').get(newCaptionNumber);
//		$('.featuredArticlePhotos').animate({left: '0px'}, 1000);
//		$('.featuredArticleInfo').animate({top: '264px'}, 500, function(){
//			var newHTML = $(newCaption).html();
//			$('.featuredArticleCaptionContent').html(newHTML);
//			setCaption();
//		});
//	}
//	$('.featuredArticleNav a.featuredArticleNavBtn').removeClass('selected');
//	$('.featuredArticleNav a.featuredArticleNavBtn:eq('+newCaptionNumber+')').addClass('selected');
//}
//
//function restartInterval(){
//	window.autoAdvanceInt = window.setInterval("autoAdvance()", 10000);
//	window.autoAdvanceTracker = "1";
//}