/**
* @author alexander.farkas
* @version 1.4.1
*/
(function($){
var baseClasses = /ui-checkbox|ui-radio/;
    $.widget('ui.checkBox', {
        options: {
        hideInput: true,
        addVisualElement: true,
        addLabel: true,
        _delegated: false
        },
        _create: function(){
            var that = this,
            opts = this.options;

            if(!this.element.is(':radio,:checkbox')){
              if($.nodeName(this.element[0], 'input')){return false;}
              this._addDelegate();
              this.updateContainer();
              return false;
            }
            this.labels = $([]);

            this.checkedStatus = false;
            this.disabledStatus = false;
            this.hoverStatus = false;
            
            this.radio = (this.element.is(':radio'));

            this.visualElement = $([]);
            if (opts.hideInput) {
              this.element.addClass('ui-helper-hidden-accessible');
              if(opts.addVisualElement){
                this.visualElement = $('<span />').addClass(this.radio ? 'ui-radio' : 'ui-checkbox');
                this.element.after(this.visualElement[0]);
              }
            }

            if(opts.addLabel){
              this.labels = $('label[for=' + this.element.attr('id') + ']').addClass(this.radio ? 'ui-radio' : 'ui-checkbox');
            }
            if(!opts._delegated){
              this._addEvents();
            }
            this.initialized = true;
            this.reflectUI({type: 'initialReflect'});
            return undefined;
          },
          updateContainer: function(){
            if(!this.element.is(':radio,:checkbox') && !$.nodeName(this.element[0], 'input')){
              $('input', this.element[0]).filter(function(){
                return !($.data(this, 'checkBox'));
              })
              .checkBox($.extend({}, this.options, {_delegated: true}));
            }
          },
          _addDelegate: function(){
            var opts = this.options,

            toggleHover = function(e, that){
              if(!that){return;}
              that.hover = !!(e.type == 'focus' || e.type == 'mouseenter' || e.type == 'focusin' || e.type == 'mouseover');
              that._changeStateClassChain.call(that);
              return undefined;
            };


            this.element.bind('click', function(e){
              if(!$.nodeName(e.target, 'input')){return;}
              var inst = ($.data(e.target) || {}).checkBox;
              if(!inst){return;}
              inst.reflectUI.call(inst, e.target, e);
            })
            .bind('focusin.checkBox focusout.checkBox', function(e){
              if(!$.nodeName(e.target, 'input')){return;}
              var inst = ($.data(e.target) || {}).checkBox;
              toggleHover(e, inst);
            });

            if (opts.hideInput){
              this.element.bind('usermode', function(e){
                if(!e.enabled){return;}
                $('input', this).each(function(){
                  var inst = ($.data(this) || {}).checkBox;
                  (inst && inst.destroy.call(inst, true));
                });
              });
            }

            if(opts.addVisualElement){
              this.element.bind('mouseover.checkBox mouseout.checkBox', function(e){
                if(!$.nodeName(e.target, 'span')){return;}
                var inst = ( $.data($(e.target).prev()[0]) || {} ).checkBox;
                toggleHover(e, inst);
              })
              .bind('click.checkBox', function(e){
                if(!$.nodeName(e.target, 'span') || !baseClasses.test( e.target.className || '' )){return;}
                $(e.target).prev()[0].click();
                return false;
              });
            }
            if(opts.addLabel){
              this.element.delegate('label.ui-radio, label.ui-checkbox', 'mouseenter.checkBox mouseleave.checkBox', function(e){
                var inst = ( $.data(document.getElementById( $(this).attr('for') )) || {} ).checkBox;
                toggleHover( e, inst );
              });
            }
          },
          _addEvents: function(){
            var that = this,

            opts = this.options,

            toggleHover = function(e){
              if(that.disabledStatus){
                return false;
              }
              that.hover = (e.type == 'focus' || e.type == 'mouseenter');
              that._changeStateClassChain();
              return undefined;
            };

            this.element.bind('click.checkBox', $.proxy(this, 'reflectUI')).bind('focus.checkBox blur.checkBox', toggleHover);
            if (opts.hideInput){
              this.element.bind('usermode', function(e){
                (e.enabled && that.destroy.call(that, true));
              });
            }
            if(opts.addVisualElement){
              this.visualElement.bind('mouseenter.checkBox mouseleave.checkBox', toggleHover).bind('click.checkBox', function(e){
                that.element[0].click();
                return false;
              });
            }
            if(opts.addLabel){
              this.labels.bind('mouseenter.checkBox mouseleave.checkBox', toggleHover);
            }
          },
          _changeStateClassChain: function(){
            var allElements = this.labels.add(this.visualElement),
            stateClass = '',
            baseClass = 'ui-'+((this.radio) ? 'radio' : 'checkbox');

            if(this.checkedStatus){
              stateClass += '-checked';
              allElements.addClass(baseClass+'-checked');
            } else {
              allElements.removeClass(baseClass+'-checked');
            }

            if(this.disabledStatus){
              stateClass += '-disabled';
              allElements.addClass(baseClass+'-disabled');
            } else {
              allElements.removeClass(baseClass+'-disabled');
            }
            if(this.hover){
              //stateClass += '-hover';
              $(this).addClass(baseClass+'-hover');
            } else {
              $(this).removeClass(baseClass+'-hover');
            }

            baseClass += '-state';
            if(stateClass){
              stateClass = baseClass + stateClass;
            }

            function switchStateClass(){
              var classes = this.className.split(' '),
              found = false;
              $.each(classes, function(i, classN){
                if(classN.indexOf(baseClass) === 0){
                  found = true;
                  classes[i] = stateClass;
                  return false;
                }
                return undefined;
              });
              if(!found){
                classes.push(stateClass);
              }
              this.className = classes.join(' ');
            }

            this.labels.each(switchStateClass);
            this.visualElement.each(switchStateClass);
          },
          destroy: function(onlyCss){
            this.element.removeClass('ui-helper-hidden-accessible');
            this.visualElement.addClass('ui-helper-hidden');
            if (!onlyCss) {
              var o = this.options;
              this.element.unbind('.checkBox');
              this.visualElement.remove();
              this.labels.unbind('.checkBox').removeClass('ui-state-hover ui-state-checked ui-state-disabled');
            }
          },

          disable: function(){
            this.element[0].disabled = true;
            this.reflectUI({type: 'manuallyDisabled'});
          },

          enable: function(){
            this.element[0].disabled = false;
            this.reflectUI({type: 'manuallyenabled'});
          },

          toggle: function(e){
            this.changeCheckStatus((this.element.is(':checked')) ? false : true, e);
          },

          changeCheckStatus: function(status, e){
            if(e && e.type == 'click' && this.element[0].disabled){
              return false;
            }
            this.element.attr({'checked': status});
            this.reflectUI(e || {
                type: 'changeCheckStatus'
            });
            return undefined;
          },

          propagate: function(n, e, _noGroupReflect){
            if(!e || e.type != 'initialReflect'){
              if (this.radio && !_noGroupReflect) {
                //dynamic
                $(document.getElementsByName(this.element.attr('name')))
                .checkBox('reflectUI', e, true);
              }
              return this._trigger(n, e, {
                options: this.options,
                checked: this.checkedStatus,
                labels: this.labels,
                disabled: this.disabledStatus
              });
            }
            return undefined;
          },

          reflectUI: function(e){

            var oldChecked = this.checkedStatus,
            oldDisabledStatus = this.disabledStatus;
            
            this.disabledStatus = this.element.is(':disabled');
            this.checkedStatus = this.element.is(':checked');

            if (this.disabledStatus != oldDisabledStatus || this.checkedStatus !== oldChecked) {
              this._changeStateClassChain();

              (this.disabledStatus != oldDisabledStatus && this.propagate('disabledChange', e));

              (this.checkedStatus !== oldChecked && this.propagate('change', e));
            }
            
          }
        });
        })(jQuery);