$(document).ready(function() {
	
	redrawDotNav();
	
	/* Scroll event handler */
    $(window).bind('scroll',function(e){
    	parallaxScroll();
		redrawDotNav();
    });
    
	/* Next/prev and primary nav btn click handlers */
	$('a.home').click(function(){
    	$('html, body').animate({
    		scrollTop:0
    	}, 1000, function() {
	    	parallaxScroll(); // Callback is required for iOS
		});
    	return false;
	});
    $('a.gameinstructions').click(function(){
    	$('html, body').animate({
    		scrollTop:$('#gameinstructions').offset().top
    	}, 1000, function() {
	    	parallaxScroll(); // Callback is required for iOS
		});
    	return false;
    });
    $('a.channel').click(function(){
    	$('html, body').animate({
    		scrollTop:$('#channel').offset().top
    	}, 1000, function() {
	    	parallaxScroll(); // Callback is required for iOS
		});
    	return false;
    });
	/*$('a.about').click(function(){
    	$('html, body').animate({
    		scrollTop:$('#about').offset().top
    	}, 1000, function() {
	    	parallaxScroll(); // Callback is required for iOS
		});
    	return false;
    });*/
    
    /* Show/hide dot lav labels on hover */
    $('nav#primary a').hover(
    	function () {
			$(this).prev('h1').show();
		},
		function () {
			$(this).prev('h1').hide();
		}
    );
    
});

/* Scroll the background layers */
function parallaxScroll(){
	var scrolled = $(window).scrollTop();
	$('#parallax-bg1').css('top',(scrolled*0.75)+'px');
	$('#parallax-bg2').css('top',(scrolled*0.5)+'px');
	$('#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 =  $('#gameinstructions').offset().top - (($('#channel').offset().top - $('#gameinstructions').offset().top) / 2);
	var section3Top =  $('#channel').offset().top - (($('#about').offset().top - $('#channel').offset().top) / 2);
	//var section4Top =  $('#about').offset().top - (($(document).height() - $('#about').offset().top) / 2);;
	$('nav#primary a').removeClass('active');
	if($(document).scrollTop() >= section1Top && $(document).scrollTop() < section2Top){
		$('nav#primary a.home').addClass('active');
	} else if ($(document).scrollTop() >= section2Top && $(document).scrollTop() < section3Top){
		$('nav#primary a.gameinstructions').addClass('active');
	} else if ($(document).scrollTop() >= section3Top){
		$('nav#primary a.channel').addClass('active');
	//} else if ($(document).scrollTop() >= section4Top){
	//	$('nav#primary a.about').addClass('active');
	}
	
}