(function($) { // block scope

    $.extend({
        tabs: {
            remoteCount: 0 // TODO in Tabs 3 this is going to be more cleanly in one single namespace
        }
    });

    $.fn.tabs = function(initial, settings) {

        // settings
        if (typeof initial == 'object') settings = initial; // no initial tab given but a settings object
        settings = $.extend({
            initial: (initial && typeof initial == 'number' && initial > 0) ? --initial : 0,
            disabled: null,
            bookmarkable: $.ajaxHistory ? true : false,
            remote: false,
            spinner: 'Loading&#8230;',
            hashPrefix: 'remote-tab-',
            fxFade: null,
            fxSlide: null,
            fxShow: null,
            fxHide: null,
            fxSpeed: 'normal',
            fxShowSpeed: null,
            fxHideSpeed: null,
            fxAutoHeight: false,
            onClick: null,
            onHide: null,
            onShow: null,
            navClass: 'tabs-nav',
            selectedClass: 'tabs-selected',
            disabledClass: 'tabs-disabled',
            containerClass: 'tabs-container',
            hideClass: 'tabs-hide',
            loadingClass: 'tabs-loading',
            tabStruct: 'div'
        }, settings || {});

        $.browser.msie6 = $.browser.msie && ($.browser.version && $.browser.version < 7 || /MSIE 6.0/.test(navigator.userAgent)); // do not check for 6.0 alone, userAgent in Windows Vista has "Windows NT 6.0"

        // helper to prevent scroll to fragment
        function unFocus() {
            scrollTo(0, 0);
        }

        // initialize tabs
        return this.each(function() {

            // remember wrapper for later
            var container = this;

            // setup nav
            var nav = $('ul.' + settings.navClass, container);
            nav = nav.size() && nav || $('>ul:eq(0)', container); // fallback to default structure
            var tabs = $('a', nav);

            // prepare remote tabs
            if (settings.remote) {
                tabs.each(function() {
                    var id = settings.hashPrefix + (++$.tabs.remoteCount), hash = '#' + id, url = this.href;
                    this.href = hash;
                    $('<div id="' + id + '" class="' + settings.containerClass + '"></div>').appendTo(container);

                    $(this).bind('loadRemoteTab', function(e, callback) {
                        var $$ = $(this).addClass(settings.loadingClass), span = $('span', this)[0], tabTitle = span.innerHTML;
                        if (settings.spinner) {
                            // TODO if spinner is image
                            span.innerHTML = '<em>' + settings.spinner + '</em>'; // WARNING: html(...) crashes Safari with jQuery 1.1.2
                        }
                        setTimeout(function() { // Timeout is again required in IE, "wait" for id being restored
                            $(hash).load(url, function() {
                                if (settings.spinner) {
                                    span.innerHTML = tabTitle; // WARNING: html(...) crashes Safari with jQuery 1.1.2
                                }
                                $$.removeClass(settings.loadingClass);
                                callback && callback();
                            });
                        }, 0);
                    });

                });
            }

            // set up containers
            var containers = $('div.' + settings.containerClass, container);
            containers = containers.size() && containers || $('>' + settings.tabStruct, container); // fallback to default structure

            // attach classes for styling if not present
            nav.is('.' + settings.navClass) || nav.addClass(settings.navClass);
            containers.each(function() {
                var $$ = $(this);
                $$.is('.' + settings.containerClass) || $$.addClass(settings.containerClass);
            });

            // try to retrieve active tab from class in HTML
            var hasSelectedClass = $('li', nav).index($('li.' + settings.selectedClass, nav)[0]);
            if (hasSelectedClass >= 0) {
                settings.initial = hasSelectedClass;
            }

            // try to retrieve active tab from hash in url, will override class in HTML
            if (location.hash) {
                tabs.each(function(i) {
                    if (this.hash == location.hash) {
                        settings.initial = i;
                        // prevent page scroll to fragment
                        if (($.browser.msie || $.browser.opera) && !settings.remote) {
                            var toShow = $(location.hash);
                            var toShowId = toShow.attr('id');
                            toShow.attr('id', '');
                            setTimeout(function() {
                                toShow.attr('id', toShowId); // restore id
                            }, 500);
                        }
                        unFocus();
                        return false; // break
                    }
                });
            }
            if ($.browser.msie) {
                unFocus(); // fix IE focussing bottom of the page for some unknown reason
            }

            // highlight tab accordingly
            containers.filter(':eq(' + settings.initial + ')').show().end().not(':eq(' + settings.initial + ')').addClass(settings.hideClass);
            $('li', nav).removeClass(settings.selectedClass).eq(settings.initial).addClass(settings.selectedClass); // we need to remove classes eventually if hash takes precedence over class
            // trigger load of initial tab
            tabs.eq(settings.initial).trigger('loadRemoteTab').end();

            // setup auto height
            if (settings.fxAutoHeight) {
                // helper
                var _setAutoHeight = function(reset) {
                    // get tab heights in top to bottom ordered array
                    var heights = $.map(containers.get(), function(el) {
                        var h, jq = $(el);
                        if (reset) {
                            if ($.browser.msie6) {
                                el.style.removeExpression('behaviour');
                                el.style.height = '';
                                el.minHeight = null;
                            }
                            h = jq.css({ 'min-height': '' }).height(); // use jQuery's height() to get hidden element values
                        } else {
                            h = jq.height(); // use jQuery's height() to get hidden element values
                        }
                        return h;
                    }).sort(function(a, b) {
                        return b - a;
                    });
                    if ($.browser.msie6) {
                        containers.each(function() {
                            this.minHeight = heights[0] + 'px';
                            this.style.setExpression('behaviour', 'this.style.height = this.minHeight ? this.minHeight : "1px"'); // using an expression to not make print styles useless
                        });
                    } else {
                        containers.css({ 'min-height': heights[0] + 'px' });
                    }
                };
                // call once for initialization
                _setAutoHeight();
                // trigger auto height adjustment if needed
                var cachedWidth = container.offsetWidth;
                var cachedHeight = container.offsetHeight;
                var watchFontSize = $('#tabs-watch-font-size').get(0) || $('<span id="tabs-watch-font-size">M</span>').css({ display: 'block', position: 'absolute', visibility: 'hidden' }).appendTo(document.body).get(0);
                var cachedFontSize = watchFontSize.offsetHeight;
                setInterval(function() {
                    var currentWidth = container.offsetWidth;
                    var currentHeight = container.offsetHeight;
                    var currentFontSize = watchFontSize.offsetHeight;
                    if (currentHeight > cachedHeight || currentWidth != cachedWidth || currentFontSize != cachedFontSize) {
                        _setAutoHeight((currentWidth > cachedWidth || currentFontSize < cachedFontSize)); // if heights gets smaller reset min-height
                        cachedWidth = currentWidth;
                        cachedHeight = currentHeight;
                        cachedFontSize = currentFontSize;
                    }
                }, 50);
            }

            // setup animations
            var showAnim = {}, hideAnim = {}, showSpeed = settings.fxShowSpeed || settings.fxSpeed, hideSpeed = settings.fxHideSpeed || settings.fxSpeed;
            if (settings.fxSlide || settings.fxFade) {
                if (settings.fxSlide) {
                    showAnim['height'] = 'show';
                    hideAnim['height'] = 'hide';
                }
                if (settings.fxFade) {
                    showAnim['opacity'] = 'show';
                    hideAnim['opacity'] = 'hide';
                }
            } else {
                if (settings.fxShow) {
                    showAnim = settings.fxShow;
                } else { // use some kind of animation to prevent browser scrolling to the tab
                    showAnim['min-width'] = 0; // avoid opacity, causes flicker in Firefox
                    showSpeed = 1; // as little as 1 is sufficient
                }
                if (settings.fxHide) {
                    hideAnim = settings.fxHide;
                } else { // use some kind of animation to prevent browser scrolling to the tab
                    hideAnim['min-width'] = 0; // avoid opacity, causes flicker in Firefox
                    hideSpeed = 1; // as little as 1 is sufficient
                }
            }

            // callbacks
            var onClick = settings.onClick, onHide = settings.onHide, onShow = settings.onShow;

            // attach activateTab event, required for activating a tab programmatically
            tabs.bind('triggerTab', function() {

                // if the tab is already selected or disabled or animation is still running stop here
                var li = $(this).parents('li:eq(0)');
                if (container.locked || li.is('.' + settings.selectedClass) || li.is('.' + settings.disabledClass)) {
                    return false;
                }

                var hash = this.hash;

                if ($.browser.msie) {

                    $(this).trigger('click');
                    if (settings.bookmarkable) {
                        $.ajaxHistory.update(hash);
                        location.hash = hash.replace('#', '');
                    }

                } else if ($.browser.safari) {

                    // Simply setting location.hash puts Safari into the eternal load state... ugh! Submit a form instead.
                    var tempForm = $('<form action="' + hash + '"><div><input type="submit" value="h" /></div></form>').get(0); // no need to append it to the body
                    tempForm.submit(); // does not trigger the form's submit event...
                    $(this).trigger('click'); // ...thus do stuff here
                    if (settings.bookmarkable) {
                        $.ajaxHistory.update(hash);
                    }

                } else {

                    if (settings.bookmarkable) {
                        location.hash = hash.replace('#', '');
                    } else {
                        $(this).trigger('click');
                    }

                }

            });

            // attach disable event, required for disabling a tab
            tabs.bind('disableTab', function() {
                var li = $(this).parents('li:eq(0)');
                if ($.browser.safari) { /* fix opacity of tab after disabling in Safari... */
                    li.animate({ opacity: 0 }, 1, function() {
                        li.css({ opacity: '' });
                    });
                }
                li.addClass(settings.disabledClass);

            });

            // disabled from settings
            if (settings.disabled && settings.disabled.length) {
                for (var i = 0, k = settings.disabled.length; i < k; i++) {
                    tabs.eq(--settings.disabled[i]).trigger('disableTab').end();
                }
            };

            // attach enable event, required for reenabling a tab
            tabs.bind('enableTab', function() {
                var li = $(this).parents('li:eq(0)');
                li.removeClass(settings.disabledClass);
                if ($.browser.safari) { /* fix disappearing tab after enabling in Safari... */
                    li.animate({ opacity: 1 }, 1, function() {
                        li.css({ opacity: '' });
                    });
                }
            });

            // attach click event
            tabs.bind('click', function(e) {
                var trueClick = e.clientX; // add to history only if true click occured, not a triggered click
                var clicked = this, li = $(this).parents('li:eq(0)'), toShow = $(this.hash), toHide = containers.filter(':visible');

                // if animation is still running, tab is selected or disabled or onClick callback returns false stop here
                // check if onClick returns false last so that it is not executed for a disabled tab
                if (container['locked'] || li.is('.' + settings.selectedClass) || li.is('.' + settings.disabledClass) || typeof onClick == 'function' && onClick(this, toShow[0], toHide[0]) === false) {
                    this.blur();
                    return false;
                }

                container['locked'] = true;

                // show new tab
                if (toShow.size()) {

                    // prevent scrollbar scrolling to 0 and than back in IE7, happens only if bookmarking/history is enabled
                    if ($.browser.msie && settings.bookmarkable) {
                        var toShowId = this.hash.replace('#', '');
                        toShow.attr('id', '');
                        setTimeout(function() {
                            toShow.attr('id', toShowId); // restore id
                        }, 0);
                    }

                    var resetCSS = { display: '', overflow: '', height: '' };
                    if (!$.browser.msie) { // not in IE to prevent ClearType font issue
                        resetCSS['opacity'] = '';
                    }

                    // switch tab, animation prevents browser scrolling to the fragment
                    function switchTab() {
                        if (settings.bookmarkable && trueClick) { // add to history only if true click occured, not a triggered click
                            $.ajaxHistory.update(clicked.hash);
                        }
                        toHide.animate(hideAnim, hideSpeed, function() { //
                            $(clicked).parents('li:eq(0)').addClass(settings.selectedClass).siblings().removeClass(settings.selectedClass);
                            toHide.addClass(settings.hideClass).css(resetCSS); // maintain flexible height and accessibility in print etc.                        
                            if (typeof onHide == 'function') {
                                onHide(clicked, toShow[0], toHide[0]);
                            }
                            if (!(settings.fxSlide || settings.fxFade || settings.fxShow)) {
                                toShow.css('display', 'block'); // prevent occasionally occuring flicker in Firefox cause by gap between showing and hiding the tab containers
                            }
                            toShow.animate(showAnim, showSpeed, function() {
                                toShow.removeClass(settings.hideClass).css(resetCSS); // maintain flexible height and accessibility in print etc.
                                if ($.browser.msie) {
                                    toHide[0].style.filter = '';
                                    toShow[0].style.filter = '';
                                }
                                if (typeof onShow == 'function') {
                                    onShow(clicked, toShow[0], toHide[0]);
                                }
                                container['locked'] = null;
                            });
                        });
                    }

                    if (!settings.remote) {
                        switchTab();
                    } else {
                        $(clicked).trigger('loadRemoteTab', [switchTab]);
                    }

                } else {
                    alert('There is no such container.');
                }

                // Set scrollbar to saved position - need to use timeout with 0 to prevent browser scroll to target of hash
                var scrollX = window.pageXOffset || document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft || 0;
                var scrollY = window.pageYOffset || document.documentElement && document.documentElement.scrollTop || document.body.scrollTop || 0;
                setTimeout(function() {
                    window.scrollTo(scrollX, scrollY);
                }, 0);

                this.blur(); // prevent IE from keeping other link focussed when using the back button

                return settings.bookmarkable && !!trueClick; // convert undefined to Boolean for IE

            });

            // enable history support if bookmarking and history is turned on
            if (settings.bookmarkable) {
                $.ajaxHistory.initialize(function() {
                    tabs.eq(settings.initial).trigger('click').end();
                });
            }

        });

    };


    var tabEvents = ['triggerTab', 'disableTab', 'enableTab'];
    for (var i = 0; i < tabEvents.length; i++) {
        $.fn[tabEvents[i]] = (function(tabEvent) {
            return function(tab) {
                return this.each(function() {
                    var nav = $('ul.tabs-nav', this);
                    nav = nav.size() && nav || $('>ul:eq(0)', this); // fallback to default structure
                    var a;
                    if (!tab || typeof tab == 'number') {
                        a = $('li a', nav).eq((tab && tab > 0 && tab - 1 || 0)); // fall back to 0
                    } else if (typeof tab == 'string') {
                        a = $('li a[@href$="#' + tab + '"]', nav);
                    }
                    a.trigger(tabEvent);
                });
            };
        })(tabEvents[i]);
    }

    $.fn.activeTab = function() {
        var selectedTabs = [];
        this.each(function() {
            var nav = $('ul.tabs-nav', this);
            nav = nav.size() && nav || $('>ul:eq(0)', this); //fallback to default structure
            var lis = $('li', nav);
            selectedTabs.push(lis.index(lis.filter('.tabs-selected')[0]) + 1);
        });
        return selectedTabs[0];
    };

})(jQuery);