(function($) {
    $.fn.rating = function() {
        var ratingDiv = $(this);
        var up = ratingDiv.find('img.rating-up');
        var down = ratingDiv.find('img.rating-down');
        var page = ratingDiv.attr('page');
        var id = ratingDiv.attr('id');
        
        
        up.click(function(event) { 
            event.preventDefault();
           url = '/rate.php?request=submit&value=1&page='+page+'&id='+id;

           $.getJSON(url, function(data) {  
               if(!isNaN(parseInt(data))) {
                   var dstring = '<span id="display-rating">' + data + '</span>% of people liked this build.';
                   $('#display-rating').html(dstring);
                   data = 'Thanks for rating!';
               } 
               ratingDiv.text(data);
               
           });
        });
        
        down.click(function(event) { 
            event.preventDefault();
           url = '/rate.php?request=submit&value=0&page='+page+'&id='+id;

           $.getJSON(url, function(data) {  
                ratingDiv.text(data);
           });
        });
    }
})(jQuery);