jQuery(function() {
	// show a simple loading indicator
	var loader = jQuery('<div class="message"><div style="margin-top:105px;"><p> &nbsp;Loading...<br /><img src="../images/loading.gif" alt="loading..." /></p></div></div>')
		.appendTo("#reg2")
		.hide();
		
	jQuery().ajaxStart(function() {
		loader.show();
document.getElementById('registerb').innerHTML = '<br /><input disabled="disabled" type="submit" name="register" id="register" value="Registering..." />';
$("#reg2").fadeOut("fast");
	}).ajaxStop(function() {
		loader.hide();
document.getElementById('registerb').innerHTML = '<br /><input type="submit" name="register" id="register" value="Register" />';
$("#reg2").fadeIn("slow");

		
	}).ajaxError(function(a, b, e) {
		throw e;
	});
	
	var v = jQuery("#regform").validate({
							
		rules: {
			username: {
				required: true,
				minlength: 3,
				maxlength: 20
			},
		},
		messages: {
			username: {
				required: "Enter a username",
				minlength: jQuery.format("Enter at least {0} characters"),
				maxlength: jQuery.format("Should not be more then {0} characters")
			}
		},

		submitHandler: function(form) {
			jQuery(form).ajaxSubmit({
				target: "#reg2"
			});
		}
		
	});
	
	$("#refreshimg").click(function(){
		$.post('../captcha/newsession.php');
		$("#captchaimage").load('../captcha/image_req.php');
		return false;
	});
	
});