var loginBox;
var loadingBox;
var loginForm;

window.addEvent('domready', function()
{
	loginBox = $('login-box');
	loginForm = $('login-form');
	loadingBox = $('loading-box');

	loginForm.addEvent('submit', handle_ajax_form);
	$('button2').addEvent('click', function()
	{
		document.location = '/cp/register/';
		return false;
	});
});

function handle_ajax_form()
{
	loginBox.setStyle('display', 'none');
	loadingBox.setStyle('display', 'block');

	loginForm.set('send', { onComplete: handle_ajax_result });
	loginForm.send();

	return false;
}

function handle_ajax_result(txt)
{
	var details;

	if(txt == '0')
	{
		alert("Please fill in all fields.");
	}
	else if(txt == '1')
	{
		alert("The details you entered were invalid.");
	}
	else if(txt[0] == '2')
	{
		details = txt.split('$$');

		loginBox.removeClass('login-box');
		loginBox.addClass('logged-box');

		loginBox.set('html',
			'<p>Welcome back '+details[1]+'<br />&middot; <a href="/cp/">Control Panel</a><br />&middot; <a href="/cp/logout/">Logout</a></p>'
		);
	}
	
	loginBox.setStyle('display', 'block');
	loadingBox.setStyle('display', 'none');
}