function add_rater( ) {
	$$('input.rating').each( function( input ) {
		input.hide();
		stars = new Element("span");
		stars.addClassName( "stars" );
		stars.id = "rating";
		for( var i = 1; i < 6; i++) {
			var star = new Element("span");
			star.id = i;
			star.innerHTML = "♥";
			star.addClassName( "star" );
			stars.insert( {bottom : star});
			star.observe("mouseover", function( event ) {
				var element = event.element();
				set_rating( element.parentNode, element.id );
			});
			star.observe( "mouseout", function( event ){
				element = event.element();
				set_rating( element.parentNode, input.value );
			});
			star.observe( "click", function( event ) {
				element = event.element();
				input.value = element.id;
				
			});
		}
		
		input.insert( {after: stars });
		set_rating( stars, input.value );
	});
	
}

function set_rating( stars, value ) {
	var children = stars.childNodes;
	
	for( var i = 0; i < children.length; i++ ) {
		if ( i >= value )
			children[i].addClassName("faded");
		else 
			children[i].removeClassName("faded");
	}
}