$(document).ready(function() {
	
	var validator = $('#researchForm').validate({
		// rules
		rules: {
			email: {
				required: true,
				email: true
			},
			zip: {
				required: true
			}
		},
	
		// messages
		messages: {
			email: {
				required: 'email field cannot be left blank',
				email: 'please enter a valid email address'
			},
			zip: 'zip field cannot be left blank'
		},
		
		event: 'submit',
		
		submitHandler: function(form) {
			var email  = $("#researchPanelEmail").val();
			var zip = $("#researchPanelZip").val();
			var type = $("#researchPanelType").val();

			var obj = {
				url: '/index.cfm?event=action.marketresearchpaneladd',
				post: { email: email, zip: zip, type: type }
			}
			$.post(obj.url, obj.post);
			$('#panelMessage').html('<h2>Thank you.</h2><br />' + email + ' has been added to the NYC Research panel list.<br />');
			$("#researchPanelFormFields").hide("slow");
			return false;
		},
		
		// error
		errorClass: 'formErrorClass',
		errorElement: 'span',
		errorLabelContainer: $('.formErrorDisplay'),
		highlight: function(element, errorClass) {
			$(element).addClass(errorClass);
			$(element.form).find('label[for=' + element.id + ']').addClass(errorClass);
		},
		unhighlight: function(element, errorClass) {
			$(element).removeClass(errorClass);
			$(element.form).find('label[for=' + element.id + ']').removeClass(errorClass);
		}
	});
});