$(function() {
    $("#email-signup form").submit(function(e) {
        e.preventDefault();

        var f = $(this);

        $('.ajax-message', f).remove();
        $(".blockUI").live("click", function(e) {
            e.preventDefault();
            $(f).unblock();
            return false;
        });

        $.ajax({
            type: f.attr("method"),
            url: f.attr("action"),
            data: f.serialize(),
            dataType: "json",
            success: function(json) {
                switch (json.Status) {
                    case "ERROR":
                        $("#Email").after("<span class='field-validation-error ajax-message'>" + json.Message + "</span>");
                        break;
                    case "OK":
                        $(f).block({
                            message: "<h4 style='margin-bottom:10px'>You're subscribed!</h4><a href='#' class='button'>OK</a>",
                            css: {
                                padding: 0,
                                margin: 0,
                                width: '100%',
                                top: '40%',
                                textAlign: 'center',
                                color: '#fff',
                                border: 'none',
                                backgroundColor: 'transparent',
                                cursor: 'wait'
                            },
                            overlayCSS: {
                                backgroundColor: '#5C4D30',
                                opacity: 1
                            }
                        });
                        $("#Email").val("");
                        break;
                }
            },
            error: function(json) {
                $("#Email").after("<span class='field-validation-error ajax-message'>Form Error</span>");
            }
        });
        return false;
    });
});