/*
 * jQuery event and object bindings
 * Synthesis
 * 
 */
	jQuery(document).ready(
		function($) 
		{
			// validate signup form on keyup and submit
			$("form#ValidateForm").validate({
				rules: {
					firstname: "required",
					lastname: "required",
					username: {
						required: true,
						minlength: 2
					},
					password: {
						required: true,
						minlength: 5
					},
					confirm_password: {
						required: true,
						minlength: 5,
						equalTo: "#password"
					},
					email: {
						//required: true,
						email: true
					},
					topic: {
						required: "#newsletter:checked",
						minlength: 2
					},
					agree: "required"
				},
				messages: {
					firstname: "Please enter your firstname",
					lastname: "Please enter your lastname",
					username: {
						required: " Please enter a username",
						minlength: "Your username must consist of at least 2 characters"
					},
					password: {
						required: " Please provide a password",
						minlength: " Your password must be at least 5 characters long"
					},
					confirm_password: {
						required: " Please provide a password",
						minlength: " Your password must be at least 5 characters long",
						equalTo: " Please enter the same password as above"
					},
					cate: " Please select a category",
					language: " Please select a language",
					title: " Please enter a title",
					email: " Please enter a valid email address",
					agree: "Please accept our policy"
				}
			});

			// Other configurations here
		}
	);