$(function() {
$("#colleft").animate({width:"500px"}, 1000 );
$("#backgroundimage").animate({width:"100%", marginLeft:"0px"}, 1500 );
});
jQuery(document).ready(function(){  
 $("#hidePanel").click(function(){  
 $("#panel").animate({marginLeft:"-500px"}, 500 );  
 $("#colleft").animate({width:"0px"}, 400 );  
 $("#showPanel").show("normal").animate({width:"28px", opacity:1}, 200);  
 $("#colright").animate({marginLeft:"50px"}, 500);  
 $("#backgroundimage").animate({width:"0%"}, 750 );
});  
 $("#showPanel").click(function(){  
 $("#colright").animate({marginLeft:"200px"}, 200);  
 $("#panel").animate({marginLeft:"0px"}, 400 );  
 $("#colleft").animate({width:"500px"}, 2500 );  
 $("#showPanel").animate({width:"0px", opacity:0}, 600).hide("slow");  
 $("#backgroundimage").animate({width:"100%"}, 750 );
 });
 $("#thumb").click(function(){  
 $("#backgroundimage").animate({width:"0%", marginLeft:"-500px"}, 1200 );
 $("#colleft").delay(400).animate({width:"0px"}, 1000 );
 $("#gallerycontainer").delay(400).animate({width:"100%"}, 2000 );
 });
 $("#galleryclose").click(function(){  
 $("#gallerycontainer").animate({width:"0%"}, 2000 );
 $("#colleft").delay(1350).animate({width:"500px"}, 1000 );
 $("#backgroundimage").delay(1350).animate({width:"100%", marginLeft:"0px"}, 1500 );
 });
 $("#specials-show").click(function(){  
 $("#specialsbox").animate({height:"165px"}, 1000 );
 $("#specials-show").animate({width:"0px"}, 250 );
 $("#specials-hide").delay(250).animate({width:"140px"}, 250 );
 });
 $("#specials-hide").click(function(){  
 $("#specialsbox").animate({height:"25px"}, 1000 );
 $("#specials-hide").animate({width:"0px"}, 250 );
 $("#specials-show").delay(250).animate({width:"165px"}, 250 );
 });
});