/**
* @author Roger Wu
*/
(function ($) {
    var jmenus = new Map();
    // If the DWZ scope is not available, add it
    $.dwz = $.dwz || {};

    $(window).resize(function () {
        setTimeout(function () {
            for (var i = 0; i < jmenus.size(); i++) {
                fillSpace(jmenus.element(i).key);
            }
        }, 100);
    });
    $.fn.extend({
        accordion: function (options, data) {

            var args = Array.prototype.slice.call(arguments, 1);

            return this.each(function () {
                if (options.fillSpace) jmenus.put(options.fillSpace, this);
                if (typeof options == "string") {
                    var accordion = $.data(this, "dwz-accordion");
                    accordion[options].apply(accordion, args);
                    // INIT with optional options
                } else if (!$(this).is(".dwz-accordion"))
                    $.data(this, "dwz-accordion", new $.dwz.accordion(this, options));
            });
        },
        /**
        * deprecated, use accordion("activate", index) instead
        * @param {Object} index
        */
        activate: function (index) {
            return this.accordion("activate", index);
        }
    });

    $.dwz.accordion = function (container, options) {

        // setup configuration
        this.options = options = $.extend({}, $.dwz.accordion.defaults, options);
        this.element = container;

        $(container).addClass("dwz-accordion");
        if (options.navigation) {
            var current = $(container).find("a").filter(options.navigationFilter);
            if (current.length) {
                if (current.filter(options.header).length) {
                    options.active = current;
                } else {
                    options.active = current.parent().parent().prev();
                    current.addClass("current");
                }
            }
        }
        // calculate active if not specified, using the first header
        options.headers = $(container).find(options.header);
        options.active = findActive(options.headers, options.active);

        if (options.fillSpace) {
            fillSpace(options.fillSpace);
        } else if (options.autoheight) {
            var maxHeight = 0;
            options.headers.next().each(function () {
                maxHeight = Math.max(maxHeight, $(this).outerHeight());
            }).height(maxHeight);
        }

        options.headers
		.not(options.active || "")
		.next()
		.hide();
        options.active.find("h2").addClass(options.selectedClass);

        if (options.event)
            $(container).bind((options.event) + ".dwz-accordion", clickHandler);
    };

    $.dwz.accordion.prototype = {
        activate: function (index) {
            // call clickHandler with custom event
            clickHandler.call(this.element, {
                target: findActive(this.options.headers, index)[0]
            });
        },

        enable: function () {
            this.options.disabled = false;
        },
        disable: function () {
            this.options.disabled = true;
        },
        destroy: function () {
            this.options.headers.next().css("display", "");
            if (this.options.fillSpace || this.options.autoheight) {
                this.options.headers.next().css("height", "");
            }
            $.removeData(this.element, "dwz-accordion");
            $(this.element).removeClass("dwz-accordion").unbind(".dwz-accordion");
        }
    }

    function scopeCallback(callback, scope) {
        return function () {
            return callback.apply(scope, arguments);
        };
    }

    function completed(cancel) {
        // if removed while animated data can be empty
        if (!$.data(this, "dwz-accordion"))
            return;
        var instance = $.data(this, "dwz-accordion");
        var options = instance.options;
        options.running = cancel ? 0 : --options.running;
        if (options.running)
            return;
        if (options.clearStyle) {
            options.toShow.add(options.toHide).css({
                height: "",
                overflow: ""
            });
        }
        $(this).triggerHandler("change.dwz-accordion", [options.data], options.change);
    }

    function fillSpace(key) {
        var obj = jmenus.get(key);
        if (!obj) return;

        var parent = $(obj).parent();
        var height = parent.height() - (($(".accordionHeader", obj).size()) * ($(".accordionHeader:first-child", obj).outerHeight())) - 2;

        var os = parent.children().not(obj);
        $.each(os, function (i) {
            height -= $(os[i]).outerHeight();
        });
        $(".accordionContent", obj).height(height);
    }

    function toggle(toShow, toHide, data, clickedActive, down) {
        var options = $.data(this, "dwz-accordion").options;
        options.toShow = toShow;
        options.toHide = toHide;
        options.data = data;
        var complete = scopeCallback(completed, this);

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

        if (options.animated) {
            if (!options.alwaysOpen && clickedActive) {
                $.dwz.accordion.animations[options.animated]({
                    toShow: jQuery([]),
                    toHide: toHide,
                    complete: complete,
                    down: down,
                    autoheight: options.autoheight
                });
            } else {
                $.dwz.accordion.animations[options.animated]({
                    toShow: toShow,
                    toHide: toHide,
                    complete: complete,
                    down: down,
                    autoheight: options.autoheight
                });
            }
        } else {
            if (!options.alwaysOpen && clickedActive) {
                toShow.toggle();
            } else {
                toHide.hide();
                toShow.show();
            }
            complete(true);
        }
    }

    function clickHandler(event) {
        var options = $.data(this, "dwz-accordion").options;
        if (options.disabled)
            return false;

        // called only when using activate(false) to close all parts programmatically
        if (!event.target && !options.alwaysOpen) {
            options.active.find("h2").toggleClass(options.selectedClass);
            var toHide = options.active.next(),
			data = {
			    instance: this,
			    options: options,
			    newHeader: jQuery([]),
			    oldHeader: options.active,
			    newContent: jQuery([]),
			    oldContent: toHide
			},
			toShow = options.active = $([]);
            toggle.call(this, toShow, toHide, data);
            return false;
        }
        // get the click target
        var clicked = $(event.target);

        // due to the event delegation model, we have to check if one
        // of the parent elements is our actual header, and find that
        if (clicked.parents(options.header).length)
            while (!clicked.is(options.header))
                clicked = clicked.parent();

        var clickedActive = clicked[0] == options.active[0];

        // if animations are still active, or the active header is the target, ignore click
        if (options.running || (options.alwaysOpen && clickedActive))
            return false;
        if (!clicked.is(options.header))
            return;

        // switch classes
        options.active.find("h2").toggleClass(options.selectedClass);
        if (!clickedActive) {
            clicked.find("h2").addClass(options.selectedClass);
        }

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

        options.active = clickedActive ? $([]) : clicked;
        toggle.call(this, toShow, toHide, data, clickedActive, down);

        return false;
    };

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

    $.extend($.dwz.accordion, {
        defaults: {
            selectedClass: "collapsable",
            alwaysOpen: true,
            animated: 'slide',
            event: "click",
            header: ".accordionHeader",
            autoheight: true,
            running: 0,
            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;
                }
                var hideHeight = options.toHide.height(),
				showHeight = options.toShow.height(),
				difference = showHeight / hideHeight;
                options.toShow.css({ height: 0 }).show();
                options.toHide.filter(":hidden").each(options.complete).end().filter(":visible").animate({ height: "hide" }, {
                    step: function (now) {
                        var current = (hideHeight - now) * difference;
                        if ($.browser.msie || $.browser.opera) {
                            current = Math.ceil(current);
                        }
                        options.toShow.height(current);
                    },
                    duration: options.duration,
                    easing: options.easing,
                    complete: function () {
                        if (!options.autoheight) {
                            options.toShow.css({ height: "auto" });
                        }
                        options.toShow.css({ overflow: "auto" });
                        options.complete();
                    }
                });
            },
            bounceslide: function (options) {
                this.slide(options, {
                    easing: options.down ? "bounceout" : "swing",
                    duration: options.down ? 1000 : 200
                });
            },
            easeslide: function (options) {
                this.slide(options, {
                    easing: "easeinout",
                    duration: 700
                })
            }
        }
    });
})(jQuery);
