/* Evènement au chargement de la page */ 
window.addEvent('domready', function() { 

/* On sélectionne les balises ayant la class zone_vote */ 
var zone_vote = $$('.zone_vote'); 

/* Pour chaque balise on récupère ses fils */ zone_vote.each(function(item) { var stars = item.getChildren(); 

/* On a donc un tableau contenant les 5 images étoile */ 

/* On attribue des évènements à chaque étoile */ 
stars.each(function(item) { 
item.addEvent('mouseover', onStars); 
item.addEvent('mouseout', outStars); 
item.addEvent('click', clickStar); 
}); 
	}); 
		}); 
		
/* Quand on passe sur les étoiles */ 
function onStars() { 

/* On change l'image de l'étoile sur laquelle la souris est passée */ 
this.src = 'img/star2.png'; /* 

On récupère les étoiles précédentes et on change leur image */ 
var stars = this.getAllPrevious(); stars.each(function(item) { item.src = 'img/star2.png'; }); } 

/* Quand on quitte les étoiles */ function outStars(item) { 
/* On change l'image de l'étoile sur laquelle la souris est passée */ 
this.src = 'img/star1.png'; 
/* On récupère les étoiles précédentes et on change leur image */ 
var stars = this.getAllPrevious(); stars.each(function(item) { item.src = 'img/star1.png'; }); } 

/* Quand on click sur une étoile */ 
function clickStar() { 
/* on récupère la valeur de l'étoile qui est dans le alt */ 
var vote = this.alt; 
/* Il faut savoir pour quelle photo on vote, on récupère l'id de l'élément parent */ 
var parent = this.getParent(); var idphoto = parent.id; 
/* requète ajax */ 
var ajax = new Request.HTML({ method: 'get', url: 'save_vote.php', 
/* Mets à jour notre zone de vote avec le résultat du fichier PHP */ 
update: $(idphoto) }).send('vote='+vote+'&idphoto='+idphoto); }