source: trunk/themes/default/js/rating.js @ 28545

var gRatingOptions, gRatingButtons, gUserRating;

function makeNiceRatingForm(options)
{
        gRatingOptions = options;
        var form = document.getElementById('rateForm');
        if (!form) return; //? template changed

        gRatingButtons = form.getElementsByTagName('input');
        gUserRating = "";
        for (var i=0; i<gRatingButtons.length; i++)
        {
                if ( gRatingButtons[i].type=="button" )
                {
                        gUserRating = gRatingButtons[i].value;
                        break;
                }
        }

        for (var i=0; i<gRatingButtons.length; i++)
        {
                var rateButton = gRatingButtons[i];
                rateButton.initialRateValue = rateButton.value; // save it as a property
                try { rateButton.type = "button"; } catch (e){}// avoid normal submit (use ajax); not working in IE6

                rateButton.value = " "; //hide the text (Apple + IE would show text above the stars)
                with (rateButton.style)
                {
                        marginLeft = marginRight = 0;
                }

                if (i!=gRatingButtons.length-1 && rateButton.nextSibling.nodeType == 3 /*TEXT_NODE*/)
                        rateButton.parentNode.removeChild(rateButton.nextSibling);
                if (i>0 && rateButton.previousSibling.nodeType == 3 /*TEXT_NODE*/)
                        rateButton.parentNode.removeChild(rateButton.previousSibling);

                pwgAddEventListener(rateButton, "click", updateRating);
                pwgAddEventListener(rateButton, "mouseout", function() {updateRatingStarDisplay( gUserRating );});
                pwgAddEventListener(rateButton, "mouseover", function(e) {
                        updateRatingStarDisplay( e.target ? e.target.initialRateValue : e.srcElement.initialRateValue);
                        });
        }
        updateRatingStarDisplay( gUserRating );
}

function updateRatingStarDisplay(userRating)
{
        for (var i=0; i<gRatingButtons.length; i++)
                gRatingButtons[i].className = (userRating!=="" && userRating>=gRatingButtons[i].initialRateValue ) ? "rateButtonStarFull" : "rateButtonStarEmpty";
}

function updateRating(e)
{
        var rateButton = e.target || e.srcElement;
        if (rateButton.initialRateValue == gUserRating)
                return false; //nothing to do

        for (var i=0; i<gRatingButtons.length; i++) gRatingButtons[i].disabled=true;
        var y = new PwgWS(gRatingOptions.rootUrl);
        y.callService(
                "pwg.images.rate", {image_id: gRatingOptions.image_id, rate: rateButton.initialRateValue } ,
                {
                        method: "POST",
                        onFailure: function(num, text) {
                                alert(num + " " + text);
                                document.location = rateButton.form.action + "&rate="+rateButton.initialRateValue;
                        },
                        onSuccess: function(result) {
                                gUserRating = rateButton.initialRateValue;
                                for (var i=0; i<gRatingButtons.length; i++) gRatingButtons[i].disabled=false;
                                if (gRatingOptions.onSuccess) gRatingOptions.onSuccess(result);
                                if (gRatingOptions.updateRateElement) gRatingOptions.updateRateElement.innerHTML = gRatingOptions.updateRateText;
                                if (gRatingOptions.ratingSummaryElement)
                                {
                                        var t = gRatingOptions.ratingSummaryText;
                                        var args =[result.score, result.count, result.average], idx = 0, rexp = new RegExp( /%\.?\d*[sdf]/ );
                                        while (idx<args.length) t=t.replace(rexp, args[idx++]);
                                        gRatingOptions.ratingSummaryElement.innerHTML = t;
                                }
                        }
                }
        );
        return false;
}

(function() {
if (typeof _pwgRatingAutoQueue!="undefined" && _pwgRatingAutoQueue.length)
{
    for (var i=0; i<_pwgRatingAutoQueue.length; i++)
        makeNiceRatingForm(_pwgRatingAutoQueue[i]);
}
_pwgRatingAutoQueue = {
        push: function(opts) {
                makeNiceRatingForm(opts);
        }
}
})();