$(window).scroll(function() {
	
	var height = $('#navigation').height();
        
        var topPXshow = parseInt($('.header-content').height()) - 50;
	
	// Als navigatie open is.
	if(height > 300 ){

		// height = Punt waar uitgeschoven navigatie niet meer is te zien.  
		if ($(window).scrollTop() > height ){
    
	 		$('#ul').css( "display", "none" );
    
	   	}	
	}
	
	// Als navigatie dicht is.
	else  {

		// a = Punt waar navigatie niet meer is te zien.
		if ($(window).scrollTop() > 200 ){
    
	 		$('.navbar-navigation').addClass('navbar-navigation-fixed');
	 		$('.navbar-bar').addClass('navbar-bar-fixed');
    
		} 
		
		else {
    
    		$('.navbar-navigation').removeClass('navbar-navigation-fixed');
    		$('.navbar-bar').removeClass('navbar-bar-fixed');
    
		}   	


		// b = Punt waar transition terugkomt in css.
		if ($(window).scrollTop() > 300 ){
    
 			$('.navbar-navigation').addClass('.navbar-navigation-transition');
  			$('.navbar-barmid').addClass('navbar-barmid-transition');
    
		}
		
		else {
    
    		$('.navbar-navigation').removeClass('.navbar-navigation-transition');
  			$('.navbar-barmid').removeClass('navbar-barmid-transition');
    
 		}   	


		// c = Punt waar navigatie weer terug in het beeld verschijnt.
		if ($(window).scrollTop() > topPXshow ){
    
	 		$('.navbar-navigation').addClass('navbar-navigation-show');
    
		}
		
		else {
    
    		$('.navbar-navigation').removeClass('navbar-navigation-show');
    
 		}
 	}
});