$(document).ready(function() {
    $("#submit").click(function() {
        $("#error").hide();

        var name = $("#author").val();
        var email = $("#email").val();
        var website = $("#url").val();
        var text = $("#text").val();
        var photo = $("#comment_photo").val();

        if(name == '') {
            $("#error").removeClass("success").addClass("error");
            $("#errormsg").html("Whoops!  It looks like you forgot to enter your name.");
            $("#error").show();
            return false;
        }

        if(text == '') {
            $("#error").removeClass("success").addClass("error");
            $("#errormsg").html("Whoops!  It looks like you forgot to enter your comment.");
            $("#error").show();
            return false;
        }

        if(email == '') {
            $("#error").removeClass("success").addClass("error");
            $("#errormsg").html("Hmm, it looks like you haven't entered a valid email address...");
            $("#error").show();
            return false;
        } else {
        }

        jQuery.ajax({
                url: "/photos/ajax/comment/add", 
                type: "POST",
                dataType: "json",
                data: {photo: photo, name: name, email: email, website: website, text: text},
                success: function(xml) { 
                    $("#error").removeClass("error").addClass("success");
                    $("#errormsg").html("Thanks!  Your comment has been submitted and is awaiting approval.");
                    $("#form").hide('slow');
                    $("#error").show();
                },
                error: function(xhr, desc, exc) {
                    $("#error").removeClass("error").addClass("success");
                    $("#errormsg").html(xhr.responseText);
                    $("#error").show();
                }
        });        
    });
});