Please log in below or <a href="/ajax/login.html?type=signup" class="ajaxbox" title="Signup"><b>click here to sign up</b></a> for a new account (free of charge).<br/><br/>
	
	<script type="text/javascript">
	
	function loginsubmit(handling){
		
		$('#loginresults').html('<div style="width:100%;text-align:center;"><img src="/afw/img/loading.gif"/><br/>Please wait..</div>');
		$(".afwResults").show();
		$.ajax({
			type: 'POST',
			url: "/ajax/login.html?type=dologin",
			
			data: $("#login").serialize(),
			
			success: function( data ) {
			
				if (data.substring(0, 8) == 'success;'){
					data = data.substring(8);
					$(".afwResults").removeClass("afwInvalid").addClass("afwValid");
				} else if (data.substring(0, 6) == 'error;'){
					data = data.substring(6);
					$(".afwResults").removeClass("afwValid").addClass("afwInvalid");
				}
				$('#loginresults').html(data);
				$.colorbox.resize();
			
				var v = new RegExp();
				v.compile("^[A-Za-z]+://[A-Za-z0-9-_]+\\.[A-Za-z0-9-_%&\?\/.=]+$");
				if (v.test(data)) {
					window.location = data;
				}
			
			},
			error: function (xhr, ajaxOptions, thrownError) {
				data = xhr.status + ' - ' + thrownError + ':<br/>' + xhr.responseText;
				
				$(".afwResults").removeClass("afwValid").addClass("afwInvalid");
				$('#loginresults').html(data);
				$.colorbox.resize();
				
			}
		});
	}
	</script>
	<form id="login" name="login" action="post">
	<div class="afwResults"><div id="loginresults">Please wait..</div></div><div class="clear"></div>

	<div class="afwLabel" style="width:100px;">E-mail:</div>

	<div class="afwInput"><input type="text" name="email" id="email" class="required email" value=""/></div>
	<div class="afwValidation"><label for="email" generated="true" class="error"></label></div><div class="clear"></div>

	<div class="afwLabel" style="width:100px;">Password:</div>

	<div class="afwInput"><input type="password" name="password" id="password" class="required" value=""/></div>
	<div class="afwValidation"><label for="password" generated="true" class="error"></label></div><div class="clear"></div>

	<div class="afwLabel" style="width:100px;">Auto-login:</div>

	<div class="afwCheckbox"><input type="checkbox" name="remember" id="remember" class="" value="checked"/></div>
	<div class="afwText">Yes</div>
	<div class="clear"></div>
<div class="afwLabel" style="width:100px;">&nbsp;</div><div class="afwInput"><input type="submit" value="Log in"/></div>
	</form><div class="clear"></div>
	<script type="text/javascript">
	$(document).ready(function(){
		$('.formtip[title]').qtip();
		jQuery.extend(jQuery.validator.messages, {
			required: "<img class='formtip' title='This field is required' src='/afw/img/icon_error.gif'>This field is required.",
			remote: "Please fix this field.",
			email: "<img class='formtip' title='Invalid email address' src='/afw/img/icon_error.gif'>Please enter a valid email address.",
			url: "<img class='formtip' title='Please enter a complete and valid URL' src='/afw/img/icon_error.gif'>Please enter a valid URL.",
			date: "Please enter a valid date.",
			dateISO: "Please enter a valid date (ISO).",
			number: "<img class='formtip' title='Please enter a valid number' src='/afw/img/icon_error.gif'>Please enter a valid number.",
			digits: "Please enter only digits.",
			creditcard: "Please enter a valid credit card number.",
			equalTo: "Please enter the same value again.",
			accept: "Please enter a value with a valid extension.",
			maxlength: jQuery.validator.format("Please enter no more than {0} characters."),
			minlength: jQuery.validator.format("Please enter at least {0} characters."),
			rangelength: jQuery.validator.format("Please enter a value between {0} and {1} characters long."),
			range: jQuery.validator.format("Please enter a value between {0} and {1}."),
			max: jQuery.validator.format("Please enter a value less than or equal to {0}."),
			min: jQuery.validator.format("Please enter a value greater than or equal to {0}.")
		});
		$("#login").validate({
			submitHandler: function(form) {
				loginsubmit();
			},
			showErrors: function(errorMap, errorList) {
				this.defaultShowErrors();
				$('.formtip[title]').qtip();
			}
		});
	});
	</script>
<br/>
	<a href="/ajax/login.html?type=password" class="ajaxbox" title="Forgot Password"><b>&raquo; Forgot Your Password?</b></a>
	<script type="text/javascript">
		$(document).ready(function() {
			$(".ajaxbox").colorbox({width:"550px", maxHeight:"75%"});
		})
	</script>