/*
 * 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("current");
                        }
                    }
                }

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