// JavaScript Document
// Written by Chris Converse
// for Lynda.com

/*var currentPanel = 1;
var totalPanels = 0;
var autoPlay  = false;
var timePassed = 0;
var timeToChange = 8;*/

/*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(){
	
/* 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');
})


	// Generate Navigation links
	$('.marquee_panels .marquee_panel').each(function(index){
		$('.marquee_nav').append("<a class='marquee_nav_item' >"+(index+1)+"</a>");
		window.totalPanels = index +1;
		/* debug*/ $('.totalPanels').html('totalPanels = ' +window.totalPanels);
	});
	
	
	// 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+'" onclick="'+$(this).attr('onclick')+'" src="'+$(this).attr('src')+'" alt="'+$(this).attr('alt')+'" width="960" height="250" />');
		$('.marquee_photos').css('width', photoPosition+photoWidth);
		$('#photo1').val(photoWidth);
		$('#photo2').val(photoPosition);
	});


	// Inicializa itens da navegação
	$('.marquee_nav a.marquee_nav_item').click(function(){
		
		// estado da navegação
		$('.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;
		/* debug*/ $('.currentPanel').html('currentPanel = ' +window.currentPanel);
		
		// anima fotos e descrição
		$('.marquee_photos').animate({left: newPhotoPosition}, 1000);
		$('.marquee_caption').animate({top: '-240px'}, 500, function(){
			var newHTML = $(newCaption).html();
			$('.marquee_caption_content').html(newHTML);
			setCaption();
		});
	});
	
	
	// precarrega imagens, então inicia marquee

		initializeMarquee();
	
});

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();
}

function setCaption(){
	var captionHeight = $('.marquee_caption').height();
	var marqueeHeight = $('.marquee_container').height();
	var newCaptionTop = 0;
	$('.marquee_caption').delay(100).animate({top: newCaptionTop}, 500);
}