$(function(){
	var inactiveStarIcon = "/template/default/image/star_grey.png";
	var activeStarIcon = "/template/default/image/star.png";

	var inputs = $("#product-rating input:radio");
	inputs.hide().each(function(){
		var value = $(this).val();
		$(this).attr("ratingid", value);

		var star = $("<img src='" + inactiveStarIcon + "' title='Postaw ocen&#281;: " + value + "' id='star-" + value + "' class='rating-stars' ratingid='" + value + "' />");
		$(this).after(star);
	});

	var stars = $("img.rating-stars");
	stars.hover(function(){
		var activeStarRate = $(this).attr("ratingid");
		stars.each(function(){
			$(this).attr("src", inactiveStarIcon);
			if($(this).attr("ratingid") <= activeStarRate){
				$(this).attr("src", activeStarIcon);
			}
		});
	}, function(){
		stars.each(function(){
			if($(this).hasClass("active") == false){
				$(this).attr("src", inactiveStarIcon);
			}
		});
	});
	stars.click(function(){
		var activeStarRate = $(this).attr("ratingid");
		stars.each(function(){
			if($(this).attr("ratingid") <= activeStarRate){
				$(this).attr("src", activeStarIcon);
				$(this).addClass("active");
			}
		});

		$("input[ratingid=" + activeStarRate + "]").click();
	});

	$(stars).eq(($(":checked", inputs.parent()).attr("ratingid") || stars.size()) - 1).click();
});