$(document)
.ready(function() {
    var sliderWrap = $('.sliderWrap > div');
    var sliderDrawer = $('.sliderDrawer');
    var close = $('#drawerArrow');
    
    $(sliderWrap).hide();
    
    $('ul.closeDrawer a').click(function () {
    	if($(this).hasClass('selected')) {	        
	        $(sliderWrap).slideUp('fast');	 
	        $(this).removeClass('selected');   
	        return false;    
        }
        else {
        	$(sliderDrawer).css("display","inline");
		    $(sliderWrap).hide().filter(this.hash).slideDown();	
		    $('ul.closeDrawer a').removeClass('selected');
		    $(this).addClass('selected');      
		    return false; 
	    };       
        
    });
    
   
	

	// Now that the rest of the navigation has been declared
					// Expand the default div for this page
					var defaultDivNav = $('a#drawerArrow'); // Replace with the correct navigation link you want selected as default. Format should be 'a#idname'
					defaultDivNav.css("display","inline");                                
					$(sliderWrap).hide().filter('#drawerContent').fadeIn();  // Replace the value in the '' with the ID of the default div you want expanded
					$('ul.closeDrawer a').removeClass('selected');
					$(defaultDivNav).addClass('selected');
});