// JavaScript Document

$.validator.addMethod(
    "maths",
    function(element) {
        if(element == 10) {
            return true;
        } else {
            return false;
        }
    },
    ''
    );


$('document').ready(function () {
    $("#reg").validate({

        errorClass: 'form_error',
	
        rules: {
            yooname:			{
                required: true
            },
            add:				{
                required: true
            },
            pword:				{
                required: true
            },
            confirm_pword:		{
                equalTo: "#pword"
            },
            mathymath:			{
                required: true, 
                max: 21
            },
        /* number_of_guests:	{ required: function(element) {
										return $('input:radio[name=attending]:checked').val() == 'Yes'; 
										}
									}*/
        },
		
        messages: {
            yooname:			{
                required: '<div class="error_span">Enter a Username</div>'
            },
            add:				{
                required: '<div class="error_span">Enter Email Address.</div>'
            },
            pword:				{
                required: '<div class="error_span">Please enter your address.</div>'
            },
            confirm_pword:		{
                equalTo: '<div class="error_span">Passwords Do Not Match</div>'
            },
            mathymath:		{
                required: '<div class="error_span">Incorrect Answer</div>'
            },
		
        },
	
        errorPlacement: function(error, element) {
            element.parent().append('<br class="error_br" />').append(error);
        },
	
        invalidHandler: function(form, validator) {
            var errors = validator.numberOfInvalids();
            $(".error").html('<div class="error_span">You have ' + errors + ' incomplete fields.</div>');									
        },
	
        showErrors: function(errorMap, errorList) {
            $('label.form_error').parent().each(
                function () {
                    $('label:last', this).addClass('last_error');
                }
                )
            this.defaultShowErrors();
        }				
    });
	
    $("#attending").click(function() {
        $("#number_of_guests").valid();
    });
    $("#attending").blur(function() {
        $("#number_of_guests").valid();
    });
});