var objRating = {

	create : function (id)
	{
	
		this.build(id);
		
	},
	
	build : function (id)
	{
		
		html = '<ul class="star-rating small-star">' +
			   '<li class="current-rating" id="currentRating_'+id+'" style="width:0%">&nbsp;</li>' +
			   '<li><a href="javascript:void(0);" onclick="rating.rate(\''+id+'\', 1);" title="1 star out of 5" class="one-star">1</a></li>' +
			   '<li><a href="javascript:void(0);" onclick="rating.rate(\''+id+'\', 2);" title="2 stars out of 5" class="two-stars">2</a></li>' +
			   '<li><a href="javascript:void(0);" onclick="rating.rate(\''+id+'\', 3);" title="3 stars out of 5" class="three-stars">3</a></li>' +
			   '<li><a href="javascript:void(0);" onclick="rating.rate(\''+id+'\', 4);" title="4 stars out of 5" class="four-stars">4</a></li>' +
			   '<li><a href="javascript:void(0);" onclick="rating.rate(\''+id+'\', 5);" title="5 stars out of 5" class="five-stars">5</a></li>' +
		   	   '</ul>' +
		   	   '<input type="hidden" name="rating_value['+id+']" value="0" id="setRating_'+id+'" />';
		   	   
		$(id).update(html);
		
	},
	
	rate : function (id, rating) {
		
		switch (rating)
		{
			case 1:
				percentage = '20%';
			break;
			case 2:
				percentage = '40%';
			break;
			case 3:
				percentage = '60%';
			break;
			case 4:
				percentage = '80%';
			break;
			case 5:
				percentage = '100%';
			break;
		}
		
		$('currentRating_' + id).setStyle({ width : percentage });
		$('setRating_' + id).value = rating;
		
	},
	
	view : function (element, rating) {
		
		switch (rating)
		{
			case 1:
				percentage = '20%';
			break;
			case 2:
				percentage = '40%';
			break;
			case 3:
				percentage = '60%';
			break;
			case 4:
				percentage = '80%';
			break;
			case 5:
				percentage = '100%';
			break;
			
			default:
				percentage = (rating * 10 / 5 * 10) + '%';
		}
	
		html = '<ul class="star-rating small-star">' +
			   '<li class="current-rating" style="width:'+percentage+'">&nbsp;</li>' +
			   '<li><span class="one-star">&nbsp;</span></li>' +
			   '<li><span class="two-stars">&nbsp;</span></li>' +
			   '<li><span class="three-stars">&nbsp;</span></li>' +
			   '<li><span class="four-stars">&nbsp;</span></li>' +
			   '<li><span class="five-stars">&nbsp;</span></li>' +
		   	   '</ul>';
		   	   
		$(element).update(html);
	}

};

var rating = objRating;