$(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 notify = $("#notifyRWCheckBox:checked").val()==undefined?0:1;
            var newsletter = $("#newsLetterCheckBox:checked").val()==undefined?0:1;
            var bStatus = false;
            
            if (notify || newsletter){
                var obj = {
                    url: '/?event=action.researchpaneladd',
                    post: { email: email, zip: zip, type: type, notify:notify, newsletter:newsletter }
                }
    
                $.get(obj.url, obj.post);
                $('#panelMessage').html('<h2>Thank you.</h2><br />' + email + ' has been added to the database.<br />');
                $("#researchPanelFormFields").hide("slow");
            }else{
                bStatus = true;
                $(".formErrorDisplay").html('<span htmlfor="researchPanelEmail" generated="true" class="formErrorClass">please select checkbox(es)</span>');
                $(".formErrorDisplay").show();      
            }

            return bStatus;
        },
        
        // 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);
        }
    });
        
});