$(document).ready(function() {
  $('span.avisPositif').click(function() {
    idAvis = $(this).attr('rel'); 
    reponseAjax = $.ajax({
                  url: "/avisp.php",
                  async: false,
                  type: "POST",
                  data: ({id : idAvis}),
                  dataType: "text"
               }
            ).responseText;
    
      if(reponseAjax == 'ok')
      {
        nbAvisPos = parseInt($('span#avisPositifNb'+idAvis).text()) + 1;
        nbAvisNeg = parseInt($('span#avisNegatifNb'+idAvis).text());
        htmlAvis = '<span class="avisNegatifVote" rel="'+idAvis+'" id="avisNegatif'+idAvis+'">tu bois trop, ralentis ! (<span id="avisNegatifNb'+idAvis+'">'+nbAvisNeg+'</span>)</span> - <span class="avisPositifVote" rel="'+idAvis+'" id="avisPositif'+idAvis+'">merci d\'avoir voté ! (<span id="avisPositifNb'+idAvis+'">'+nbAvisPos+'</span>)</span>';
        $('div#avisMessage'+idAvis).html(htmlAvis);
      }      
    });
    
    
  $('span.avisNegatif').click(function() {
    idAvis = $(this).attr('rel'); 
    reponseAjax = $.ajax({
                  url: "/avisn.php",
                  async: false,
                  type: "POST",
                  data: ({id : idAvis}),
                  dataType: "text"
               }
            ).responseText;
    
      if(reponseAjax == 'ok')
      {
        nbAvisPos = parseInt($('span#avisPositifNb'+idAvis).text());
        nbAvisNeg = parseInt($('span#avisNegatifNb'+idAvis).text()) + 1;
        htmlAvis = '<span class="avisNegatifVote" rel="'+idAvis+'" id="avisNegatif'+idAvis+'">merci d\'avoir voté ! (<span id="avisNegatifNb'+idAvis+'">'+nbAvisNeg+'</span>)</span> - <span class="avisPositifVote" rel="'+idAvis+'" id="avisPositif'+idAvis+'">tu mérites que je te paye un coup ! (<span id="avisPositifNb'+idAvis+'">'+nbAvisPos+'</span>)</span>';
        $('div#avisMessage'+idAvis).html(htmlAvis);
      }      
    });
  });