window.onload = function() {
	$('s_box').onfocus = do_search_box;
	$('s_box').onblur = do_repair_search_box;
	$('s_btn').onclick = do_search;
	if ($('l_btn'))
		$('l_btn').onclick = do_login;
	else if ($('lo_btn'))
		$('lo_btn').onclick = do_logout;
}

function do_search_box() {
	if ($('s_box').value === 'search...')
		$('s_box').value = '';
}

function do_repair_search_box() {
	if ($('s_box').value === '')
		$('s_box').value = 'search...';
}

function do_search() {
	$('s_btn').blur();
	alert('We apologize, but this functionality is not yet implemented.');
	return false;
}

function do_login() {
	$('l_btn').blur();
	request = create_xhr();
	var data = 'user=' + encodeURIComponent($('username').value) + '&pass=' + encodeURIComponent($('passwd').value);
	request_data(request, 'logging_in.php', data, parse_logging_in, 'GET');	
	return false;
}

function do_logout() {
	$('lo_btn').blur();
	request = create_xhr();
	request_data(request, 'logging_out.php', null, parse_logging_out, 'GET');
	return false;
}

function parse_logging_in() {
	if (request.readyState == 4) {
		if (request.status == 200) {
			var response = null;

			response = eval('(' + request.responseText + ')');
			if (response.success == 1) {
				var output = '';
                
				output += '<form id="logout_form" action="logout.php" method="post">';
				output += '<div">';
				output += '<p>Welcome, <strong>' + response.real + '</strong>. You are logged in as ' + response.user + '<br />';
                output += '</p><p><a href="user/preferences.php">Preferences</a></p>';
				output += '<p><a id="lo_btn" class="s" href="logout.php"><span>Logout</span></a></p>';
				output += '</div>';
				output += '</form>';
                $('l_w').innerHTML = output;
				$('lo_btn').onclick = do_logout;
				output = '<li><a href="user/"><span><span>User</span></span></a></li>';
				$('tz').innerHTML += output;
			} else {
				alert('The username or password was incorrect.');
				$('username').focus();
			}
		} else {
			alert('There was a problem logging into the system: \n' + request.statusText);
		}
		request = null;
	}
}

function parse_logging_out() {
	if (request.readyState == 4) {
		if (request.status == 200) {
			var response = null;

			response = eval('(' + request.responseText + ')');
			if (response.success == 1) {
				var output = '';
                
				output += '<form id="login_form" action="login.php" method="post">';
				output += '<div">';
				output += '<p><label for="username">email</label><br /><input type="text" id="username" name="username" size="24" maxlength="80" value="" />';
				output += '</p><p><label for="passwd">password</label><br /><input type="password" id="passwd" name="passwd" size="24" maxlength="80" value="" />';
				output += '</p><p><a id="l_btn" class="s" href="login.php"><span>Login</span></a>';
				output += '</p><p><a href="user/forgot.php"><em>Forget your password?</em></a><br />';
				output += 'Not a member? <a href="user/create.php"><em>Create an account</em></a><p>';
				output += '</div>';
				output += '</form>';
                $('l_w').innerHTML = output;
				$('l_btn').onclick = do_login;
				var ul = $('tz');
				var lis = ul.getElementsByTagName('li');
				var li = ul.getElementsByTagName('li')[lis.length - 1];
				ul.removeChild(li);
			} else {
				alert('The system was unable to log you out.  Contact the administrator of this site.');
			}
		} else {
			alert('There was a problem logging out of the system: \n' + request.statusText);
		}
		request = null;
	}
}