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