$().ready(function() {	
	// validate signup form on keyup and submit
	$("#contactForm").validate({
		rules: {
			name: "required",
			company: "required",
			email: {
				required: true,
				email: true
			},
			date_time1: {
				required: "#webinar:checked"
			},
			date_time2: {
				required: "#date_time1"
			},
			timezone: {
				required: "#webinar:checked"
			}
		},
		messages: {
			name: "Please enter your name",
			company: "Please enter your company name",
			email: "Please enter a valid email address",
			date_time1: "Please enter your preferred date",
			date_time2: "Please enter your alternate date"
		}
	});
	
	//code to hide additional webinar fields
	var webinar = $("#webinar");
	// additional webinar fields are optional and hidden on load
	var inital = webinar.is(":checked");
	var topics = $("#date_and_time")[inital ? "removeClass" : "addClass"]("hidden");
	var topicInputs = topics.find("input").attr("disabled", !inital);
	var topicSelects = topics.find("select").attr("disabled", !inital);
	// reveal optional fields
	webinar.click(function() {
		topics[this.checked ? "removeClass" : "addClass"]("hidden");
		topicInputs.attr("disabled", !this.checked);
		topicSelects.attr("disabled", !this.checked);
	});
	
	$("#date_time1").datepicker({
		constrainInput: false,
		showAnim: 'fade'
	});
	
	$("#date_time2").datepicker({
		constrainInput: false,
		showAnim: 'fade'
	});
});