/* 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 = 'ressources_site/graphisme/divers/star-red.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 = 'ressources_site/graphisme/divers/star-red.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 = 'ressources_site/graphisme/divers/star-black.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 = 'ressources_site/graphisme/divers/star-black.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 série on vote, on récupère l'id de l'élément parent */ 
	var parent = this.getParent(); 
	var idserie = 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: $(idserie) 
	}).send('vote='+vote+'&idserie='+idserie); 
}