$(document).ready(function() {
    // Hide all form elements, except "select"
    $("#wallpaperRatingForm").children().not("select").hide();
    $("#wallpaperRatingForm").stars({
        inputType: "select",
        oneVoteOnly: true,
        callback: function(ui, type, value){
            // Display loading icon to the user at the begining of request
            $("#ratingMessage").fadeIn(30);

            $.post("/wallpapers/add-rate/", {rate: value, id: $("#id").val(), hash: $("#hash").val()}, function(json){
                $("#wallpaperRatingForm").stars("select", Math.round(json.avg));

                $("#ratingMessage").fadeOut("slow")
            }, "json");
        }
    });

    // Hide loading.gif
    $('<div id="ratingMessage"><img id="loading" src="/images/loading.gif"/></div>').hide().appendTo("#wallpaperRatingForm");
});