$(function(){
	var websiteUrl = $("#site_url").text();
	var ratings = $(".star-rating");
	for (var g = 0; g < ratings.length; g++)
	{
		var rating = ratings[g];
		var value = $(rating).text();
		$(rating).contents().remove();
		if(value == 0) {
			$(rating).append('No rating');
		} else {
			for (var j = 1; j < 6; j++)
			{
				if(value >= 1){		
					$(rating).append('<img src="' + websiteUrl + 'images/rating_on.gif"></img>');
					value--;
				} else {
					$(rating).append('<img src="' + websiteUrl + 'images/rating_off.gif"></img>');
				}			
			}
		}

	}
});

$(function(){
	createStars("cursor: pointer;");
	$(".choice-star").click(function(){
		var value = $(this).attr("id")
		$("#rating").attr("value", value);
		updateStars();
	});
	$(".choice-star").hover(function(){
		var value = $(this).attr("id")
		var websiteUrl = $("#site_url").text();
		for (var j = 1; j < 6; j++)
		{
			var star = ".choice-star#" + j;
			if(value >= 1){		
				$(star).attr('src', websiteUrl + 'images/rating_over.gif');
				value--;
			} else {
				$(star).attr('src', websiteUrl + 'images/rating_off.gif');
			}		
		}	
	}, function() {
		updateStars();
	});
});

function createStars(style){
	var websiteUrl = $("#site_url").text();
	var rating = $(".choose-star-rating");
	var value = $("#rating").attr("value");
	$(rating).contents().remove();
	for (var j = 1; j < 6; j++)
	{
		$(rating).append('<img style="' + style + '" class="choice-star" id="' + j + '" src="' + websiteUrl + 'images/rating_off.gif"></img>');
	}
}

function updateStars(){
	var websiteUrl = $("#site_url").text();
	var value = $("#rating").attr("value");
	for (var j = 1; j < 6; j++)
	{
		var star = ".choice-star#" + j;
		if(value >= 1){		
			$(star).attr('src', websiteUrl + 'images/rating_on.gif');
			value--;
		} else {
			$(star).attr('src', websiteUrl + 'images/rating_off.gif');
		}			
	}
}