var $j = jQuery.noConflict();
$j(function(){
	var tip = $j('#average-star-rating #average-tip');
	var tip_data = tip.html();
	$j('#average-star-rating input.average-star1').rating({
		required: true, 
		focus: function(value, link){
			var tip = $j('#average-star-rating #average-tip');
			tip[0].data = tip[0].data || tip.html();
			tip.html(link.title || 'value: '+value);
		},
		blur: function(value, link){
			var tip = $j('#average-star-rating #average-tip');
			$j('#average-star-rating #average-tip').html(tip[0].data || '');
		},
		callback: function(value, link){
			// submit the form using ajax:
			$j('#average-star-rating-form').ajaxSubmit();
			
			var disabled_stars = "<div id=\"average-star-rating-ro\">";
			for(i=0; i<5; i++) {
				disabled_stars += "<input class=\"average-star\" type=\"radio\" name=\"average-rating-ro\"";
				if(i < value) disabled_stars += " checked=\"checked\"";
				disabled_stars += " />";
			}
			disabled_stars += "<span id=\"average-tip\" style=\"margin:0 0 0 5px; font-size: 7px;\"><strong>Thanks!</strong></span></div>";
			$j('#average-star-rating').after(disabled_stars);
			$j('#average-star-rating').remove();
			
			$j('#average-star-rating-ro input').rating({readOnly: true});
			
			$j('#rating-row').remove();
			
			var rating_fields = "<input type=\"hidden\" name=\"rating\" value=\"" + value + "\" />";
			$j('#star-rating-form').prepend(rating_fields);
		}
	});
	tip.html(tip_data);
});