$(document).ready(function() {
	/* This is the sliding panel */
	var hidden = true;
		
	$(".toggle_signup").click(function(e){
		e.preventDefault();
		var pane_px = $("#pane").height();				
	
		$("#login_wrapper").addClass('hide');
		$("#signup_wrapper").removeClass('hide');
		$("#forgot_wrapper").addClass('hide');
	
		if(hidden) {
			$("#pane").removeClass('hide').css({'display': 'block' , 'marginTop' :-pane_px}).animate({
				marginTop : 0
				}, 1000, 'swing', function(){
					hidden = false;											
			});
		}	
	});

	$(".toggle_login").click(function(e){
		e.preventDefault();
		var pane_px = $("#pane").height();				
	
		$("#signup_wrapper").addClass('hide');
		$("#login_wrapper").removeClass('hide');
		$("#forgot_wrapper").addClass('hide');
	
		if(hidden) {
			$("#pane").removeClass('hide').css({'display': 'block' , 'marginTop' :-pane_px}).animate({
				marginTop : 0
				}, 1000, 'swing', function(){
					hidden = false;											
			});
		}	
	});
	$(".toggle_forgot").click(function(e){
		e.preventDefault();
		var pane_px = $("#pane").height();				
	
		$("#signup_wrapper").addClass('hide');
		$("#login_wrapper").addClass('hide');
		$("#forgot_wrapper").removeClass('hide');
	
		if(hidden) {
			$("#pane").removeClass('hide').css({'display': 'block' , 'marginTop' :-pane_px}).animate({
				marginTop : 0
				}, 1000, 'swing', function(){
					hidden = false;											
			});
		}	
	});
	$(".toggle_edit").click(function(e){
		e.preventDefault();
		var pane_px = $("#pane").height();
		$("#edit_wrapper").removeClass('hide');
	
		if(hidden) {
			$("#pane").removeClass('hide').css({'display': 'block' , 'marginTop' :-pane_px, 'backgroundColor': '#000000'}).animate({
				marginTop : 0
				}, 500, 'swing', function(){
					hidden = false;											
			});
		}	
	});
	$(".handle").click(function(e){
		e.preventDefault();
		var pane_px = $("#pane").height();				
	
		if(!hidden) {
			$("#pane").css({'display': 'block' , 'marginTop' :0}).animate({
				marginTop : -pane_px
				}, 1000, 'swing', function(){
					hidden = true;
			});
		}	
	});
});