$(document).ready(function() {
			
			
	 
   //topPanel2
   $("div.panel2_button").click(function(){
		$("div#panel2").animate({
			height: "30px"
		})
		.animate({
				 height:"20px"
		}, "fast");
		$("div.panel2_button").toggle();
	
	});	
	
	$("div#hide2_button").click(function(){
		$("div#panel2").animate({
			height: "0px"	
		}, "fast");	
		
   });
	
	
			//panel1
	$("div.panel1_button").click(function(){
		$("div#panel1").animate({
			height: "50px"
		})
		.animate({
			height: "45px"
		}, "fast");
		$("div.panel1_button").toggle();
	
	});	
	
   $("div#hide1_button").click(function(){
		$("div#panel1").animate({
			height: "0px"	
		}, "fast");
   });
   
   
   			//LOGIN
	$("div.login_button").click(function(){
		$("div#login").animate({
			height: "77px"
		})
		.animate({
			height: "63px"
		}, "fast");
		$("div.login_button").toggle();
	
	});	
	
   $("div#login_hide_button").click(function(){
		$("div#login").animate({
			height: "0px"	
		}, "fast");
   });
   
  
  
  
  //--------
  
  
	$('#toggleButton').click(function() {
	   if ($('#toggleSection').is(":hidden"))
	   {
			$('#toggleSection').slideDown("fast");
	   } else {
			$('#toggleSection').slideUp("fast");
	   }
	});
	
	$('#toggleButton2').click(function() {
	   if ($('#toggleSection2').is(":hidden"))
	   {
			$('#toggleSection2').slideDown("fast");
	   } else {
			$('#toggleSection2').slideUp("fast");
	   }
	});
	
});