$(document).ready(function() {
    $("#btnSave").click(function() {
        $(".error").hide();
        var hasError = false;
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

        var emailToVal = $("#Email").val();
        if (emailToVal == '') {
            $("#Email").after('<span class="error">Email address is required.</span>');
            hasError = true;
        } else if (!emailReg.test(emailToVal)) {
            $("#Email").after('<span class="error">A valid email address is required.</span>');
            hasError = true;
        }

        var nameVal = $("#Name").val();
        if (nameVal == '') {
            $("#Name").after('<span class="error">Name is required.</span>');
            hasError = true;
        }

        var subjectVal = $("#Subject").val();
        if (subjectVal == '') {
            $("#Subject").after('<span class="error">Subject is required.</span>');
            hasError = true;
        }

        var messageVal = $("#Message").val();
        if (messageVal == '') {
            $("#Message").after('<span class="error">Message is required.</span>');
            hasError = true;
        }
        
        if (hasError == false) {
            $(this).hide();
            $("span.buttons").append('<img src="/Content/Images/ajaxloader.gif" alt="Loading" id="loading" />');

            var f = $("#sendEmail");
            var action = f.attr("action");
            var serializedForm = f.serialize();

            $.post(action, serializedForm, postSent);
        }

        return false;
    });

    function postSent(data) {
        $("#formOL").slideUp("normal", postSentMessage);
    }

    function postSentMessage() {
        $("#formOL").before('<h3>Thank You!</h3><p>A customer representative will get in touch with you shortly.</p>');
    }

});