var loginOpen = false;
var regOpen = false;
var bubble_bg_preloaded = false;
if (!bubble_bg_preloaded) {
	var bubble_bg =  $('<img />').attr('src', '/wp-content/themes/chesschat/assets/images/login/login_box.png');
	bubble_bg_preloaded = true;
}

$(document).ready(function() {
	if (!global_loggedIn) {
		$("#header_login ul").show();
	}
	$("#open_login").click(function() {
		loginClickHandler();
	});
	$("#open_register").click(function() {
		registerClickHandler();
	});
	
});

function registerClickHandler() {
	if (!regOpen) {
		if (loginOpen) {
			$("#open_login").css({color: "#5ACCF4"});
			$("#bubble_wrapper").fadeOut(function() {
				$("#bubble_wrapper").css({left: "-148px"});
				$("#login_wrapper").hide();
				$("#register_wrapper").show();
				$("#bubble_wrapper").fadeIn();
			});
			
		} else {
			$("#bubble_wrapper").css({left: "-148px"});
			$("#login_wrapper").hide();
			$("#register_wrapper").show();
			$("#bubble_wrapper").fadeIn();
		}
		
		$("#open_register").css({color: "#000000"});
		regOpen = true;
		loginOpen = false;
	} else {
		$("#bubble_wrapper").fadeOut();
		$("#open_register").css({color: "#5ACCF4"});
		regOpen = false;
	}
}
function loginClickHandler() {
	if (!regOpen) {
		if (!loginOpen) {
			$("#bubble_wrapper").css({left: "-240px"});
			$("#open_login").css({color: "#000000"});
			
			$("#register_wrapper").hide();
			$("#login_wrapper").show();
			$("#bubble_wrapper").fadeIn();

			loginOpen = true;
			regOpen = false;
		} else {
			$("#open_login").css({color: "#5ACCF4"});
			$("#bubble_wrapper").fadeOut();
			loginOpen = false;
			regOpen = false;
		}
	} else {
		$("#bubble_wrapper").fadeOut(function() {
			$("#bubble_wrapper").css({left: "-240px"});
			
			$("#register_wrapper").hide();
			$("#login_wrapper").show();

			$("#bubble_wrapper").fadeIn();
		});
		
		$("#open_register").css({color: "#5ACCF4"});
		$("#open_login").css({color: "#000000"});
		loginOpen = true;
		regOpen = false;
	}
}