    var kolor;
    var kod_html = '';
    
    function pokaz_szanse(ocena_id, szansa, glosow, styl_szansa)
    {
      if(szansa > 0 && glosow > 0)
      {
        if(!styl_szansa)
        {
          var styl_szansa = Math.floor(szansa/10); 
        }
        $("#ocena_" + ocena_id).parent("span").html("<span style=\"color:black;\">Szansa trafienia:</span> " + szansa + "% <span style=\"color:black;\">("+ glosow +")</span>").addClass("szansa" + styl_szansa);
      }
      else
      {
        $("#ocena_" + ocena_id).parent("span").html("ok");
      }
    }        
    
    for(var j=1; j <= 10; j++)
    {
      kod_html = kod_html + '<a href="#"><span class="szansa' + j + '" title="Szansa trafienia: ' + (j*10) + ' %">' + (j*10) + '</span></a>';
    }
    kod_html = kod_html + '%';
    
    function init_ocena()
    {
      $("span.ocena").each(
        function(i)
        {          
          var ocena = $(this).text();          
          $(this).css("color","black").html(kod_html).children("a").css("text-decoration", "none").children("span").css("padding", "1px").hover(
            function()
            {
              kolor = $(this).css("color");              
              $(this).css("color","white").css("background", kolor);       
            },
            function()
            {
              $(this).css("color", kolor).css("background", "");
            }
          );
        }
      );          
    }    
    
    function ocenaInit()
    {
        init_ocena();
        $("span.ocena").children("a").children("span").bind('click', wyslijOcena);
    }
    
    $(document).ready(ocenaInit);
  

