$(function(){
    $(".showwithjs").css("display", "block");
    $(".hidewithjs").css("display", "none");
    $("#minicontactform").attr("action", "http://www.thespinalcolumns.com/thankyou");
    $("#phone").mask("999-999-9999");
    $("#phone").keypress(function(e) {
        if (e.which == 13) {$(this).val("");}
    });
    $("#minicontactform").validate({
        rules: {
            firstname: { required: true, minlength: 2 },
            lastname: { required: true, minlength: 2 },
            state:  { required: true },
            zipcode: { required: true },
            phone: { required: true },
            email: { required: false, email: true },
            besttime: { required: true },
            paintime: { required: true },
            surgeon: { required: true },
            mri: { required: true }},
        messages: {
            firstname: "Enter your first name",
            lastname: "Enter your last name",
            state: "Select your state",
            zipcode: "Enter a valid zip code",
            phone: "Enter your phone number",
            email: "Enter a vaild email address",
            besttime: "What is the best time to call you?",
            paintime: "Have you been in pain for 6 months or more?",
            surgeon: "Have you seen an orthopedic or neurosurgeon who has recommended that you have surgery to correct your condition?",
            mri: "Have you had an MRI or CTScan in the last 2 years?"},
        errorPlacement: function(error, element) {
            //errors[errors.length] = $(error).text();
            //errors.append(error);
        },          
        invalidHandler: function(form, v){
            $('.red').removeClass('red');
            var errors = [],
            count = v.numberOfInvalids();
            if(count > 0){
                var errorList = v.errorList;
                if(errorList.length > 0){
                    for(var i=0; i<errorList.length; i++){
                        var error = errorList[i],
                        elem = error.element,
                        item = $(elem).closest('.question');
                        $('label, span', item).addClass('red');
                        if(typeof(console) !== 'undefined'){
                            console.log(error);
                            console.log(item);
                        }
                        errors[errors.length] = error.message;
                    }
                    if(errors.length >= 1){
                        //alert('The following fields are required:\n\n'+errors.join('\n'));
                    }
                }
            }
        }
    });
});