function login()
{
	new Ajax.Request
	(
		'../a_login/',
		{
			method: 'post',
			requestHeaders: {Accept: 'application/json'},
			parameters: $('LoginForm').serialize(true),

			onLoading:
				function ()
				{
					$('Message').innerHTML = 'Performing login...';
				},

			onSuccess:
				function (transport)
				{
					var json = transport.responseText.evalJSON();
					$('Message').style.display = "block"
					if (json.login_successful == true)
					{
						$('Message').innerHTML = json.message;

						// redirect to selected frontend ##########################################

						new_location = new String(document.location);
						new_location = new_location.replace('login/', '');

						document.location = (new_location);
					}
					else
					{
						$('Message').innerHTML = json.message;

						switch (json.message)
						{
							case 'Bad password.':
								$('Password').value = '';
								break;

							default:
								$('UserName').value = '';
								$('Password').value = '';
								break;
						}
					}
				},

			onFailure:
				function ()
				{
					$('Message').innerHTML = 'Server is irresponsive. Try again later.';
				}
		}
	);
}