$(document).ready(function() {

	$('select.rating').each(function() {
	
		$(this).wrap('<div class="star_rating"></div>');

		markup = '';
		$(this).find('option').each(function() {
			$(this).val();
			$(this).text();
			markup += "<a href=\"#" + $(this).val() + "\"><span>" + $(this).text() + "</span></a>\n";
		});
	
		$(this).parent().append(markup);

		val = $(this).val();
		jqo = $(this).parent().find("a span:contains('"+ val + "')").parent();
		set_star_rating(jqo);
		$(this).hide();
	
	});


	$('div.star_rating a').hover(function() {
		set_star_rating($(this))
	}, function() {
		val = $(this).parent().find('select').val();
		jqo = $(this).parent().find("a span:contains('"+ val + "')").parent();
		set_star_rating(jqo);
	});


	$('div.star_rating a').click(function() {
		val = $(this).find('span').html();
		$(this).parent().find('select').val(val);			
		return false;
	});

	function set_star_rating(jqo) {
		jqo.prevAll().addClass("on");
		jqo.addClass('on')
		jqo.nextAll().removeClass("on");
	}

});