$(document).ready(function() {
  
  //rating
  for(i=0; i<20; i++)
  {
    $("#jeuResumeDateNote"+i).stars({
      split: 2,
      oneVoteOnly: true,
      cancelShow: false,
      captionEl: $("#jeuDateStarHoverText"+i),
      callback: function(ui, type, value)
                {
                  idJeu = (ui.options.name.split('-'))[1];
                  nbcom = $("#jeuDateStarNbComVal"+idJeu).html(); 
                  noteMoy = $("#jeuDateStarNoteMoy"+idJeu).html(); 
                  $.ajax({
                      url: url_base_jeu + "noteJeu.php",  
                      dataType: 'json',
                      async: false,                                         
                      type: "POST",
                      data: ({idJeu: idJeu,
                              note: value,
                              nbcom: nbcom,
                              noteMoy: noteMoy
                            }),
                      success: function(data) {
                        if(data.etat == 'ok')
                        {
                          $("#jeuDateStarNbComVal"+idJeu).html(parseInt(nbcom)+1);
                          nouvelleNote = (Math.round((data.note)*2))/2;
                          ui.options.value = nouvelleNote;
                          
                          radioChecked = (value*2)-1;
                          for(j=0; j<=9; j++)
                          {
                             if(j <=  radioChecked)
                             {
                               ui.$stars[j].className = "ui-stars-star ui-stars-star-hover ui-stars-star-disabled";
                             }else
                             {
                               ui.$stars[j].className = "ui-stars-star ui-stars-star-disabled";
                             }
                          } 
                          
                          $("#jeuDateStarMerciVote"+idJeu).show();
                          
                          //si la reponse est ok, on met a jour la note dans l'autre colonne
                          //si le meme jeu s'y trouve
                          for(i=0; i<20; i++)
                          {
                            instance = $("#jeuResumeNoteNote"+i).data("stars");
                            if(instance != null)
                            {
                              idInstance = (instance.options.name.split('-'))[1];
                              if(idInstance == idJeu)
                              {                                
                                instance.options.value = nouvelleNote;
                                instance.options.checked = radioChecked;
                                instance.options.disabled = true;
                                for(j=0; j<=9; j++)
                                {
                                   if(j <=  radioChecked)
                                   {
                                     instance.$stars[j].className = "ui-stars-star ui-stars-star-hover ui-stars-star-disabled";
                                   }else
                                   {
                                     instance.$stars[j].className = "ui-stars-star ui-stars-star-disabled";
                                   }
                                }
                                
                                $("#jeuNoteStarNbComVal"+idJeu).html(parseInt(nbcom)+1);
                                $("#jeuNoteStarMerciVote"+idJeu).show();  
                              }
                            }
                          }
                        } 
                      }
                  });
                  
                }
    });
  }
  for(i=0; i<20; i++)
  {
    $("#jeuResumeNoteNote"+i).stars({
      split: 2,
      oneVoteOnly: true,  
      cancelShow: false,
      captionEl: $("#jeuNoteStarHoverText"+i) ,
      callback: function(ui, type, value)
                {  
                  idJeu = (ui.options.name.split('-'))[1];
                  nbcom = $("#jeuNoteStarNbComVal"+idJeu).html(); 
                  noteMoy = $("#jeuNoteStarNoteMoy"+idJeu).html(); 
                  $.ajax({
                        url: url_base_jeu + "noteJeu.php",     
                        dataType: 'json',
                        async: false,                                         
                        type: "POST",
                        data: ({idJeu: idJeu,
                                note: value,
                                nbcom: nbcom,
                                noteMoy: noteMoy
                              }),
                      success: function(data) {
                        if(data.etat == 'ok')
                        {
                          $("#jeuNoteStarNbComVal"+idJeu).html(parseInt(nbcom)+1);
                          nouvelleNote = (Math.round((data.note)*2))/2;
                          ui.options.value = nouvelleNote;
                          
                          radioChecked = (value*2)-1;
                          for(j=0; j<=9; j++)
                          {
                             if(j <=  radioChecked)
                             {
                               ui.$stars[j].className = "ui-stars-star ui-stars-star-hover ui-stars-star-disabled";
                             }else
                             {
                               ui.$stars[j].className = "ui-stars-star ui-stars-star-disabled";
                             }
                          }      
                          $("#jeuNoteStarMerciVote"+idJeu).show();
                          
                          //si la reponse est ok, on met a jour la note dans l'autre colonne
                          //si le meme jeu s'y trouve
                          for(i=0; i<20; i++)
                          {
                            instance = $("#jeuResumeDateNote"+i).data("stars");
                            if(instance != null)
                            {
                              idInstance = (instance.options.name.split('-'))[1];
                              if(idInstance == idJeu)
                              {                                
                                instance.options.value = nouvelleNote;
                                instance.options.checked = radioChecked;
                                instance.options.disabled = true;
                                for(j=0; j<=9; j++)
                                {
                                   if(j <=  radioChecked)
                                   {
                                     instance.$stars[j].className = "ui-stars-star ui-stars-star-hover ui-stars-star-disabled";
                                   }else
                                   {
                                     instance.$stars[j].className = "ui-stars-star ui-stars-star-disabled";
                                   }
                                }
                                
                                $("#jeuDateStarNbComVal"+idJeu).html(parseInt(nbcom)+1); 
                                $("#jeuDateStarMerciVote"+idJeu).show(); 
                              }
                            }
                          }
                        } 
                      }
                  });
                }
    });
  }
});