// 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 pic
 $(document).ready(function(){
    
    $("#picOneA").show();
	$("#picOneB").show();
	$("#picOneC").show();
  });

function showpicA(id)
{
//alert(id);
//all the stories in a section
$('#picOneA').hide();
$('#picTwoA').hide();
$('#picThreeA').hide();
$('#picFourA').hide();
$('#picFiveA').hide();
$('#picSixA').hide();
$('#picSevenA').hide();
//pic to show
$("#"+id+"").show();
}

function showpicB(id)
{
//alert(id);
//all the stories in a section
$('#picOneB').hide();
$('#picTwoB').hide();
$('#picThreeB').hide();
$('#picFourB').hide();
$('#picFiveB').hide();
$('#picSixB').hide();
$('#picSevenB').hide();
//pic to show
$("#"+id+"").show();

}

function showpicC(id)
{
//alert(id);
//all the stories in a section
$('#picOneC').hide();
$('#picTwoC').hide();
$('#picThreeC').hide();
$('#picFourC').hide();
$('#picFiveC').hide();
$('#picSixC').hide();
$('#picSevenC').hide();
//pic to show
$("#"+id+"").show();

}