function update_logged_in(name, first){
	
	$("#save_button").val("Save Drawering");
	$("#my_name").fadeOut("fast", function (){
		$(this).html(first).fadeIn("fast");
	})
	setTimeout(function (){
		$(".lshide").slideUp("fast", function (){
			$("#login").fadeOut("fast", function (){
				$(this).html("Logged in as: <a class=\"bluey\" href=\"/profile/"+name+"\">"+name+"</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href=\"/?logout=logout\">Logout</a>").fadeIn("fast");
			});
		});
	}, 1500);
}

$(document).ready(function (){
	$(".login_button").bind("click", function (){
		$(".lshide").stop(true,true).slideUp("fast");
		$("#login_form").stop(true,true).slideDown("fast");
	});
	$(".signup_button").bind("click", function (){
		$(".lshide").stop(true,true).slideUp("fast");
		$("#signup_form").stop(true,true).slideDown("fast");
	});
	$(document).bind("mouseup", function (e){
		if($(e.target).parents("#signup_form, #login_form, .login_button, .signup_button, .lshide").length==0){
			$(".lshide").stop(true,true).slideUp("fast");
		}
	});
	$("#sform").bind("submit", function (){
		$("#signup_form .errors").hide().html("");
		$.getJSON("/site_files/ajax/signup.php", {"user":$("#username").val(),"pass":$("#password").val(),"conf":$("#password_conf").val(),"first":$("#first").val(),"email":$("#email").val()}, function (data){
			if (data.errors.length > 0){
				$.each(data.errors, function (i, error){
					$("#signup_form .errors").show().append("<div>"+error+"</div>");
				});
			} else {
				$("#sform").html("Signup successfull!<br />We have automatically logged you in as well.");
				update_logged_in(data.user, data.first);
			}
		});
		return false;
	});
	$("#lform").bind("submit", function (){
		$("#login_form .errors").hide().html("");
		$.getJSON("/site_files/ajax/login.php", {"user":$("#user").val(),"pass":$("#pass").val()}, function (data){
			if (data.errors.length > 0){
				$.each(data.errors, function (i, error){
					$("#login_form .errors").show().append("<div>"+error+"</div>");
				});
			} else {
				$("#lform").html("You are now logged in.");
				update_logged_in(data.user, data.first);
			}
		});
		return false;
	});
	$("#user_name").one("keyup", function (){
		$("#draw_link").fadeOut("slow", function (){
			$(this).html('<a id="dlink" class="pinky">start drawering!</a>').fadeIn("slow");
		});
	});
	$("#user_name").bind("keyup", function (e){
		if (e.keyCode == 13){
			$("#user_name").html($("#user_name").val());
			$("#dlink").click();
			return false;
		}
	});
	$("#dlink").live("click", function (){
		window.location = "/draw.php?name="+encodeURI($("#user_name").val());
	});
	$(".fancybox").fancybox();
});