/*!
 * 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);