$(document).ready(function() {
	$(document).on("click", "#rulesLink", function() {
		var rID = $(this).data("r");
		var kT = $(this).data("t");
		var tID = $(this).data("ti");
		$("body").append('<div id="rulesBGContainer"><div id="rulesBG"></div></div>');
		$("body").addClass("fixed");
		$.ajax({
			type:"GET",
			url: "/competitionRules.html",
			data: "rID=" + rID + "&kT=" + kT + "&tID=" + tID,
			cache:false,
			success:function(loginForm) {
				$("#rulesBG").html(loginForm);
				$("#rulesBGContainer").addClass("unfold");
				$("nav").removeClass("is-active");
				$("#showMenu").removeClass("is-active");
			}
		});
	});
	$(document).on("click", "#rulesBG", function(e) {
		var thisID = $(e.target).attr('id');
		if (thisID == "rulesBG") {
			$("#rulesBGContainer").addClass("out");
			setTimeout(function() {
				$("#rulesBGContainer").removeClass("unfold").removeClass("out");
				$("#rulesBG").html("");
				$("body").removeClass("fixed");
				$("#rulesBGContainer").remove();
			}, 1200);
		}
	});
	$(document).on("click", "#closeRules", function() {
		$("#rulesBGContainer").addClass("out");
		setTimeout(function() {
			$("#rulesBGContainer").removeClass("unfold").removeClass("out");
			$("#rulesBG").html("");
			$("body").removeClass("fixed");
			$("#rulesBGContainer").remove();
		}, 1200);
	});
	$(document).on("click", "#tabNav a", function () {
		var buttonID = $(this).attr("id");
		var tabID = buttonID.replace("show", "");
		$("#tabNav a").removeClass("currentSelTab");
		$("#" + buttonID).addClass("currentSelTab");
		$(".tabContent").removeClass("currentTab");
		$("#" + tabID).addClass("currentTab");
	});
});