$().ready(function() {
	$("#text_update").hide(), $("#newsletter").hide()
	$("#email").blur(function() {
		$("#newsletter").slideDown('normal');
	});
	$("#mobile").bind("blur", function() {
		$("#text_update").slideDown('normal');
	});
		 
	// validate signup form on keyup and submit
	$("#signupForm").validate({
		rules: {
			firstname: "required",
			lastname: "required",
			date_of_birth: "required",
			agree:"required",
			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"
			},
			date_of_birth: "please enter your date of birth(DD/MM/YYYY)", 
			email: "Please enter a valid email address",
			agree: "Please accept our policy"
		}
	});
	

	
	//code to hide topic selection
	var newsletter = $("#newsletter");
	// newsletter topics are optional, hide at first
	var inital = newsletter.is(":checked");
	var topics = $("#newsletter_topics")[inital ? "removeClass" : "addClass"]("gray");
	var topicInputs = topics.find("input").attr("disabled", !inital);
	// show when newsletter is checked
	newsletter.click(function() {
		topics[this.checked ? "removeClass" : "addClass"]("gray");
		topicInputs.attr("disabled", !this.checked);
	});
});