$(document).ready(function() {
	
	
	
	/* Scroll event handler */
    $(window).bind('scroll',function(e){
    	parallaxScroll();
		
    });
    
	
    
});

/* Scroll the background layers */
function parallaxScroll(){
	var scrolled = $(window).scrollTop();
	$('.parallax-bg1').css('top',(0-(scrolled*.25))+'px');
	$('.parallax-bg2').css('top',(0-(scrolled*.5))+'px');
	$('.parallax-bg3').css('top',(0-(scrolled*.75))+'px');
	$('.parallax-bg4').css('top',(0-(scrolled*.05))+'px');

}

/* Set navigation dots to an active state as the user scrolls */