/* 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); 
}