$(document).ready(function() {
  
  //rating
  for(i=0; i<20; i++)
  {
    $("#cocktailResumeDateNote"+i).stars({
      split: 2,
      oneVoteOnly: true,
      cancelShow: false,
      captionEl: $("#cocktailDateStarHoverText"+i),
      callback: function(ui, type, value)
                {
                  idCocktail = (ui.options.name.split('-'))[1];
                  nbcom = $("#cocktailDateStarNbComVal"+idCocktail).html(); 
                  noteMoy = $("#cocktailDateStarNoteMoy"+idCocktail).html(); 
                  $.ajax({
                      url: url_base_cocktail + "noteCocktail.php",  
                      dataType: 'json',
                      async: false,                                         
                      type: "POST",
                      data: ({idCocktail: idCocktail,
                              note: value,
                              nbcom: nbcom,
                              noteMoy: noteMoy
                            }),
                      success: function(data) {
                        if(data.etat == 'ok')
                        {
                          $("#cocktailDateStarNbComVal"+idCocktail).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";
                             }
                          } 
                          
                          $("#cocktailDateStarMerciVote"+idCocktail).show();
                          
                          //si la reponse est ok, on met a jour la note dans l'autre colonne
                          //si le meme cocktail s'y trouve
                          for(i=0; i<20; i++)
                          {
                            instance = $("#cocktailResumeNoteNote"+i).data("stars");
                            if(instance != null)
                            {
                              idInstance = (instance.options.name.split('-'))[1];
                              if(idInstance == idCocktail)
                              {                                
                                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";
                                   }
                                }
                                
                                $("#cocktailNoteStarNbComVal"+idCocktail).html(parseInt(nbcom)+1);
                                $("#cocktailNoteStarMerciVote"+idCocktail).show();  
                              }
                            }
                          }
                        } 
                      }
                  });
                  
                }
    });
  }
  for(i=0; i<20; i++)
  {
    $("#cocktailResumeNoteNote"+i).stars({
      split: 2,
      oneVoteOnly: true,  
      cancelShow: false,
      captionEl: $("#cocktailNoteStarHoverText"+i) ,
      callback: function(ui, type, value)
                {  
                  idCocktail = (ui.options.name.split('-'))[1];
                  nbcom = $("#cocktailNoteStarNbComVal"+idCocktail).html(); 
                  noteMoy = $("#cocktailNoteStarNoteMoy"+idCocktail).html(); 
                  $.ajax({
                        url: url_base_cocktail + "noteCocktail.php",     
                        dataType: 'json',
                        async: false,                                         
                        type: "POST",
                        data: ({idCocktail: idCocktail,
                                note: value,
                                nbcom: nbcom,
                                noteMoy: noteMoy
                              }),
                      success: function(data) {
                        if(data.etat == 'ok')
                        {
                          $("#cocktailNoteStarNbComVal"+idCocktail).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";
                             }
                          }      
                          $("#cocktailNoteStarMerciVote"+idCocktail).show();
                          
                          //si la reponse est ok, on met a jour la note dans l'autre colonne
                          //si le meme cocktail s'y trouve
                          for(i=0; i<20; i++)
                          {
                            instance = $("#cocktailResumeDateNote"+i).data("stars");
                            if(instance != null)
                            {
                              idInstance = (instance.options.name.split('-'))[1];
                              if(idInstance == idCocktail)
                              {                                
                                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";
                                   }
                                }
                                
                                $("#cocktailDateStarNbComVal"+idCocktail).html(parseInt(nbcom)+1); 
                                $("#cocktailDateStarMerciVote"+idCocktail).show(); 
                              }
                            }
                          }
                        } 
                      }
                  });
                }
    });
  }
});