// 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:'Cancel Rating',
		showCancel:true,
		currentValue:'',
		readOnly: false,
		onChangeCallback:'',
		readOnlyHref: ''
	}, 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 all_stars = jQuery(valueElem).siblings('.star');
			var index = all_stars.index(el) + 1;
			var stars = jQuery(valueElem).siblings('.star:lt('+index+')');
			jQuery(stars).children('a').css('width', '100%').end().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:lt('+settings.currentValue+')');
			jQuery(stars).addClass('star_on').end();
		}
	};
	return this.each(function (i)
	{

		if(i == 0) //prepend cancel option at the begining
		{

			valueElem = jQuery('<input type="hidden" name="' + settings.pulaMeaNume + '" id="' + settings.pulaMeaNume + '" value="">');
			jQuery(this).before(valueElem);

			if(settings.showCancel) {
				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.
				if(!settings.readOnly) {
					jQuery(CancelElem).click(function(){
						settings.currentValue = jQuery(this).children('a').attr('title');
						$(valueElem).val(settings.currentValue);
						event.drain();
						return false;
					});
				}
			}
		}

		//insert rating option right after preview element
		var onClass=(settings.currentValue?(settings.currentValue>i?'star_on':''):'');
		if(settings.currentValue) $(valueElem).val(settings.currentValue);

		preElemTemp  = jQuery('<div class="star ' + onClass + '"><a ' + (!settings.readOnly?'href="#" ':'') + 'title="' + this.value + '">' + this.value + '</a></div>');
		if(settings.showCancel) jQuery(prevElem).after(preElemTemp); else jQuery(valueElem).before(preElemTemp);

		if(!settings.readOnly) {
			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');
				//alert(jQuery(this).children('a').attr('title'));
				jQuery(valueElem).val(settings.currentValue);
				if(settings.onChangeCallback) settings.onChangeCallback(jQuery(valueElem).val());
				event.drain();
				//event.reset();
				event.fill(this);
				_s_action('07');
			});
		} else {
			if(settings.readOnlyHref) jQuery(preElemTemp).click(function(){window.location=settings.readOnlyHref;});
		}
		//alert(settings.readOnly);
		prevElem = preElemTemp;
		preElemTemp = null;
		//remove this checkbox
		$(this).remove();
		if(i + 1 == this.length)
		{
			event.reset();
		}

	}

	);
};