/*!

 * jQuery UI Stars v@VERSION@

 *

 * Copyright (c) @YEAR@ Orkan (orkans@gmail.com)

 * Dual licensed under the MIT (MIT-LICENSE.txt)

 * and GPL (GPL-LICENSE.txt) licenses.

 *

 * $Rev: 32 $

 * $Date:: 2008-10-17 #$

 * $Build: @BUILD@ (@DATE@)

 *

 * Depends:

 *	ui.core.js

 *

 */

;(function($) {



	$.widget("ui.stars", {

		init: function() {

			var self = this, o = this.options;

			o.isSelect = o.inputType == "select";

			

			this.$selec = o.isSelect ? $("select", this.element) : null;

			this.$rboxs = o.isSelect ? $("option", this.$selec) : $(":radio", this.element);



			// TODO : Add non-input star genrator

			this.$stars = this.$rboxs.map(function(i) {

				if(i==0) {

					o.split = typeof o.split != "number" ? 0 : o.split;

					o.val2id = [];

					o.id2val = [];

					o.id2title = [];

					o.name = o.isSelect ? self.$selec.get(0).name : this.name;

					o.disabled = o.disabled || (o.isSelect ? $(self.$selec).attr('disabled') : $(this).attr('disabled'));

					o.items = 0;

				}

				o.items++;



				o.val2id[this.value] = i;

				o.id2val[i] = this.value;

				o.id2title[i] = (o.isSelect ? this.text : this.title) || this.value;



				if(o.selected==i || (o.selected==-1 && (o.isSelect ? this.defaultSelected : this.defaultChecked) )) {

					o.checked = i;

					o.value = o.id2val[i];

					o.title = o.id2title[i];

				}



				var $s = $("<div/>").addClass(o.starClass);

				var $a = $('<a/>').attr("title", o.showTitles ? o.id2title[i] : "").text(this.value);

				

				// Prepare division settings

				if(o.split) {

					var oddeven = (i % o.split);

					var stwidth = Math.floor(o.starWidth / o.split);

					$s.width(stwidth);

					$a.css("margin-left", "-"+(oddeven*stwidth)+"px");

				}



				return $s.append($a).get(0);

			});

			

			this.$cancel = $("<div/>").addClass(o.cancelClass).append( $("<a/>").attr("title", o.showTitles ? o.cancelTitle : "").text(o.cancelValue) );

			this.$value = $('<input type="hidden" name="'+o.name+'" value="'+o.value+'" />');



			o.cancelShow &= !o.disabled && !o.oneVoteOnly;



			// Stars interface

			if(o.cancelShow) this.element.append(this.$cancel);

			this.element.append(this.$stars);

			this.element.append(this.$value);

			

			// Replace content

			o.isSelect ? this.$selec.remove() : this.$rboxs.remove();



			// Initial selection

			if(o.checked === undefined) {

				o.checked = -1;

				o.value = o.cancelValue;

				o.title = "";

				if(o.cancelShow) this._disableCancel();

			}

			else {

				fillTo(o.checked, false);

			}



			if(o.disabled) this.disable();





			// Clean up to avoid memory leaks in certain versions of IE 6

			$(window).bind("unload", function(){

				self.$cancel.unbind(".stars");

				self.$stars.unbind(".stars");

				self.$selec = self.$rboxs = self.$stars = self.$value = self.$cancel = null;

			});



			// Remove selection

			function fillNone() {

				self.$stars.removeClass([o.starOnClass, o.starHoverClass].join(' '));

				self._showCap("");

			}

			

			// Fill stars to the current index

			function fillTo(index, hover) {

				if(index != -1) {

					var addClass = hover ? o.starHoverClass : o.starOnClass;

					var remClass = hover ? o.starOnClass : o.starHoverClass;

					self.$stars.eq(index).prevAll("."+o.starClass).andSelf().removeClass(remClass).addClass(addClass);

					self.$stars.eq(index).nextAll("."+o.starClass).removeClass([o.starHoverClass, o.starOnClass].join(' '));

					self._showCap(o.id2title[index]);

				}

				else fillNone();

			}



			// Attach star event handler

			this.$stars.bind("click.stars", function() {

				if(!o.forceSelect && o.disabled) return false;

				

				var i = self.$stars.index(this);

				o.checked = i;

				o.value = o.id2val[i];

				o.title = o.id2title[i];

				self.$value.attr({disabled: o.disabled ? "disabled" : "", value: o.value});



				fillTo(i, false);

				self._disableCancel();



				if(!o.forceSelect) {

					//self.disable();

					self.callback("star");

				}

			})

			.bind("mouseover.stars", function() {

				if(o.disabled) return false;

				var i = self.$stars.index(this);

				fillTo(i, true);

			})

			.bind("mouseout.stars", function() {

				if(o.disabled) return false;

				fillTo(self.options.checked, false);

			});



			this.$cancel.bind("click.stars", function() {

				if( !o.forceSelect && (o.disabled || (o.value == o.cancelValue)) ) return false;

				

				o.checked = -1;

				o.value = o.cancelValue;

				o.title = "";

				self.$value.attr({value: o.value, disabled: "disabled"});

				

				fillNone();

				self._disableCancel();

				

				if(!o.forceSelect) {

					//self.disable();

					self.callback("cancel");

				}

			})

			.bind("mouseover.stars", function() {

				if(self._disableCancel()) return false;

				self.$cancel.addClass(o.cancelHoverClass);

				fillNone();

				self._showCap(o.cancelTitle);

			})

			.bind("mouseout.stars", function() {

				if(self._disableCancel()) return false;

				self.$cancel.removeClass(o.cancelHoverClass);

				self.$stars.triggerHandler("mouseout.stars");

			});

		},

		select: function(val) {

			var o = this.options;

			o.forceSelect = true;

			if(val==o.cancelValue) this.$cancel.triggerHandler("click.stars");

			else									 this.$stars.eq(o.val2id[val]).triggerHandler("click.stars");

			o.forceSelect = false;

		},

		selectID: function(id) {

			var o = this.options;

			o.forceSelect = true;

			if(id==-1)	this.$cancel.triggerHandler("click.stars");

			else				this.$stars.eq(id).triggerHandler("click.stars");

			o.forceSelect = false;

		},

		enable: function() {

			this.options.disabled = false;

			this._disableAll();

		},

		disable: function() {

			this.options.disabled = true;

			this._disableAll();

		},

		_disableCancel: function() {

			var o = this.options, disabled = o.disabled || o.oneVoteOnly || (o.value == o.cancelValue);

			if(disabled)	this.$cancel.removeClass(o.cancelHoverClass).addClass(o.cancelDisabledClass);

			else					this.$cancel.removeClass(o.cancelDisabledClass);

			this.$cancel.css("opacity", disabled ? 0.5 : 1);

			return disabled;

		},

		_disableAll: function() {

			var o = this.options;

			this._disableCancel();

			if(o.disabled)	this.$stars.filter("div").addClass(o.starDisabledClass);

			else						this.$stars.filter("div").removeClass(o.starDisabledClass);

		},

		_showCap: function(s) {

			var o = this.options;

			if(o.captionEl) o.captionEl.text(s);

		},

		destroy: function() {

			this.options.isSelect ? this.$selec.appendTo(this.element) : this.$rboxs.appendTo(this.element);

			this.$cancel.unbind('.stars').remove();

			this.$stars.unbind('.stars').remove();

			this.$value.remove();

			this.element.unbind('.stars').removeData('stars');

		},

		callback: function(type) {

			var o = this.options;

			o.callback(this, type, o.value);

			if(o.oneVoteOnly && !o.disabled) this.disable();

		}

	});





	$.ui.stars.defaults = {

		inputType: "radio", // radio|select

		split: 0,

		selected: -1,

		disabled: false,

		cancelTitle: "Cancel Rating",

		cancelValue: 0,

		cancelShow: true,

		oneVoteOnly: false,

		showTitles: false,

		captionEl: null,

		callback: function(el,type,value){},



		// CSS classes

		starWidth: 16,

		cancelClass: 'ui-stars-cancel',

		starClass: 'ui-stars-star',

		starOnClass: 'ui-stars-star-on',

		starHoverClass: 'ui-stars-star-hover',

		starDisabledClass: 'ui-stars-star-disabled',

		cancelHoverClass: 'ui-stars-cancel-hover',

		cancelDisabledClass: 'ui-stars-cancel-disabled'

	};



})(jQuery);