// JavaScript Document
//Now this is a simple inline example to be more efficient you would want to write a function to handle the hide and showing of the stories

// this show the first story
 $(document).ready(function(){
    
    $("#storyOne").show();
	$("#storyOneB").show();
  });

function showStory(id)
{
//alert(id);
//all the stories in a section
$('#storyOne').hide();
$('#storyTwo').hide();
$('#storyThree').hide();
$('#storyFour').hide();
$('#storyFive').hide();
$('#storySix').hide();
$('#storySeven').hide();
//story to show
$("#"+id+"").show();
}

function showStoryB(id)
{
//alert(id);
//all the stories in a section
$('#storyOneB').hide();
$('#storyTwoB').hide();
$('#storyThreeB').hide();
$('#storyFourB').hide();
$('#storyFiveB').hide();
$('#storySixB').hide();
$('#storySevenB').hide();
//story to show
$("#"+id+"").show();

}