// 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();
$('#storyEight').hide();
$('#storyNine').hide();
$('#storyTen').hide();
$('#storyEleven').hide();
$('#storyTwelve').hide();
$('#storyThirteen').hide();
$('#storyFourteen').hide();
$('#storyFifteen').hide();
$('#storySixteen').hide();
$('#storySeventeen').hide();
$('#storyEighteen').hide();
$('#storyNineteen').hide();
$('#storyTwenty').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();
$('#storyEightB').hide();
$('#storyNineB').hide();
$('#storyTenB').hide();
$('#storyElevenB').hide();
$('#storyTwelveB').hide();
$('#storyThirteenB').hide();
$('#storyFourteenB').hide();
$('#storyFifteenB').hide();





//story to show
$("#"+id+"").show();

}