// JavaScript Document

$.validator.setDefaults({
	// submitHandler: function() { alert("submitted!"); }
});

$().ready(function() {
	// Refresh Captcha Image
	$("#refreshimg").click(function(){
		$.post('newsession.php');
		$("#captchaimage").load('image_req.php');
		return false;
	});
	
	// validate signup form on keyup and submit
	$("#signupForm").validate({
		rules: {
			name: "required",
			email: {
				required: true,
				email: true
			},
			message: "required",
			captcha: {
				required: true,
				remote: "validate_process.php"
			}
		},
		messages: {
			name: "Please Enter Your Name.",
			email: {
				required: "Please Enter a Valid Email Address.",
				email: "Please Enter a Valid Email Address."
			},
			message: "Please Enter a Message.",
			captcha: "Does Not Match Image."
		},
		
		// the errorPlacement has to take the layout into account
		errorPlacement: function(error, element) {
			if ( element.is(":radio") )
				error.appendTo( element.parent().next().next() );
			else if ( element.is(":checkbox") )
				error.appendTo ( element.parent().next() );
			else
				error.appendTo( element.parent() );
			}
		
		/* 
		// specifying a submitHandler prevents the default submit, good for the demo
		submitHandler: function() {
			alert("submitted!");
		}
		*/
	});
	
	// propose username by combining first- and lastname
	$("#username").focus(function() {
		var firstname = $("#firstname").val();
		var lastname = $("#lastname").val();
		if(firstname && lastname && !this.value) {
			this.value = firstname + "." + lastname;
		}
	});
});