$(function() {

	$('.rating-stars-selected').each(
		function(index, el) {
			var layout_id = $(el).attr('layout_id');

			$(el).attr('origwidth', $(el).css('width'))
				.mousemove(function(e) {
					var me = $(this);
					var myleft = me.offset().left;
					var mywidth = me.parent().width();
					var w = parseInt(1 + 5.0 * (e.clientX - myleft) / mywidth) * 20;
					me.css('width', w + '%');
				})
				.mouseout(function(e) {
					$(this).css('width', $(this).attr('origwidth'));
				})
				.find('a').each(function (index, ahr) {
					$(ahr).click(function(e) {
						e.preventDefault();
						e.stopPropagation();

						$.post(
							'/rate.html', 
							{
								id: layout_id,
								rate: $(ahr).attr('rate')
							},
							function(data, textstatus) {
								$('#average' + layout_id).text(data.message);

								if (data.width) {
									$(el).attr('origwidth', data.width);
									$(el).css('width', data.width);
								}

								$('#average' + layout_id).blink();
							},
							'json'
						);
					});
				});
		}
	);
});