(function($) {
$(function(){
	$('div.story_rating_sleeve').each(function(){starRatingInit.call(this)});
	    $('.starRating li a').click(function() {
	        var score = $(this).text();
            var targetroot = Config.get('rooturl');
            var target = '/AJAX/rating.aspx?storycode=' + Config.get('storycode');
            //alert(targetroot + target);
	        $.post(target, {
	        rating: score
	        },
	        function(reply) {
	            $('.story_rating .score').text(reply);
	        });
	    });

	});
function starRatingInit(){
	var currentRating = $('select>[@selected]',this).attr('value');
	var thisId = $('select',this).attr('id');
	$('select,input',this).remove();
	$('<input type="hidden" id="'+thisId+'" value="" /><span class="inline_rating"><ul class="starRating"><li><a href="#" title="1 star out of 5" class="one_star">1</a></li><li><a href="#" title="2 stars out of 5" class="two_stars">2</a></li><li><a href="#" title="3 stars out of 5" class="three_stars">3</a></li><li><a href="#" title="4 stars out of 5" class="four_stars">4</a></li><li><a href="#" title="5 stars out of 5" class="five_stars">5</a></li></ul></span><p class="current_rating meta"></p>').appendTo('.story_rating_sleeve div');
	$('a',this).hover(starOver,starOut).click(starSelect).focus(starOver).blur(starOut).slice(0,currentRating);
}
function starOver(){
	var currentRating = $(this.parentNode.parentNode).children().index(this.parentNode)+1;
	$(this).prevAll('li').andSelf().addClass('over').parents('div.story_rating_sleeve div')
		.children('p.current_rating').text(currentRating+' out of 5 stars');
}
function starOut(){
	$(this).parent().parent().parent().next().text('');
}
function starSelect(){
	var currentRating = $(this.parentNode.parentNode).children().index(this.parentNode)+1;
	return false;
}
})(jQuery);