$(document).ready(
	function() {
		$('.StarList > li > a').click(
		function(event){
			var rating = parseInt($(this).text());
			rate(rating);
			event.preventDefault();
		});
		
		if($('#rateDisabled').attr('value') == 'true')
			changeState();
	}
);

function rate(rating) {
	var photoID = getPhotoId();
	$.post("php/services/ratePhoto.php", { id: photoID, rating: rating },
	function(data, textStatus){
    	changeState(data.mean, data.total);
	}, "json");
}

function getPhotoId() {
	return $('#photo_id').attr('value');	
}

function changeState(mean, totalVotes)
{
	if(mean != null) {
		var votesString = (totalVotes == 1) ? " Stem" : " Stemmen";
		$newWidth = mean * 13;
		$('.StarList').fadeOut();
		$('.StarListVotes').fadeOut();
		$('.StarListVotes').text("(" + totalVotes + votesString + ")");
		$('.current-rating').css('width', $newWidth);
		$('.StarListVotes').fadeIn();
		$('.StarList').fadeIn();
	}
	$('.StarList > li > a').css( { 'display' : 'none' } );
}