(function($) {
	var stars = [];
	
	function select(star, classname) {
	
		var i = 0;
	
		for(i; i < stars.length; i++) {
			stars[i].addClass(classname);
			if(stars[i] == star)
				break;
		}
				
		for(i++; i < stars.length; i++)
			stars[i].removeClass(classname);
	} 

	$(".ratelist input").each(
		function() {
			var star = $("<div class=\"star\"></div>");
			var input = this;
			
			star.mouseover(
				function() {
					select(star, "star-hover")
				}
			);
			
			star.click(
				function() {
					select(star, "star-selected");
					$(input).attr("checked", "true");	
				}
			);
			
			stars.push(star);
			
			$(this).after(star);
			star.append(this);
			
			if(input.checked)
				select(star, "star-selected");
		}
	);

	$(".ratelist").mouseout(
		function() {
			for(var i = 0; i < stars.length; i++)
				stars[i].removeClass("star-hover");
		}
	)
	.addClass("ratelist-js");
	
})(jQuery);