$(document).ready(
	function()
	{
	         
		  
    
    $('#hearts').html("<img id=\"1hrt\" src=\"public/img/layout/heart_on.gif\" />");

	for(var $i=2; $i<11; $i++){
    $('#hearts').append("<img id=\""+$i+"hrt\" src=\"public/img/layout/heart_off.gif\" />");
  }
   
   var $i = 0
  for( $i=1; $i<11; $i++){ 
    $('#' + $i+'hrt').mouseover(function(){
          $('#1hrt').attr('src', "public/img/layout/heart_on.gif");
            var $k = this.id.charAt(0);//alert($k);
            var $r = this.id.charAt(0)+this.id.charAt(1);
            if($r == '10'){ $('#rating').attr('value', 10);
            }else{
            $('#rating').attr('value', $k);}
            for(var $j=2; $j<11; $j++){
                if($j<=$k || $r == '10'){//alert(this.src);
                  $('#'+$j+'hrt').attr('src', "public/img/layout/heart_on.gif");
                              
                }else $('#'+$j+'hrt').attr('src', "public/img/layout/heart_off.gif");
            }
    });
  }
 
  
  

  });