var $scene = $('#scene').parallax();


$(document).on("click", "#login-button", function(e){
	e.preventDefault();
	$.ajax({
		method: "POST",
		dataType: "json",
		url: "../main/forum-login.php",
		data: {
			username: $("input[placeholder='Username']").val(),
			password: $("input[placeholder='Password']").val()
		},
		success: function(data){
			if (data['status'] == 3) {
				$("#login .x_title h2").text("Account");
				$("#login .logged-out .alert").remove();
				$("#login .logged-in .profile img").attr("src", data["info"]["img"]);
				$("#login .logged-in .profile h4, .forum-icon").text("Hello, " + data["info"]["username"] + "!");
				//$(".logged-in").toggleClass("hidden");
				$("#login .logged-out").animate({"right":"-100%"}, 200);
				$("#login").animate({"height": $("#login .x_title").outerHeight(true)+$("#login .logged-in").outerHeight(true)}, 200);
				$(".logged-out").toggleClass("hidden");
			} else {
				$("#login .logged-out .alert").remove();
				$("#login .logged-out").prepend('<div class="alert alert-danger alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>Incorrect Username/Password!</div>');
			}
      }
	});
});

$(document).on("click", "#logout-button", function(e){
	e.preventDefault();
	$.ajax({
		method: "POST",
		dataType: "json",
		url: "../main/forum-logout.php",
		data: {
			username: $("input[placeholder='Username']").val(),
			password: $("input[placeholder='Password']").val()
		},
		success: function(data){
			$("#login .x_title h2").text("Login");
			$("#login .logged-out").prepend('<div class="alert alert-warning alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>Successfully logged out.</div>');
			$(".logged-out").toggleClass("hidden");
			$("#login").animate({"height": $("#login .x_title").outerHeight(true)+$("#login .logged-out").outerHeight(true)}, 200);
			$("#login .logged-out").animate({"right":"0"}, 200);
			//$(".logged-in").toggleClass("hidden");
      }
	});
});