$(document).ready(function() {
	jQuery.fn.center = function () {
		this.css("position","absolute");
		this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
		this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
		return this;
	}

	$("#login_btn").click(function() {
		$("#overlay").show();
		$("#login_panel").fadeIn();
		$("#login_panel").center();
	});

	$("#login_btn2").click(function() {
		$("#overlay").show();
		$("#login_panel").fadeIn();
		$("#login_panel").center();
	});
	
	$("#logout_btn").click(function() {
		$.post("php/logout.php", function(data) {
			$.cookie("logged_in", "false");
			$.cookie("uid", "");
			$.cookie("user", "");
			location.reload();
		});
	});
	$("#login_panel .panel_close").click(function() {
		$("#login_panel").fadeOut();
		$("#overlay").hide();
	});
	
	$("#register_btn").click(function() {
		$("#overlay").show();
		$("#register_panel").fadeIn();
		$("#register_panel").center();
	});
	$("#register_btn2").click(function() {
		$("#overlay").show();
		$("#register_panel").fadeIn();
		$("#register_panel").center();
	});
	$("#register_panel .panel_close").click(function() {
		$("#signup_load").hide();
		$("#signup").show();
		$("#register_panel").fadeOut();
		$("#overlay").hide();
	});
	
	
	$("#signup_btn").hover(
		function() {
			$(this).attr("src", "images/signup_hover.png");
		}, function() {
			$(this).attr("src", "images/signup.png");
		}
	);
	
	$("#login_p_btn").click(function() {
		var username = $("#login_username").val();
		var password = $("#login_password").val();
		$.post("php/login.php", {user: username, pass: password}, function(data) {
			if (data == "username") {
				alert("Incorrect username.");
			} else if (data == "password") {
				alert("Incorrect password.");
			} else {
				var uid = data.slice(0, data.indexOf("-"));
				var email = data.substr(data.indexOf("!")+1, data.length - data.indexOf("!")+1);
				var user = data.substr(data.indexOf("-")+1, data.indexOf("!") - data.indexOf("-") -1);
				$.cookie("user", user);
				$.cookie("uid", uid);
				$.cookie("logged_in", "true");
				$.cookie("email", email);
				location.reload();
			}
		});
		
	});
	$("#login_p_btn").hover(
		function() {
			$(this).attr("src", "images/login_hover.png");
		},
		function() {
			$(this).attr("src", "images/login.png");
		}
	);
	
	$("#signup_btn").click(function() {
		var username = $("#register_username").val();
		var password = $("#register_password").val();
		var password2 = $("#register_password2").val();
		var email = $("#register_email").val();
		
		$("#signup").hide();
		
		$.post("php/signup.php", {user: username, pass: password, email: email}, function(data) {
			if (data != "fail") {
				$("#signup_success").show();
				$("#signup_success").html("<p>Thank you for signing up!<br />Please close this dialog and login!</p>");
			} else {
				$("#signup_fail").show();
				$("#signup_fail").html("<p>Sorry username is already taken or your email was already taken.</p>");
			}
		});
	});
	
	
	$(".panel_close").hover(
		function() {
			$(this).attr("src", "images/panel_close_hover.png");
		},
		function() {
			$(this).attr("src", "images/panel_close.png");
		}
	);	
});