$(document).ready(function() {



// function for case 1
 $("#one").click(function() {
 $('#one').addClass('dark-blue');
  $('#story-two').hide();
  $('#story-three').hide();
  $('#story-four').hide();
  $('#story-five').hide();
  $('#story-six').hide();
 $("#story").animate({opacity: "show"}, "fast");

	  	  	  
	 $('#two').removeClass('dark-blue');
	 $('#three').removeClass('dark-blue');
	 $('#four').removeClass('dark-blue');
	 $('#five').removeClass('dark-blue');
	 $('#six').removeClass('dark-blue');
	 	          	        	        
	});	




// function for case 2
 $("#two").click(function() {
 $('#two').addClass('dark-blue');
  $('#story').hide();
  $('#story-three').hide();
  $('#story-four').hide();
  $('#story-five').hide();
  $('#story-six').hide();
 $("#story-two").animate({opacity: "show"}, "fast");

	  	  	  
	 $('#one').removeClass('dark-blue');
	 $('#three').removeClass('dark-blue');
	 $('#four').removeClass('dark-blue');
	 $('#five').removeClass('dark-blue');
	 $('#six').removeClass('dark-blue');
	 	          	        	        
	});	
	
	
// function for case 3
 $("#three").click(function() {
 $('#three').addClass('dark-blue');
  $('#story').hide();
  $('#story-two').hide();
  $('#story-four').hide();
  $('#story-five').hide();
  $('#story-six').hide();
 $("#story-three").animate({opacity: "show"}, "fast");

	  	  	  
	 $('#one').removeClass('dark-blue');
	 $('#two').removeClass('dark-blue');
	 $('#four').removeClass('dark-blue');
	 $('#five').removeClass('dark-blue');
	 $('#six').removeClass('dark-blue');
	 	          	        	        
	});	
	
	
// function for case 4
 $("#four").click(function() {
 $('#four').addClass('dark-blue');
  $('#story').hide();
  $('#story-two').hide();
  $('#story-three').hide();
  $('#story-five').hide();
  $('#story-six').hide();
 $("#story-four").animate({opacity: "show"}, "fast");

	  	  	  
	 $('#one').removeClass('dark-blue');
	 $('#two').removeClass('dark-blue');
	 $('#three').removeClass('dark-blue');
	 $('#five').removeClass('dark-blue');
	 $('#six').removeClass('dark-blue');
	 	          	        	        
	});
	
// function for case 5
 $("#five").click(function() {
 $('#five').addClass('dark-blue');
  $('#story').hide();
  $('#story-two').hide();
  $('#story-three').hide();
  $('#story-four').hide();
  $('#story-six').hide();
 $("#story-five").animate({opacity: "show"}, "fast");

	  	  	  
	 $('#one').removeClass('dark-blue');
	 $('#two').removeClass('dark-blue');
	 $('#three').removeClass('dark-blue');
	 $('#four').removeClass('dark-blue');
	 $('#six').removeClass('dark-blue');
	 	          	        	        
	});
	
	
// function for case 5
 $("#six").click(function() {
 $('#six').addClass('dark-blue');
  $('#story').hide();
  $('#story-two').hide();
  $('#story-three').hide();
  $('#story-four').hide();
  $('#story-five').hide();
 $("#story-six").animate({opacity: "show"}, "fast");

	  	  	  
	 $('#one').removeClass('dark-blue');
	 $('#two').removeClass('dark-blue');
	 $('#three').removeClass('dark-blue');
	 $('#four').removeClass('dark-blue');
	 $('#five').removeClass('dark-blue');
	 	          	        	        
	});
	
	
	
	
	
});