/// <reference path="jquery-1.4.1.js" />
/// <reference path="jquery.validate.js" />

$(function () {

    $("#commentform").submit(function (event) {

        event.preventDefault();

        var form = $(this);

        var isValid = form.valid();

        if (!isValid)
            return;

        var data = form.serialize();

        form.html("<div class=\"loading\">&nbsp;</div>");

        $.ajax({
            type: "POST",
            url: form.attr("action"),
            data: data,
            dataType: "html",
            success: function (result, status) {

                var container = $("<div></div>").html(result);

                var comment = $(".comment", container);
                var contents = $("#commentform-contents", container);

                if (comment.length == 0) { // form validation error

                    $("#commentform").html(contents);
                } else { // new comment

                    $(".commentlist").append(comment);
                    $("#commentform").html("<div class=\"accept_box\">Thanks for your comment.</div>");
                }
            },
            error: function (request, status, error) {
                $("#commentform").html("<div class=\"warning_box\">There has been an unexpected error.</div>");
            }
        });
    });
});