$(document).ready(function () {
	$(".StarRating1").hover(
		function () { showRating(this, 1); },
		function () { showCurrentRating(this); }
	);
	$(".StarRating2").hover(
		function () { showRating(this, 2); },
		function () { showCurrentRating(this); }
	);
	$(".StarRating3").hover(
		function () { showRating(this, 3); },
		function () { showCurrentRating(this); }
	);
	$(".StarRating4").hover(
		function () { showRating(this, 4); },
		function () { showCurrentRating(this); }
	);
	$(".StarRating5").hover(
		function () { showRating(this, 5); },
		function () { showCurrentRating(this); }
	);

	$(".StarRating1").click(function () { setCurrentRating(this,1); });
	$(".StarRating2").click(function () { setCurrentRating(this, 2); });
	$(".StarRating3").click(function () { setCurrentRating(this, 3); });
	$(".StarRating4").click(function () { setCurrentRating(this, 4); });
	$(".StarRating5").click(function () { setCurrentRating(this, 5); });

	function showCurrentRating(ele) {
		showRating(ele, $(ele).parent().find(".StarRatingHidden").val());
	}

	function setCurrentRating(ele,rate) {
		$(ele).parent().find(".StarRatingHidden").val(rate);
	}

	function showRating(ele, rate) {
		if (rate < 1) {
			$(ele).parent().find(".StarRating1").attr('src', '/library/images/common/star-off.png');
		} else {
			$(ele).parent().find(".StarRating1").attr('src', '/library/images/common/star-on.png');
		}
		if (rate < 2) {
			$(ele).parent().find(".StarRating2").attr('src', '/library/images/common/star-off.png');
		} else {
			$(ele).parent().find(".StarRating2").attr('src', '/library/images/common/star-on.png');
		}
		if (rate < 3) {
			$(ele).parent().find(".StarRating3").attr('src', '/library/images/common/star-off.png');
		} else {
			$(ele).parent().find(".StarRating3").attr('src', '/library/images/common/star-on.png');
		}
		if (rate < 4) {
			$(ele).parent().find(".StarRating4").attr('src', '/library/images/common/star-off.png');
		} else {
			$(ele).parent().find(".StarRating4").attr('src', '/library/images/common/star-on.png');
		}
		if (rate < 5) {
			$(ele).parent().find(".StarRating5").attr('src', '/library/images/common/star-off.png');
		} else {
			$(ele).parent().find(".StarRating5").attr('src', '/library/images/common/star-on.png');
		}
	}
});