$(document).ready(function(){ 

		$("#commentForm1").validate({
			rules: {
			email: {
					required: true,
					email: true
				}
			},
			messages: {
				email: {
					required: "Please enter an email address",
					email: "Please enter a valid email address" 
				}
			}
		});
			
		// validate signup form on keyup and submit
		$("#commentForm").validate({
			rules: {
				first_name: "required",
				last_name: "required",
				city: "required",
				state: "required",
				country: "required",
				"00N50000001sVDB": "required",
				zip:"required",
				username: {
					required: true,
					minlength: 2
				},
				email: {
					required: true,
					email: true
				}
			},
			messages: {
				first_name: "Please enter your firstname",
				last_name: "Please enter your lastname",
				city: "Please enter your city",
				state: "Please enter your state",
				country: "Please enter your country",
				"00N50000001sVDB": "Please enter your School Type",
				zip:"Please enter your zip code",
				confirmemail: {
					required: "Please confirm your email",
					equalTo: "Please enter the same email address"
				},
				email: "Please enter a valid email address"
			}
		});
	
		// 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;
			}
		});
	
		//code to hide topic selection, disable for demo
		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);
		});

});