/// <reference path="jquery-1.2.6.js" />
/// <reference path="MvcForum-Helpers.js" />

$(function() {
    $('.star').rating('readOnly', false);
});

$(function() {
    $("input[type='submit']").click(function() {
        createComment();
        return false;
    });

});

function createComment() {
    var id = $("input#photoID").attr("value");
    var message = $("textarea#message").attr("value");
    var rating = $("[name='score']:checked").val();

    $.ajax({
        url: "/Gallery/AddCommentToPhoto/",
        type: "POST",
        data:
        {
            id: id,
            message: message,
            rating: rating
        },
        dataType: "json",
        success:
            function(data) {
                $.modal(GetOperationMessage("comment"));
                $("#MemberComments").html("");
                var content = "";

                var commentsStart = 4;

                for (var i = 0; i < data.Data.ViewData[commentsStart].Value.length; i++) {
                    content += "<div class='CommentAvatar'><img src='" + data.Data.ViewData[commentsStart].Value[i].Avatar.replace(".jpg", "-small.jpg") + "'/></div>";
                    if (data.Data.ViewData[commentsStart].Value[i].Rating == null) {
                        content += "<div class='CommentText'>" + data.Data.ViewData[commentsStart].Value[i].Username + " said:<br />" + data.Data.ViewData[commentsStart].Value[i].Comment + "</div>";
                    }
                    else {
                        content += "<div class='CommentText'>" + data.Data.ViewData[commentsStart].Value[i].Username + " rated the picture <img src='/Images/" + data.Data.ViewData[commentsStart].Value[i].Rating + "stars.gif' alt='stars' /> and said:<br />" + data.Data.ViewData[commentsStart].Value[i].Comment + "</div>";
                    }
                }
                $("#MemberComments").html(content);
                $('.star').rating('readOnly', true);
                $('#ratingSubmit').hide();
                $('#message').val('');
            },
        error:
            function(req, status, error) {
                alert("An error has occurred!");
            }
    });    
}