$(document).ready(function() {


    /* Phone mask */
	$("#tel").mask("?(999) 999-9999 x999999");

    /* Validator  rules*/
    $("#contactForm").validate({ 
		rules: { 
			name: "required",
			email: {
	          required: true, 
	          email: true 
	        }
        },
        messages: { 
            "name": "Please enter a name",
            "email": "Please enter an email address"
        },
        errorElement: "div",
        wrapper: "div",  // a wrapper around the error message
        errorPlacement: function(error, element) {
            if (element.hasClass('question')) {
                element = element.closest('table');
            } 
            offset = element.offset();
            error.insertBefore(element);
            error.addClass('message');  // add a class to the wrapper
            error.css('position', 'absolute');
            error.css('left', offset.left + element.outerWidth());
            error.css('top', offset.top - 4);
        }
        
	});


    $("#hearingTestForm").validate({ 
		rules: { 
			"name": "required",
			"email": {
	          required: true, 
	          email: true
	        },
			"q1": "required",
            "q2": "required",
            "q3": "required",
            "q4": "required",
            "q5": "required",
            "q6": "required",
            "q7": "required",
            "q8": "required",
            "q9": "required",
            "q10": "required"
        },
        messages: { 
            "name": "Please enter a name",
            "email": "Please enter an email address",
            "q1": "Please answers all questions",
            "q2": "Please answers all questions",
            "q3": "Please answers all questions",
            "q4": "Please answers all questions",
            "q5": "Please answers all questions",
            "q6": "Please answers all questions",
            "q7": "Please answers all questions",
            "q8": "Please answers all questions",
            "q9": "Please answers all questions",
            "q10": "Please answers all questions"
        },

        errorElement: "div",
        wrapper: "div",  // a wrapper around the error message
        errorPlacement: function(error, element) {
            if (element.hasClass('question')) {
                element = element.closest('table');
            } 
            offset = element.offset();
            error.insertBefore(element);
            error.addClass('message');  // add a class to the wrapper
            error.css('position', 'absolute');
            error.css('left', offset.left + element.outerWidth());
            error.css('top', offset.top - 4);
        }

	});
    
});