/*jsl:ignoreall*/
/*jsl:option explicit*/
/*jsl:declare jQuery*/
/*jsl:declare $*/
/*jsl:declare document*/
/*jsl:declare window*/
var quickLoginForm = function($) {
	var loginFormEnabler = $("#user-nav li.login a"),
	loginForm = $("#login"),

	loginAndPasswordFields = $("#login li.email input, #login li.password input"),
	loginButtonContainer = $("#login li.login"),

	registerButtonContainer = $("#login li.register"),

	stayLogedInContainer = $("#login li.stay-logged-in"),
	errors = $("#login ol > li.error"),
	text = $("#sub-header p.aytm-intro"),
	isVisible = false,

	showLoginForm = function() {
		text.hide();
		$("#sub-header div#video-tutorial").hide();
		loginForm.show();
		isVisible = true;
	},
	switchToLogin = function() {
		//errors.removeClass("error"); // this would hide errors
		loginButtonContainer.show();
		registerButtonContainer.hide();
		stayLogedInContainer.show();
	},
	switchToRegister = function() {
		loginButtonContainer.hide();
		registerButtonContainer.show();
		stayLogedInContainer.hide();
	};

	if (loginForm.length) {
		if (errors.length) {
			showLoginForm();
			switchToRegister();
			loginAndPasswordFields.one("focus", switchToLogin);
		}

		loginFormEnabler.click(function(event) {

			event.preventDefault();
			if (!isVisible) {
				showLoginForm();
				switchToLogin();
			}
		});

		loginAndPasswordFields.focus(function(event) {
			$(event.target.parentNode).addClass("selected");
		});

		loginAndPasswordFields.blur(function(event) {
			$(event.target.parentNode).removeClass("selected");
		});
	}
};

jQuery(document).ready(quickLoginForm);