$(document).ready( function() { 
    
    $(".rating").mouseout( function() { 
        var jq = $(this);
        jq.css("cursor","default");
             setValueClass(jq);
    });

        $(".rating").mousemove( function(e) { 
            if (arguments.length == 0)  e = event; 
            var x,y;
            if (document.layers) {
                x = e.pageX;
                y = e.pageY;
            }
            else  {
                x = e.clientX;
                y= e.clientY;
            } 
            if($.browser.msie)
            {
                var $el = $("<p style='display:none;'>"+x+" "+y+"</p>");
                $(document.body).append($el);
                $el.remove();
            }
            var jq = $(this);
            x = x - jq.offset().left;
            if(x>160)
            {
              setValueClass(jq);
              return;
              }
              clearRatingClass(jq);
            if(x>67)
              jq.addClass("rating_5");
            else if(x>60)
              jq.addClass("rating_4_5");
            else if(x>53)
              jq.addClass("rating_4");
            else if(x>45)
              jq.addClass("rating_3_5");
            else if(x>38)
              jq.addClass("rating_3");
            else if(x>30)
              jq.addClass("rating_2_5");
            else if(x>23)
              jq.addClass("rating_2");
            else if(x>15)
              jq.addClass("rating_1_5");
            else if(x>8)
              jq.addClass("rating_1");
            else if(x>3)
              jq.addClass("rating_0_5");
            else if(x>0)
              jq.addClass("rating_0");
            else
              jq.addClass("rating_none");
                
            
              
              
           jq.css("cursor","pointer");
        } ); 
        
        $(".rating").click( function(e) { 
            if (arguments.length == 0)  e = event; 
            var x,y;
            if (document.layers) {
                x = e.pageX;
                y = e.pageY;
            }
            else  {
                x = e.clientX;
                y= e.clientY;
            } 
            var jq = $(this);
            x = x - jq.offset().left;
            if(x>160)
            {
              setValueClass(jq);
              return;
              }
            
            var score =  $("#"+jq.attr("id")+"_score");
            if(x>67)
              score.val('5');
            else if(x>60)
              score.val('4.5');
            else if(x>53)
              score.val('4');
            else if(x>45)
              score.val('3.5');
            else if(x>38)
              score.val('3');
            else if(x>30)
              score.val('2.5');
            else if(x>23)
              score.val('2');
            else if(x>15)
              score.val('1.5');
            else if(x>8)
              score.val('1');
            else if(x>3)
              score.val('.5');
            else
              score.val('0');
              
              setValueClass(jq);
              
        } ); 
     } ); 
function clearRatingClass(jq)
{
    jq.removeClass("rating_none");
    jq.removeClass("rating_5");
    jq.removeClass("rating_4_5");
    jq.removeClass("rating_4");
    jq.removeClass("rating_3_5");
    jq.removeClass("rating_3");
    jq.removeClass("rating_2_5");
    jq.removeClass("rating_2");
    jq.removeClass("rating_1_5");
    jq.removeClass("rating_1");
    jq.removeClass("rating_0_5");
    jq.removeClass("rating_0");
}
function setValueClass(jq)
{
        var score = score = $("#"+jq.attr("id")+"_score").val();
              clearRatingClass(jq);
            if(score=='')
              jq.addClass("rating_none");
            else if(score==5)
              jq.addClass("rating_5");
            else if(score==4.5)
              jq.addClass("rating_4_5");
            else if(score==4)
              jq.addClass("rating_4");
            else if(score==3.5)
              jq.addClass("rating_3_5");
            else if(score==3)
              jq.addClass("rating_3");
            else if(score==2.5)
              jq.addClass("rating_2_5");
            else if(score==2)
              jq.addClass("rating_2");
            else if(score==1.5)
              jq.addClass("rating_1_5");
            else if(score==1)
              jq.addClass("rating_1");
            else if(score==.5)
              jq.addClass("rating_0_5");
            else
              jq.addClass("rating_0");
}