(function($){

  $.fn.adewraScroll = function() {


		var tempScrollTop, currentScrollTop = 0; 
			
			
			$(this).scroll(function() {
			currentScrollTop = $(document).scrollTop();
			
			console.log("currentScrollTop "+currentScrollTop);

			var offset = 70;
    		if (currentScrollTop < 250) {
    			/* Fade out Articles 1 and 2 */
    			/* NB Added in more checks to make the fade smoother */
    			
    			/* Were 1/8th of the way through the first teir. Lets change opacity a little. */
    			if(currentScrollTop > offset+0 && currentScrollTop < offset+16){
    				$('#article_1').css({ opacity: 1.0 });$('#article_2').css({ opacity: 1.0 });
    				$('#article_3').css({ opacity: 0.2 });$('#article_4').css({ opacity: 0.2 });
    				$('#article_5').css({ opacity: 0.2 });$('#article_6').css({ opacity: 0.2 });
    				$('#article_7').css({ opacity: 0.2 });$('#article_8').css({ opacity: 0.2 });}
					if(currentScrollTop > offset+16 && currentScrollTop < offset+32){
						$('#article_1').css({ opacity: 0.95 });$('#article_2').css({ opacity: 0.95 });
						$('#article_3').css({ opacity: 0.25 });$('#article_4').css({ opacity: 0.25 });}
				
				/* Were 2/8th of the way through the first teir. Lets change opacity a little more. */	
				if(currentScrollTop > offset+32 && currentScrollTop < offset+48){
					$('#article_1').css({ opacity: 0.9 });$('#article_2').css({ opacity: 0.9 });
					$('#article_3').css({ opacity: 0.3 });$('#article_4').css({ opacity: 0.3 });}
					if(currentScrollTop > offset+48 && currentScrollTop < offset+64){
						$('#article_1').css({ opacity: 0.85 });$('#article_2').css({ opacity: 0.85 });
						$('#article_3').css({ opacity: 0.35 });$('#article_4').css({ opacity: 0.35 });}
					
				/* Were 3/8th of the way through the first teir. Lets change opacity a little more. */		
				if(currentScrollTop > offset+64 && currentScrollTop < offset+80){
					$('#article_1').css({ opacity: 0.8 });$('#article_2').css({ opacity: 0.8 });
					$('#article_3').css({ opacity: 0.4 });$('#article_4').css({ opacity: 0.4 });}
					if(currentScrollTop > offset+80 && currentScrollTop < offset+96){
						$('#article_1').css({ opacity: 0.75 });$('#article_2').css({ opacity: 0.75 });
						$('#article_3').css({ opacity: 0.45 });$('#article_4').css({ opacity: 0.45 });}
						
				/* Were 4/8th of the way through the first teir. Lets change opacity a little more. */	
				if(currentScrollTop > offset+96 && currentScrollTop < offset+112){
					$('#article_1').css({ opacity: 0.7 });$('#article_2').css({ opacity: 0.7 });
					$('#article_3').css({ opacity: 0.5 });$('#article_4').css({ opacity: 0.5 });}
					if(currentScrollTop > offset+112 && currentScrollTop < offset+128){
						$('#article_1').css({ opacity: 0.65 });$('#article_2').css({ opacity: 0.65 });
						$('#article_1').css({ opacity: 0.55 });$('#article_2').css({ opacity: 0.55 });}
				
				/* Were 5/8th of the way through the first teir. Lets change opacity a little more. */				
				if(currentScrollTop > offset+128 && currentScrollTop < offset+140){
					$('#article_1').css({ opacity: 0.6 });$('#article_2').css({ opacity: 0.6 });
					$('#article_3').css({ opacity: 0.6 });$('#article_4').css({ opacity: 0.6 });}
					if(currentScrollTop > offset+140 && currentScrollTop < offset+160){
						$('#article_1').css({ opacity: 0.55 });$('#article_2').css({ opacity: 0.55 });
						$('#article_3').css({ opacity: 0.65 });$('#article_4').css({ opacity: 0.65 });}		
				
				/* Were 6/8th of the way through the first teir. Lets change opacity a little more. */				
				if(currentScrollTop > offset+160 && currentScrollTop < offset+192){
					$('#article_1').css({ opacity: 0.5 });$('#article_2').css({ opacity: 0.5 });
					$('#article_3').css({ opacity: 0.7 });$('#article_4').css({ opacity: 0.7 });}
					if(currentScrollTop > offset+192 && currentScrollTop < offset+208){
						$('#article_1').css({ opacity: 0.45 });$('#article_2').css({ opacity: 0.45 });
						$('#article_3').css({ opacity: 0.75 });$('#article_4').css({ opacity: 0.75 });}	
				
				/* Were 7/8th of the way through the first teir. Lets change opacity a little more. */						
				if(currentScrollTop > offset+208 && currentScrollTop < offset+224){
					$('#article_1').css({ opacity: 0.4 });$('#article_2').css({ opacity: 0.4 });
					$('#article_3').css({ opacity: 0.8 });$('#article_4').css({ opacity: 0.8 });}
					if(currentScrollTop > offset+224 && currentScrollTop < offset+240){
						$('#article_1').css({ opacity: 0.35 });$('#article_2').css({ opacity: 0.35 });
						$('#article_3').css({ opacity: 0.85 });$('#article_4').css({ opacity: 0.85 });}
				
				/* Were all of the way through the first teir and fully focused on the second. */			
				if(currentScrollTop > offset+240 && currentScrollTop < offset+250){
					$('#article_1').css({ opacity: 0.3 });$('#article_2').css({ opacity: 0.3 });
					$('#article_3').css({ opacity: 0.9 });$('#article_4').css({ opacity: 0.9 });}
    		}
    
			
			if (currentScrollTop > 250 && currentScrollTop < 390 ) {
				$('#article_1').css({ opacity: 0.2 });
    			$('#article_2').css({ opacity: 0.2 });
    			$('#article_3').css({ opacity: 1.0 });
    			$('#article_4').css({ opacity: 1.0 });    			
    			$('#article_5').css({ opacity: 1.0 });
    			$('#article_6').css({ opacity: 1.0 });
    			$('#article_7').css({ opacity: 0.2 });
    			$('#article_8').css({ opacity: 0.2 });
    		}
    		
    		if (currentScrollTop > 605 && currentScrollTop < 625){
				$('#article_5').css({ opacity: 0.6 });
    			$('#article_6').css({ opacity: 0.6 });
    		}
    		
    		
    		if (currentScrollTop > 390) {
				$('#article_1').css({ opacity: 0.2 });
				$('#article_2').css({ opacity: 0.2 });
    			$('#article_3').css({ opacity: 0.2 });
    			$('#article_4').css({ opacity: 0.2 });
    			$('#article_5').css({ opacity: 1.0 });
    			$('#article_6').css({ opacity: 1.0 });
    			$('#article_7').css({ opacity: 1.0 });
    			$('#article_8').css({ opacity: 1.0 });    			
    		}
    		
    		});
	
  };
})( jQuery );