$(document).ready(function(){

    $('body').find('#open').hide();
    
    $('body').find('#close').click(function(){
        close();
    });

    $('body').find('#open').click(function(){
        open();
    });
    
    function close() {
        hideElements();

        $('body').find('#main').animate({
            width: "48px"
        }, 200 );

        $('body').find('#close').hide();
        $('body').find('#open').show();
    }  
    
    function open() {
        $('#main').animate({
            width: "420px"
        }, 200 );

        $('body').find('#open').hide();
        $('body').find('#close').show();

        showElements()

    }

    function hideElements() {
        $('body').find('#subnav').hide();
        $('body').find('#maintext').hide();
    }
    
    function showElements() {
        $('body').find('#subnav').fadeIn('slow');
        $('body').find('#maintext').fadeIn('slow');
    }

});