jQuery(document).ready(function() {
	
	redrawDotNav();
	
	/* Scroll event handler */
    jQuery(window).bind('scroll',function(e){
    	parallaxScroll();
		redrawDotNav();
    });
    
	/* Next/prev and primary nav btn click handlers */
	/*jQuery('a.manned-flight').click(function(){
    	jQuery('html, body').animate({
    		scrollTop:0
    	}, 1000, function() {
	    	parallaxScroll(); // Callback is required for iOS
		});
    	return false;
	});
    jQuery('a.frameless-parachute').click(function(){
    	jQuery('html, body').animate({
    		scrollTop:jQuery('#frameless-parachute').offset().top
    	}, 1000, function() {
	    	parallaxScroll(); // Callback is required for iOS
		});
    	return false;
    });
    jQuery('a.english-channel').click(function(){
    	jQuery('html, body').animate({
    		scrollTop:jQuery('#english-channel').offset().top
    	}, 1000, function() {
	    	parallaxScroll(); // Callback is required for iOS
		});
    	return false;
    });
	jQuery('a.about').click(function(){
    	jQuery('html, body').animate({
    		scrollTop:jQuery('#about').offset().top
    	}, 1000, function() {
	    	parallaxScroll(); // Callback is required for iOS
		});
    	return false;
    });*/
	
		/* Next/prev and primary nav btn click handlers */
	jQuery('a.section1').click(function(){
    	jQuery('html, body').animate({
    		scrollTop:0
    	}, 600, function() {
	    	parallaxScroll(); // Callback is required for iOS
		});
    	return false;
	});
    jQuery('a.section2').click(function(){
    	jQuery('html, body').animate({
    		scrollTop:jQuery('#section2').offset().top
    	}, 600, function() {
	    	parallaxScroll(); // Callback is required for iOS
		});
    	return false;
    });
    jQuery('a.section3').click(function(){
    	jQuery('html, body').animate({
    		scrollTop:jQuery('#section3').offset().top
    	}, 600, function() {
	    	parallaxScroll(); // Callback is required for iOS
		});
    	return false;
    });
	jQuery('a.section4').click(function(){
    	jQuery('html, body').animate({
    		scrollTop:jQuery('#section4').offset().top
    	}, 600, function() {
	    	parallaxScroll(); // Callback is required for iOS
		});
    	return false;
    });
	jQuery('a.section5').click(function(){
    	jQuery('html, body').animate({
    		scrollTop:jQuery('#section5').offset().top
    	}, 600, function() {
	    	parallaxScroll(); // Callback is required for iOS
		});
    	return false;
    });
	jQuery('a.section6').click(function(){
    	jQuery('html, body').animate({
    		scrollTop:jQuery('#section6').offset().top
    	}, 600, function() {
	    	parallaxScroll(); // Callback is required for iOS
		});
    	return false;
    });
	jQuery('a.section7').click(function(){
    	jQuery('html, body').animate({
    		scrollTop:jQuery('#section7').offset().top
    	}, 600, function() {
	    	parallaxScroll(); // Callback is required for iOS
		});
    	return false;
    });
	/*jQuery('a.section7').click(function(){
    	jQuery('html, body').animate({
    		scrollTop:jQuery('#section7').offset().top
    	}, 1000, function() {
	    	parallaxScroll(); // Callback is required for iOS
		});
    	return false;
    });*/
    
    /* Show/hide dot lav labels on hover */
    jQuery('nav#primary a').hover(
    	function () {
			jQuery(this).prev('h3').show();
		},
		function () {
			jQuery(this).prev('h3').hide();
		}
    );
	
    
});

/* Scroll the background layers */
function parallaxScroll(){
	var scrolled = jQuery(window).scrollTop();
	jQuery('#parallax-bg1').css('top',(scrolled*0.75)+'px');
	jQuery('#parallax-bg2').css('top',(scrolled*0.5)+'px');
	//jQuery('#parallax-bg3').css('top',(scrolled*0.25)+'px');
}

/* Set navigation dots to an active state as the user scrolls */
/*function redrawDotNav(){
	var section1Top =  0;
	// The top of each section is offset by half the distance to the previous section.
	var section2Top =  jQuery('#frameless-parachute').offset().top - ((jQuery('#english-channel').offset().top - jQuery('#frameless-parachute').offset().top) / 2);
	var section3Top =  jQuery('#english-channel').offset().top - ((jQuery('#about').offset().top - jQuery('#english-channel').offset().top) / 2);
	var section4Top =  jQuery('#about').offset().top - ((jQuery(document).height() - jQuery('#about').offset().top) / 2);;
	jQuery('nav#primary a').removeClass('active');
	if(jQuery(document).scrollTop() >= section1Top && jQuery(document).scrollTop() < section2Top){
		jQuery('nav#primary a.manned-flight').addClass('active');
	} else if (jQuery(document).scrollTop() >= section2Top && jQuery(document).scrollTop() < section3Top){
		jQuery('nav#primary a.frameless-parachute').addClass('active');
	} else if (jQuery(document).scrollTop() >= section3Top && jQuery(document).scrollTop() < section4Top){
		jQuery('nav#primary a.english-channel').addClass('active');
	} else if (jQuery(document).scrollTop() >= section4Top){
		jQuery('nav#primary a.about').addClass('active');
	}
	
}*/

function redrawDotNav(){
	var section1Top =  0;
	// The top of each section is offset by half the distance to the previous section.
	var section2Top =  jQuery('#section2').offset().top - ((jQuery('#section3').offset().top - jQuery('#section2').offset().top) / 2);
	var section3Top =  jQuery('#section3').offset().top - ((jQuery('#section4').offset().top - jQuery('#section3').offset().top) / 2);
	var section4Top =  jQuery('#section4').offset().top - ((jQuery('#section5').offset().top - jQuery('#section4').offset().top) / 2);
	var section5Top =  jQuery('#section5').offset().top - ((jQuery('#section6').offset().top - jQuery('#section5').offset().top) / 2);
	var section6Top =  jQuery('#section6').offset().top - ((jQuery('#section7').offset().top - jQuery('#section6').offset().top) / 2);
	var section7Top =  jQuery('#section7').offset().top - ((jQuery(document).height() - jQuery('#section7').offset().top) / 2);;
	
	jQuery('nav#primary a').removeClass('active');
	
	if(jQuery(document).scrollTop() >= section1Top && jQuery(document).scrollTop() < section2Top){
		jQuery('nav#primary a.section1').addClass('active');
	} else if (jQuery(document).scrollTop() >= section2Top && jQuery(document).scrollTop() < section3Top){
		jQuery('nav#primary a.section2').addClass('active');
	} else if (jQuery(document).scrollTop() >= section3Top && jQuery(document).scrollTop() < section4Top){
		jQuery('nav#primary a.section3').addClass('active');
	} else if (jQuery(document).scrollTop() >= section4Top && jQuery(document).scrollTop() < section5Top){
		jQuery('nav#primary a.section4').addClass('active');
	} else if (jQuery(document).scrollTop() >= section5Top && jQuery(document).scrollTop() < section6Top){
		jQuery('nav#primary a.section5').addClass('active');
	} else if (jQuery(document).scrollTop() >= section6Top && jQuery(document).scrollTop() < section7Top){
		jQuery('nav#primary a.section6').addClass('active');
	} else if (jQuery(document).scrollTop() >= section7Top){
		jQuery('nav#primary a.section7').addClass('active');
	}
	
}