JOT = {};

JOT.LoginBox = function() {

	var _loginBox;

	var _init = function() {
		_loginButton = $('#hp-login-button');
		_loginBox = $('#hp-login-box');
		_loginButton.click( _openCloseLogin );
		_loginBox.click( function() { return false; });
	};

	var _openCloseLogin = function() {

		if  (!_loginBox.is(':visible')) {
			$('body').one('click', _closeLogin );
			_loginButton.addClass('open');
			_loginBox.fadeIn('fast', function() { $('#loginId').focus(); })
		}
		else {
			_closeLogin();
		}
		return false;
	};

	var _closeLogin = function() {
		_loginBox.fadeOut('fast');
		_loginButton.removeClass('open');
	};


	return {
		init: function() {
			_init();
		},
		
		close:function() {
		     	_closeLogin();
		}
	}
}();

$(document).ready( JOT.LoginBox.init );