jQuery(document).ready(function(){

	jQuery('input.ratefieldhdn').each(function() {
		jQuery(this).next().find('.selectedrate').css('width',(jQuery(this).val()*(jQuery(this).next(":first").width()-6)/5)+'px');
		jQuery(this).next().next().html(jQuery(this).val() + "/5.0");
	});
	

	jQuery('.ratebar').each(function() {
			if (jQuery(this).width()==0)
				jQuery(this).find('.selectedrate').css('width',(jQuery(this).prev().val()*(jQuery(this).width()-6)/5)+'px');
			else
				jQuery(this).find('.selectedrate').css('width',(jQuery(this).prev().val()*(jQuery(this).width()-6)/5)+'px');
			jQuery(this).next().html(jQuery(this).prev().val() + "/5.0");
	});


	jQuery('.ratebar').hover(function() {},function () {
		if (!jQuery(this).prev().hasClass('nointeractive'))
		{
			jQuery(this).find('.selectedrate').css('width',(jQuery(this).prev().val()*(jQuery(this).width()-6)/5)+'px');
			jQuery(this).next().html(jQuery(this).prev().val() + "/5.0");
		}
	});


	 jQuery('.ratebar').mousemove(function(e){
		if (!jQuery(this).prev().hasClass('nointeractive'))
		{
			 jQuery(this).find('.selectedrate').css('width',e.clientX - jQuery(this).offset().left+'px');
			 var percisionval = ((e.clientX - jQuery(this).offset().left)/((jQuery(this).width()-6)/5));
			 if (percisionval>4.8) percisionval = 5;
			 if (percisionval<1) percisionval = percisionval.toPrecision(1);
			 if (percisionval<0.2) percisionval = 0;
			 else percisionval = percisionval.toPrecision(2);
			 
			 jQuery(this).next().html( percisionval + "/5.0");
		 }
	  });
	 jQuery('.ratebar').click(function(e){
 		if (!jQuery(this).prev().hasClass('nointeractive'))
		{
			 var percisionval = (e.clientX - jQuery(this).offset().left)/((jQuery(this).width()-6)/5);
			 if (percisionval>4.8) percisionval = 5;
			 if (percisionval<0.2) percisionval = 0;
			 if (percisionval<1) percisionval = percisionval.toPrecision(1);
			 else percisionval = percisionval.toPrecision(2);
			 jQuery(this).prev().val(percisionval);
		}
	  });
});