function pokaz(){
               
                     var wartisc = document.getElementById("jakoc").value; 
                      wartisc = parseInt(wartisc);   
                             if(wartisc > 0){
                     for(i =1; i <= wartisc; i++){ 
          
                          var zaznaczony = document.getElementById("oc" + i);
                          zaznaczony.setAttribute('class' , 'pokazana');
                          zaznaczony.className = 'pokazana';
                                                 

                         }
                         for(i =wartisc+1; i <= 7; i++){ 
          
                          var zaznaczony = document.getElementById("oc" + i);
                          zaznaczony.setAttribute('class' , 'oc1');
                          zaznaczony.className = 'oc1';
                                                 

                         }
                        
                                            }
                                            
                        else {
                         
                         for(i = 1; i <= 7; i++){ 
          
                          var zaznaczony = document.getElementById("oc" + i);
                          zaznaczony.setAttribute('class' , 'oc1');
                          zaznaczony.className = 'oc1';
                                                 

                         }
                        }
                        
}   

 

 function oceniaj(ile){      
                        
          
          for(i = 1; i <= ile; i++){ 
          
               var zaznaczony = document.getElementById("oc" + i);
               zaznaczony.setAttribute('class' , 'pokazana');
               zaznaczony.className = 'pokazana';
          
              zaznaczony.onmouseout=function () { czysc(i); };
              zaznaczony.onclick=function () { zmien(i);return false; };
          }
           
                   
 
}

function czysc(ktory){
                      
                      var wartisc = document.getElementById("jakoc").value; 
                      wartisc = parseInt(wartisc);  
                      ktory = parseInt(ktory);
                          
                     tyl(ktory);
                
                                                                     
                 
                   
        
}

function tyl(ktoryX){
                        ktoryX = parseInt(ktoryX);  
for(i = ktoryX-1; i <= 7; i++){ 
          
                          var zaznaczony = document.getElementById("oc" + i);
                          zaznaczony.setAttribute('class' , 'oc1');
                          zaznaczony.className = 'oc1';
                           
                         }
                        for(is = 1; is < ktoryX; is++){
                              var zaznaczony = document.getElementById("oc" + is);
                              zaznaczony.setAttribute('class' , 'pokazana');
                              zaznaczony.className = 'pokazana';
                               
                        }     
                         
}

function zmien(numer){
                             
                      document.getElementById("jakoc").setAttribute('value' , numer-1);
                      var wartisc = document.getElementById("jakoc").value;
                      document.getElementById("toc").innerHTML =  wartisc + 
                         '<input type="hidden" name="tocena" id="tocenas" value="' + wartisc + '" />';
                                         
                        
                                      
                     
                     
}