if(typeof ($.JWT) == "undefined") {
	$.JWT = Object;

}

$.JWT.LoginBox = {
	
	popOpen: false,
	trigger: $('a.login'),
	target: $('.personalisation p.login-register'),
	form: null,
	url: "/members/login/",
	
	init: function() {
		$.JWT.LoginBox.addClickEvents();
		$.JWT.LoginBox.getLoginForm();
	},
	
	addClickEvents: function() {
		
		//register event for handling clicks anywhere in the document
		$(document).mouseup(function() {
			if($.JWT.LoginBox.popOpen === true) {
				$.JWT.LoginBox.hideLoginForm();
			}
		});
		
		//cancel default click event on login link.
		$.JWT.LoginBox.trigger.click(function() {return false});
		
		//bind new event handler for login link mouseup.
		$.JWT.LoginBox.trigger.bind('mouseup',function() {							  
			if($.JWT.LoginBox.popOpen === false) {
				$.JWT.LoginBox.showLoginForm();
			} else {
				$.JWT.LoginBox.hideLoginForm();
			}
			return false;
		});
		
	},
	
	getLoginForm: function() {
		//Get login form HTML from members login page.
		$.ajax({
			type: "GET",
			url: $.JWT.LoginBox.url,
			success: function(response){
				var form = $(response).find('#login-form').parent();
				$.JWT.LoginBox.form = form;
			}
		});
		
	},
	
	showLoginForm: function() {
		if($.JWT.LoginBox.popOpen == false) {
			$.JWT.LoginBox.popOpen = true;
			$.JWT.LoginBox.target.after('<div id="modal-login">' + $.JWT.LoginBox.form.html() + '</div>');
			$('#modal-login').css('opacity','0').stop().animate({ 
					opacity: "1"
				}, 250);
			$.JWT.LoginBox.trigger.addClass('modal-login');
			$('#header').css('z-index','2');
		}
		//Cancel default mouseup event on the popup window.
		$('#modal-login').mouseup(function() {return false;});
	},
	
	hideLoginForm: function () {
		if($.JWT.LoginBox.popOpen == true) {
			$.JWT.LoginBox.trigger.removeClass('modal-login');
			$('#modal-login').stop().animate({ 
					opacity: "0"
				}, 250, function() {$(this).remove()});
			$.JWT.LoginBox.popOpen = false;
			$('#header').css('z-index','0');
		}

	}
	
}