// JavaScript Document

 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){
				curentPanel = 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, 1000);
	
	$('.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+'" heght="400" />');
		$('.marquee_photos').css('width' , photoPosition+photoWidth); 
		});
	
	// generate nav links
	$('.marquee_panels .marquee_panel').each(function(index){
			$('.marquee_nav').append('<a class="marquee_nav_item"></a>');
			window.totalPanels = index + 1;
			
	    });
	
	// 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({top: '390px'}, 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();
  }