// JavaScript Document

// scrollBanner

function scrollBanner(config) {
	thistop = -($('.banner').offset().top-200);
	scrollPos = $(this).scrollTop()+thistop;

	config.bannerText.css({
		'margin-top' : -(scrollPos/3) + "px",
		'opacity' : 1-(scrollPos/300)
	});

	config.banner.css({
		'background-position': 'center ' + (-scrollPos/4) + "px"
	});

}

$(document).ready(function(){
	
	$(window).scroll(function() {

		scrollBanner({
			banner: $('.banner'),
			bannerText: $('.banner-text')
		});

	});

});