$(document).ready(function() {
	$("div.panel_button").click(function(){
		$("div#panel").animate({
			height: "450px",
			width:  "1000px"
	 		}
	 		)
	 		
	 		
		$("div#login").animate({
			width: "1000px"
		})
		
		$("div#loginFrame").animate({
			width: "1000px"
		})
		
		
		$("div#content").animate({
			marginTop: "2em"
		})
		
        $("div#panel_contents").animate({
			left: "350px"
		})
		
		.animate({
			height: "235px"
		},
		
		"fast");
		$("div.panel_button").toggle();
			
	    
	});	
	
   $("div#hide_button").click(function(){
		$("div#panel").animate({
			height: "0px"
		}, "fast");
		
	
   });	
   
   
	
});