var clientAreaOpen = false;

$(document.body).ready(function() { 
	
	$('a[rel=facebox]').facebox();
	
	// Get the height of the client area
	var clientAreaHeight = $('#client_area').outerHeight();
	
	//Close the client area on load
	$('#client_area').animate({marginTop: '-'+clientAreaHeight+'px'})
	
	//Toggle
	$('#client_area_tab').click(
								function(e)
								{
									e.preventDefault();
									if (clientAreaOpen == false)
									{
										$('#client_area').animate({marginTop: '0px'});
										clientAreaOpen = true;
									}
									else
									{
										$('#client_area').animate({marginTop: '-'+clientAreaHeight+'px'});
										clientAreaOpen = false;
									}
								}
							  );
	
	
	
	
 });