// JavaScript Document

$(document).ready(function(){
	
	// Preload
	$('.marquee_panels img').imgpreload(function(){
		initializeMarquee();	
	});
	$('.marquee_photos').fadeIn(1500);
	
	//Generate Photo Lineup
	$('img.marquee_panel_photo').each(function(index){
		var photoWidth = $('.marquee_container').width();	 // 700
		var photoPosition = index * photoWidth;   			 // 5*700 = 3500 + 700 = 4200
		$('.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);
	});
	
	// Generate Navigation Links
	$('.marquee_panels .marquee_panel').each(function(index){
		$('.marquee_nav').append('<a class="marquee_nav_item"></a>');
	});
	
	// Set up Navigation 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);
		
		$('.marquee_photos').animate({left: newPhotoPosition}, 1000);
		$('.marquee_caption').animate({top: '340px'}, 500, function(){
			var newHTML = $(newCaption).html();
			$('.marquee_caption_content').html(newHTML);
			setCaption();			
		});
	});
	
	
	
	// Previous and Next rollover effects
	
	$('.previous_image').hover(function(){
	  		$('.previous_image').css("background-image", "url(http://heli-ops.com/wordpress/wp-content/themes/Heli-Ops/images/left_arrow_over.png)");  
		},
		function(){
			$('.previous_image').css("background-image", "url(http://heli-ops.com/wordpress/wp-content/themes/Heli-Ops/images/left_arrow.png)");  
	});
	$('.previous_image').mousedown(function(){
			$('.previous_image').css("background-image", "url(http://heli-ops.com/wordpress/wp-content/themes/Heli-Ops/images/left_arrow_on.png)");  
	});
	$('.previous_image').mouseup(function(){
			$('.previous_image').css("background-image", "url(http://heli-ops.com/wordpress/wp-content/themes/Heli-Ops/images/left_arrow.png)");  
	});
	
	
	
	
	
	$('.next_image').hover(function(){
	  		$('.next_image').css("background-image", "url(http://heli-ops.com/wordpress/wp-content/themes/Heli-Ops/images/right_arrow_over.png)");  
		},
		function(){
			$('.next_image').css("background-image", "url(http://heli-ops.com/wordpress/wp-content/themes/Heli-Ops/images/right_arrow.png)");  
	});
	$('.next_image').mousedown(function(){
			$('.next_image').css("background-image", "url(http://heli-ops.com/wordpress/wp-content/themes/Heli-Ops/images/right_arrow_on.png)");  
	});
	$('.next_image').mouseup(function(){
			$('.next_image').css("background-image", "url(http://heli-ops.com/wordpress/wp-content/themes/Heli-Ops/images/right_arrow.png)");  
	});
	
	
		
	// Set up previous and next links
	
		$('.previous_image').click(function(){
			
			// adjust for index number and make it negative
			var Totalpics = (($('.marquee_nav a.marquee_nav_item').length) -1) * (-1);
			var CurrentNav = parseInt($('.selected').index());
			var newCurrentNav = parseInt((CurrentNav)) - 1;
			
			var marqueeWidth = $('.marquee_container').width();  // 700
			var distanceToMove = marqueeWidth * (-1);			 // -700
			var newPhotoPosition = newCurrentNav * distanceToMove + 'px'; 
			var newCaption = $('.marquee_panel_caption').get(newCurrentNav);
			var endPhotoPosition = Totalpics * marqueeWidth;
			
			if (CurrentNav != 0)
				{	
					$('.marquee_nav a.marquee_nav_item').removeClass('selected');
					$('.marquee_nav a.marquee_nav_item:eq(' + newCurrentNav + ')').addClass('selected');
					$('.marquee_photos').animate({left: newPhotoPosition}, 1000);
					$('.marquee_caption').animate({top: '340px'}, 500, function(){
						var newHTML = $(newCaption).html();
						$('.marquee_caption_content').html(newHTML);
						setCaption();
						});
				}
			else
				{
					$('.marquee_nav a.marquee_nav_item').removeClass('selected');
					$('.marquee_nav a.marquee_nav_item:last').addClass('selected');
					$('.marquee_photos').animate({left: endPhotoPosition}, 1000);
					$('.marquee_caption').animate({top: '340px'}, 500, function(){
						var newHTML = $(newCaption).html();
						$('.marquee_caption_content').html(newHTML);
						setCaption();
						});
				}
		});
		
		$('.next_image').click(function(){
				
				var Totalpics = ($('.marquee_nav a.marquee_nav_item').length);
				var CurrentNav = parseInt($('.selected').index());
				var newCurrentNav = parseInt((CurrentNav)) + 1;
				
				var marqueeWidth = $('.marquee_container').width();
				var distanceToMove = marqueeWidth * (-1);
				var newPhotoPosition = newCurrentNav * distanceToMove + 'px';
				var newCaption = $('.marquee_panel_caption').get(newCurrentNav);
				var firstCaption = $('.marquee_panel_caption').get(0);
				
				if (newCurrentNav < Totalpics)
					{	
						$('.marquee_nav a.marquee_nav_item').removeClass('selected');
						$('.marquee_nav a.marquee_nav_item:eq(' + newCurrentNav + ')').addClass('selected');
						$('.marquee_photos').animate({left: newPhotoPosition}, 1000);
						$('.marquee_caption').animate({top: '340px'}, 500, function(){
							var newHTML = $(newCaption).html();
							$('.marquee_caption_content').html(newHTML);
							setCaption();
							});
					}
				else
					{
						$('.marquee_nav a.marquee_nav_item').removeClass('selected');
						$('.marquee_nav a.marquee_nav_item:first').addClass('selected');
						$('.marquee_photos').animate({left: 0}, 1000);
						$('.marquee_caption').animate({top: '340px'}, 500, function(){
							var newHTML = $(firstCaption).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');
	setCaption();
}