/*
 * jQuery UI Accordion 1.7.1
 *
 * 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.1",
   defaults: {
      active: null,
      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);