// JavaScript Document
/*************************************************
	This is hacked version of star rating created by <a href="http://php.scripts.psu.edu/rja171/widgets/rating.php">Ritesh Agrawal</a>
	It thansform a set of radio type input elements to star rating type and remain the radio element name and value,
	so could be integrated with your form. It acts as a normal radio button.
	modified by : Logan Cai (cailongqun[at]yahoo.com.cn)
	website:www.phpletter.com
	


************************************************/
/*
*	convert a set of radio buttons to star rating type of question
*/

jQuery.fn.rating = function(settings) {
	settings = jQuery.extend({
		 cancel: _delete,
		 currentValue:''
	}, settings);			
	var prevElem = null;
	var valueElem = null;
	 var container = jQuery(this);
	 var CancelElem = null;
	var event = {
		fill: function(el){ // fill to the current mouse position.
			var stars = jQuery(valueElem).siblings('.star');
			var index = stars.index(el) + 1;
			jQuery(stars)
				.children('a').css('width', '100%').end()
				.lt(index).addClass('star_on').end();
		},
		drain: function() { // drain all the stars.
			var stars = jQuery(valueElem).siblings('.star');
			jQuery(stars)
				.filter('.star_on').removeClass('star_on').end()
				.filter('.star_hover').removeClass('star_hover').end();
		},
		reset: function(){ // Reset the stars to the default index.
			var stars = jQuery(valueElem).siblings('.star');
			jQuery(stars).lt(settings.currentValue).addClass('star_on').end();
		}
	};
	return this.each(function (i) {

		if(i == 0)//prepend cancel option at the begining
		{
								
			valueElem = jQuery('<input type="hidden" name="' + this.name + '" value="" >');
			jQuery(this).before(valueElem);
			var CancelElem = jQuery('<div class="cancel"><a href="#" title="' + settings.cancel + '">' + settings.cancel + '</a></div>');
			prevElem = CancelElem;
			jQuery(this).before(prevElem);	

			jQuery(CancelElem)
				.mouseover(function(){
						event.drain();
						jQuery(this).addClass('star_on')
				})
				.mouseout(function(){
						event.reset();
						jQuery(this).removeClass('star_on')
				});
							
			// click events.
			jQuery(CancelElem).click(function(){
					
					settings.currentValue = jQuery(this).children('a').attr('title');
					sendRating("delete");
					$(valueElem).val(settings.currentValue);
					event.drain();
					return false;
			});				
		}
		
		//insert rating option right after preview element
		preElemTemp  = jQuery('<div class="star"><a href="#" title="' + this.value + '">' + this.value + '</a></div>');
		jQuery(prevElem).after(preElemTemp);
		jQuery(preElemTemp)
			.mouseover(function(){
				event.drain();
				event.fill(this);					
			})
			.mouseout(function(){
				event.drain();
				event.reset();
			});			
		jQuery(preElemTemp).click(function(){
				
			//alert(jQuery(this).children('a').attr('title'));
			settings.currentValue = jQuery(this).children('a').attr('title');
			sendRating(settings.currentValue);
			jQuery(valueElem).val(settings.currentValue);
			event.drain();
			//event.reset();
			event.fill(this);
			
		});						
				prevElem = preElemTemp;
				preElemTemp = null;
				//remove this checkbox
				$(this).remove();
				if(i + 1 == this.length)
				{    
					event.reset();									
				}
						
			}								
			
		 );
};