/*
 * jQuery UI Accordion 1.7.2
 *
 * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * http://docs.jquery.com/UI/Accordion
 *
 * Depends:
 *  ui.core.js
 */
(function($) {

$.widget("ui.accordion", {

  _init: function() {

    var o = this.options, self = this;
    this.running = 0;

    // if the user set the alwaysOpen option on init
    // then we need to set the collapsible option
    // if they set both on init, collapsible will take priority
    if (o.collapsible == $.ui.accordion.defaults.collapsible &&
      o.alwaysOpen != $.ui.accordion.defaults.alwaysOpen) {
      o.collapsible = !o.alwaysOpen;
    }

    if ( o.navigation ) {
      var current = this.element.find("a").filter(o.navigationFilter);
      if ( current.length ) {
        if ( current.filter(o.header).length ) {
          this.active = current;
        } else {
          this.active = current.parent().parent().prev();
          current.addClass("ui-accordion-content-active");
        }
      }
    }

    this.element.addClass("ui-accordion ui-widget ui-helper-reset");

    // in lack of child-selectors in CSS we need to mark top-LIs in a UL-accordion for some IE-fix
    if (this.element[0].nodeName == "UL") {
      this.element.children("li").addClass("ui-accordion-li-fix");
    }

    this.headers = this.element.find(o.header).addClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-all")
      .bind("mouseenter.accordion", function(){ $(this).addClass('ui-state-hover'); })
      .bind("mouseleave.accordion", function(){ $(this).removeClass('ui-state-hover'); })
      .bind("focus.accordion", function(){ $(this).addClass('ui-state-focus'); })
      .bind("blur.accordion", function(){ $(this).removeClass('ui-state-focus'); });

    this.headers
      .next()
        .addClass("ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom");

    this.active = this._findActive(this.active || o.active).toggleClass("ui-state-default").toggleClass("ui-state-active").toggleClass("ui-corner-all").toggleClass("ui-corner-top");
    this.active.next().addClass('ui-accordion-content-active');

    //Append icon elements
    $("<span/>").addClass("ui-icon " + o.icons.header).prependTo(this.headers);
    this.active.find(".ui-icon").toggleClass(o.icons.header).toggleClass(o.icons.headerSelected);

    // IE7-/Win - Extra vertical space in lists fixed
    if ($.browser.msie) {
      this.element.find('a').css('zoom', '1');
    }

    this.resize();

    //ARIA
    this.element.attr('role','tablist');

    this.headers
      .attr('role','tab')
      .bind('keydown', function(event) { return self._keydown(event); })
      .next()
      .attr('role','tabpanel');

    this.headers
      .not(this.active || "")
      .attr('aria-expanded','false')
      .attr("tabIndex", "-1")
      .next()
      .hide();

    // make sure at least one header is in the tab order
    if (!this.active.length) {
      this.headers.eq(0).attr('tabIndex','0');
    } else {
      this.active
        .attr('aria-expanded','true')
        .attr('tabIndex', '0');
    }

    // only need links in taborder for Safari
    if (!$.browser.safari)
      this.headers.find('a').attr('tabIndex','-1');

    if (o.event) {
      this.headers.bind((o.event) + ".accordion", function(event) { return self._clickHandler.call(self, event, this); });
    }

  },

  destroy: function() {
    var o = this.options;

    this.element
      .removeClass("ui-accordion ui-widget ui-helper-reset")
      .removeAttr("role")
      .unbind('.accordion')
      .removeData('accordion');

    this.headers
      .unbind(".accordion")
      .removeClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-state-active ui-corner-top")
      .removeAttr("role").removeAttr("aria-expanded").removeAttr("tabindex");

    this.headers.find("a").removeAttr("tabindex");
    this.headers.children(".ui-icon").remove();
    var contents = this.headers.next().css("display", "").removeAttr("role").removeClass("ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content ui-accordion-content-active");
    if (o.autoHeight || o.fillHeight) {
      contents.css("height", "");
    }
  },

  _setData: function(key, value) {
    if(key == 'alwaysOpen') { key = 'collapsible'; value = !value; }
    $.widget.prototype._setData.apply(this, arguments);
  },

  _keydown: function(event) {

    var o = this.options, keyCode = $.ui.keyCode;

    if (o.disabled || event.altKey || event.ctrlKey)
      return;

    var length = this.headers.length;
    var currentIndex = this.headers.index(event.target);
    var toFocus = false;

    switch(event.keyCode) {
      case keyCode.RIGHT:
      case keyCode.DOWN:
        toFocus = this.headers[(currentIndex + 1) % length];
        break;
      case keyCode.LEFT:
      case keyCode.UP:
        toFocus = this.headers[(currentIndex - 1 + length) % length];
        break;
      case keyCode.SPACE:
      case keyCode.ENTER:
        return this._clickHandler({ target: event.target }, event.target);
    }

    if (toFocus) {
      $(event.target).attr('tabIndex','-1');
      $(toFocus).attr('tabIndex','0');
      toFocus.focus();
      return false;
    }

    return true;

  },

  resize: function() {

    var o = this.options, maxHeight;

    if (o.fillSpace) {

      if($.browser.msie) { var defOverflow = this.element.parent().css('overflow'); this.element.parent().css('overflow', 'hidden'); }
      maxHeight = this.element.parent().height();
      if($.browser.msie) { this.element.parent().css('overflow', defOverflow); }

      this.headers.each(function() {
        maxHeight -= $(this).outerHeight();
      });

      var maxPadding = 0;
      this.headers.next().each(function() {
        maxPadding = Math.max(maxPadding, $(this).innerHeight() - $(this).height());
      }).height(Math.max(0, maxHeight - maxPadding))
      .css('overflow', 'auto');

    } else if ( o.autoHeight ) {
      maxHeight = 0;
      this.headers.next().each(function() {
        maxHeight = Math.max(maxHeight, $(this).outerHeight());
      }).height(maxHeight);
    }

  },

  activate: function(index) {
    // call clickHandler with custom event
    var active = this._findActive(index)[0];
    this._clickHandler({ target: active }, active);
  },

  _findActive: function(selector) {
    return selector
      ? typeof selector == "number"
        ? this.headers.filter(":eq(" + selector + ")")
        : this.headers.not(this.headers.not(selector))
      : selector === false
        ? $([])
        : this.headers.filter(":eq(0)");
  },

  _clickHandler: function(event, target) {

    var o = this.options;
    if (o.disabled) return false;

    // called only when using activate(false) to close all parts programmatically
    if (!event.target && o.collapsible) {
      this.active.removeClass("ui-state-active ui-corner-top").addClass("ui-state-default ui-corner-all")
        .find(".ui-icon").removeClass(o.icons.headerSelected).addClass(o.icons.header);
      this.active.next().addClass('ui-accordion-content-active');
      var toHide = this.active.next(),
        data = {
          options: o,
          newHeader: $([]),
          oldHeader: o.active,
          newContent: $([]),
          oldContent: toHide
        },
        toShow = (this.active = $([]));
      this._toggle(toShow, toHide, data);
      return false;
    }

    // get the click target
    var clicked = $(event.currentTarget || target);
    var clickedIsActive = clicked[0] == this.active[0];

    // if animations are still active, or the active header is the target, ignore click
    if (this.running || (!o.collapsible && clickedIsActive)) {
      return false;
    }

    // switch classes
    this.active.removeClass("ui-state-active ui-corner-top").addClass("ui-state-default ui-corner-all")
      .find(".ui-icon").removeClass(o.icons.headerSelected).addClass(o.icons.header);
    this.active.next().addClass('ui-accordion-content-active');
    if (!clickedIsActive) {
      clicked.removeClass("ui-state-default ui-corner-all").addClass("ui-state-active ui-corner-top")
        .find(".ui-icon").removeClass(o.icons.header).addClass(o.icons.headerSelected);
      clicked.next().addClass('ui-accordion-content-active');
    }

    // find elements to show and hide
    var toShow = clicked.next(),
      toHide = this.active.next(),
      data = {
        options: o,
        newHeader: clickedIsActive && o.collapsible ? $([]) : clicked,
        oldHeader: this.active,
        newContent: clickedIsActive && o.collapsible ? $([]) : toShow.find('> *'),
        oldContent: toHide.find('> *')
      },
      down = this.headers.index( this.active[0] ) > this.headers.index( clicked[0] );

    this.active = clickedIsActive ? $([]) : clicked;
    this._toggle(toShow, toHide, data, clickedIsActive, down);

    return false;

  },

  _toggle: function(toShow, toHide, data, clickedIsActive, down) {

    var o = this.options, self = this;

    this.toShow = toShow;
    this.toHide = toHide;
    this.data = data;

    var complete = function() { if(!self) return; return self._completed.apply(self, arguments); };

    // trigger changestart event
    this._trigger("changestart", null, this.data);

    // count elements to animate
    this.running = toHide.size() === 0 ? toShow.size() : toHide.size();

    if (o.animated) {

      var animOptions = {};

      if ( o.collapsible && clickedIsActive ) {
        animOptions = {
          toShow: $([]),
          toHide: toHide,
          complete: complete,
          down: down,
          autoHeight: o.autoHeight || o.fillSpace
        };
      } else {
        animOptions = {
          toShow: toShow,
          toHide: toHide,
          complete: complete,
          down: down,
          autoHeight: o.autoHeight || o.fillSpace
        };
      }

      if (!o.proxied) {
        o.proxied = o.animated;
      }

      if (!o.proxiedDuration) {
        o.proxiedDuration = o.duration;
      }

      o.animated = $.isFunction(o.proxied) ?
        o.proxied(animOptions) : o.proxied;

      o.duration = $.isFunction(o.proxiedDuration) ?
        o.proxiedDuration(animOptions) : o.proxiedDuration;

      var animations = $.ui.accordion.animations,
        duration = o.duration,
        easing = o.animated;

      if (!animations[easing]) {
        animations[easing] = function(options) {
          this.slide(options, {
            easing: easing,
            duration: duration || 700
          });
        };
      }

      animations[easing](animOptions);

    } else {

      if (o.collapsible && clickedIsActive) {
        toShow.toggle();
      } else {
        toHide.hide();
        toShow.show();
      }

      complete(true);

    }

    toHide.prev().attr('aria-expanded','false').attr("tabIndex", "-1").blur();
    toShow.prev().attr('aria-expanded','true').attr("tabIndex", "0").focus();

  },

  _completed: function(cancel) {

    var o = this.options;

    this.running = cancel ? 0 : --this.running;
    if (this.running) return;

    if (o.clearStyle) {
      this.toShow.add(this.toHide).css({
        height: "",
        overflow: ""
      });
    }

    this._trigger('change', null, this.data);
  }

});


$.extend($.ui.accordion, {
  version: "1.7.2",
  defaults: {
    active: false,
    alwaysOpen: true, //deprecated, use collapsible
    animated: 'slide',
    autoHeight: true,
    clearStyle: false,
    collapsible: false,
    event: "click",
    fillSpace: false,
    header: "> li > :first-child,> :not(li):even",
    icons: {
      header: "ui-icon-triangle-1-e",
      headerSelected: "ui-icon-triangle-1-s"
    },
    navigation: false,
    navigationFilter: function() {
      return this.href.toLowerCase() == location.href.toLowerCase();
    }
  },
  animations: {
    slide: function(options, additions) {
      options = $.extend({
        easing: "swing",
        duration: 300
      }, options, additions);
      if ( !options.toHide.size() ) {
        options.toShow.animate({height: "show"}, options);
        return;
      }
      if ( !options.toShow.size() ) {
        options.toHide.animate({height: "hide"}, options);
        return;
      }
      var overflow = options.toShow.css('overflow'),
        percentDone,
        showProps = {},
        hideProps = {},
        fxAttrs = [ "height", "paddingTop", "paddingBottom" ],
        originalWidth;
      // fix width before calculating height of hidden element
      var s = options.toShow;
      originalWidth = s[0].style.width;
      s.width( parseInt(s.parent().width(),10) - parseInt(s.css("paddingLeft"),10) - parseInt(s.css("paddingRight"),10) - (parseInt(s.css("borderLeftWidth"),10) || 0) - (parseInt(s.css("borderRightWidth"),10) || 0) );

      $.each(fxAttrs, function(i, prop) {
        hideProps[prop] = 'hide';

        var parts = ('' + $.css(options.toShow[0], prop)).match(/^([\d+-.]+)(.*)$/);
        showProps[prop] = {
          value: parts[1],
          unit: parts[2] || 'px'
        };
      });
      options.toShow.css({ height: 0, overflow: 'hidden' }).show();
      options.toHide.filter(":hidden").each(options.complete).end().filter(":visible").animate(hideProps,{
        step: function(now, settings) {
          // only calculate the percent when animating height
          // IE gets very inconsistent results when animating elements
          // with small values, which is common for padding
          if (settings.prop == 'height') {
            percentDone = (settings.now - settings.start) / (settings.end - settings.start);
          }

          options.toShow[0].style[settings.prop] =
            (percentDone * showProps[settings.prop].value) + showProps[settings.prop].unit;
        },
        duration: options.duration,
        easing: options.easing,
        complete: function() {
          if ( !options.autoHeight ) {
            options.toShow.css("height", "");
          }
          options.toShow.css("width", originalWidth);
          options.toShow.css({overflow: overflow});
          options.complete();
        }
      });
    },
    bounceslide: function(options) {
      this.slide(options, {
        easing: options.down ? "easeOutBounce" : "swing",
        duration: options.down ? 1000 : 200
      });
    },
    easeslide: function(options) {
      this.slide(options, {
        easing: "easeinout",
        duration: 700
      });
    }
  }
});

})(jQuery);