Default value for content>li on page load

Default value for content>li on page load

Guys sorry I am to 100% new to this and this code landed in my lap today.  The problem is the content switches fine after the user clicks on each menu item, but the content window is empty when the page first loads.  I would like to set page1 content to be visible when the page first loads.

<div class="wrapper">
  <aside>
    <h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
    <nav>
      <ul>
        <li class="itm1"><a href="#page1">Home</a></li>
        <li class="itm2"><a href="#page2">About Us</a></li>
        <li class="itm3"><a href="#page3">Join Study</a></li>
        <li class="itm4"><a href="#page4">Facebook</a></li>
      </ul>
    </nav>
  </aside>


 <ul id="content">

    <li id="page1">
            <p>HTML HERE </p>
    </li>

    <li id="page2">
            <p>HTML HERE </p>
    </li>

    <li id="page3">
            <p>HTML HERE </p>
    </li>

    <li id="page4">
            <p>HTML HERE </p>
    </li>

</ul>

</div>

<script type="text/javascript"> Cufon.now();
$(window).load(function(){
    $('#content').show()
    $('#content>li').hide()

    $('#thumbs').css({top:$('.gal_wrap').height()})
   
    var gal=$('#thumbs').thumbsMouseMover({easing:'easeOutExpo'})
   
    $('body>.wrapper').append($('<div></div>').addClass('gal_wrap').css({position:'absolute',overflow:'hidden',top:gal.attr('offsetTop'),bottom:0,right:0,left:0}).append(gal.css({top:$('.gal_wrap').height()}).remove()))
   
    $(['images/bg1.jpg','images/bg2.jpg','images/bg3.jpg','images/bg4.jpg','images/bg5.jpg','images/bg6.jpg','images/bg7.jpg','images/bg8.jpg','images/bg9.jpg','images/bg10.jpg','images/bg11.jpg','images/bg12.jpg']).bgSlider({bgstretch:true,padding:305,pags:'#thumbs a',current:2,altCSS:{left:'305px',width:'auto',height:'100%'}})
       
    $('.gallery').live('click',function(){
        var th=$(this).toggleClass('exp')       
        if(th.hasClass('exp'))
            $('#thumbs').animate({top:0}),$.scrollTo('.gallery',{duration:600,axis:'y'})
        else
            $('#thumbs').animate({top:$('.gal_wrap').height()}),$.scrollTo('h1',{duration:600,axis:'y'})
        return false
    })
   
    $('nav li a,.privacy a').live('click',function(){
        $(this).parent().addClass('active').siblings().removeClass('active')
        $('#content>li').hide()
        $(this.href.slice(this.href.indexOf('#'))).fadeIn()
        Cufon.refresh()
        $.scrollTo('h1',{duration: 300, axis:"y"})
        //if($('aside').css('left')=='0px')
            //$('aside').stop().animate({left:'-30px'}),
            //$('#bgSlider img').stop().animate({left:'305px'})
        return false
    })
   
    $('.close').live('click',function(){
        $('#content>li').fadeOut()
        $('nav li').removeClass('active')
        Cufon.refresh()
        //$('aside').stop().animate({left:'0'}),
        //$('#bgSlider img').stop().animate({left:'335px'})
        return false
    })
})
</script>