$(document).ready(function() {
    var showError = function(element, message) {
        var icon;
        icon = '<span style="margin: 0pt 5px; float: left;" class="ui-icon ui-icon-alert"></span><strong>Error:</strong>';
        element.removeClass("ui-state-highlight");
        element.addClass("ui-state-error ui-corner-all");
        element.html('<div>' + icon + message + '</div>');
        element.css('display', 'block');

    };
    var showSuccess = function(element, message) {
        var icon;
        icon = '';
        element.removeClass("ui-state-error");
        element.addClass("ui-state-highlight ui-corner-all");
        element.css('display', 'block');
        element.html('');
        element.html(icon + message);
        $("#rcError").css('display', 'none');
    };
    $("#name").DefaultValue("your name");
    $("#email").DefaultValue("your email address");
    $("#submit").click(function() {
        var request = [];
        $(".informationBox :checkbox:checked").each(function () { request.push($(this).val()); });
        $.ajax({
            type: "POST",
            url: "/umbraco/VibrantLiving.asmx/SubmitForm",
            data: $.toJSON({ "name": $("#name").Value(),
                "email": $("#email").Value(),
                "request": request
            }),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(msg) {
                var status = msg.d.Status;
                var message = msg.d.message;
                if (status == 0) { // success
                    showSuccess($(".informationBox div"), 'Your request was successfully submitted');
                }
                else if (status == 1) {
                    showError($("#rcError"), message);
                }
                else {
                    showError($("#rcError"), message);
                }
            }
        });

    });
});