/*!
 * jQuery UI Stars v2.0.1
 *
 * Copyright (c) 2009 Orkan (orkans@gmail.com)
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * $Rev: 50 $
 * $Date:: 2009-05-05 #$
 * $Build: 6 (2009-05-17)
 *
 * 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 generator
    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);
    }

    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);
      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);
        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({disabled: "disabled", value: o.value});

      fillNone();
      self._disableCancel();

      (!o.forceSelect) && 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");
    });
  },

  /*
   * Private functions
   */
  _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);
  },

  /*
   * Public functions
   */
  value: function() {
    return this.options.value;
  },
  select: function(val) {
    var o = this.options, e = (val == o.cancelValue) ? this.$cancel : this.$stars.eq(o.val2id[val]);
    o.forceSelect = true;
    e.triggerHandler("click.stars");
    o.forceSelect = false;
  },
  selectID: function(id) {
    var o = this.options, e = (id == -1) ? this.$cancel : this.$stars.eq(id);
    o.forceSelect = true;
    e.triggerHandler("click.stars");
    o.forceSelect = false;
  },
  enable: function() {
    this.options.disabled = false;
    this._disableAll();
  },
  disable: function() {
    this.options.disabled = true;
    this._disableAll();
  },
  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);
    o.oneVoteOnly && !o.disabled && this.disable();
  }
});

$.extend($.ui.stars, {
  version: "2.0.1",
  getter: "value",
  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: 14,
    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);