jQuery(document).ready(function() {

	//append required flag span to generated required fields
	jQuery('div.requiredField label').each(function(index, Element) {
        jQuery(this).append('<span class="required">*</span>');
	});

    jQuery("#DonateForm_MyDonateForm").validate({
        rules: {
            Amount: {
                required: true,
                digits: true,
                min: 5,
                max: 99999999
            },
            Name: {
                required: true
            },
            Email: {
                required: true,
                email: true
            }
        },
        messages: {
            Amount: {
                required: "An amount is required.",
                min: "Sorry, the minimum donation is $5.",
                digits: "Please enter only numbers for the donation amount."
            },
            Email: {
                required: "Your email address is required."
            },
            Name: {
                required: "Your name is required."
            }
        },
        errorPlacement: function(error, element) {
			if (element.attr("name") == "Amount")
		        error.insertAfter("#cents");
		    else
		        error.insertAfter(element);
        }
    });

    /* 	jQuery('#DonateForm_MyDonateForm_Amount').addClass('required'); */
    jQuery('#DonateForm_MyDonateForm_Name').addClass('required');
    jQuery('#DonateForm_MyDonateForm_Email').addClass('required');
    jQuery('#DonateForm_MyDonateForm_Email').addClass('email');
});