// JavaScript Document
/* Tutos by eMeRiKa */
/* http://www.affinity-web.org */
/* URL tuto : http://www.affinity-web.org/lanews-47.php */
/* Bonne utilisation :p */

/* Evènement globale appelle une fonction qui va gérer tout les autres évènements */
Event.observe(window, 'load', page_loaded);

/* Fonction qui gére tout les évènements */
function page_loaded(evt) {

  /* Récupère toutes les éléments p où se trouvent les étoiles de vote */
  var zonevote = document.getElementsByClassName('zone_vote');

  /* Pour chaque élément p on attribut un event sur toutes les étoiles */
  for(var i=0; i<zonevote.length; i++) {

    /* Les étoiles de la zone de vote => tout les éléments fils de notre p */
    var tabStar = zonevote[i].childNodes;

    /* Pour chaque étoile, les 3 évènements */
    for(var j=0; j<tabStar.length; j++) {

      Event.observe(tabStar[j], 'click', saveVote);

    }

  }

}

/* Enregistrement en ajax du vote */
function saveVote(evt) {

  /* On récupère l'élément HTML img */
  var star = Event.element(evt);

  /* La note est mise dans l'attribut alt */
  var valueStar = star.alt;

  /* Il faut aussi savoir pourquoi on vote */
  /* Ici on récupère l'id de l'élément span parent des étoiles */
  /* En utilisant la méthode de Prototype Element.up() */
  var idvote = star.up(0).id;
  var thx = document.getElementById('thx');

  /* Requète Ajax */
  var options = {
method: "POST",
	parameters: "id_video="+idvote+"&valuescore="+valueStar
  }
  /* On va modifier le contenu du span des étoiles avec l'url qu'on lui donne */
  /* Le fichier save_vote.php gère aussi l'enregistrement en BDD */
  var  ajaxCall = new Ajax.Updater(thx, "/get_vars/score", options);
}