header parallex and title fade

Heading Parallex

<script>
			$(document).ready(function(){
				// global vars
				var header = $('.header');
				var HeaderWrap = $('.header-inner');
				var windowScroll;
				
				
				$(window).scroll(function(){
					headingParallax();
				});
				
				
				function headingParallax() {
				  // how much have we scrolled?
				  windowScroll = $(window).scrollTop();

				  
				  // parallax then fade out
				  HeaderWrap.css({
					  'margin-top' : -(windowScroll/3)+"px",
					  'opacity' : 1-(windowScroll/200)
				  });
				
				 // parallax background image
				 header.css({
					 'background-position' : 'center ' + (-windowScroll/2)+"px",
				 });
			        }
			});
	</script>