(function($) { $.ui = $.ui || {}; $.fn.tabs = function() { var method = typeof arguments[0] == 'string' && arguments[0]; var args = method && Array.prototype.slice.call(arguments, 1) || arguments; return method == 'length' ?
$.data(this[0], 'ui-tabs').$tabs.length :
this.each(function() { if (method) { var tabs = $.data(this, 'ui-tabs'); tabs[method].apply(tabs, args);} else
new $.ui.tabs(this, args[0] || {});});}; $.ui.tabs = function(el, options) { var self = this; this.element = el; this.options = $.extend({ selected: 0, unselect: options.selected === null, event: 'click', disabled: [], cookie: null, spinner: 'Loading&#8230;', cache: false, idPrefix: 'ui-tabs-', ajaxOptions: {}, fx: null, tabTemplate: '<li><a href="#{href}"><span>#{label}</span></a></li>', panelTemplate: '<div></div>', navClass: 'ui-tabs-nav', selectedClass: 'ui-tabs-selected', unselectClass: 'ui-tabs-unselect', disabledClass: 'ui-tabs-disabled', panelClass: 'ui-tabs-panel', hideClass: 'ui-tabs-hide', loadingClass: 'ui-tabs-loading'
}, options); if (options.selected === null)
this.options.selected = null; this.options.event += '.ui-tabs'; this.options.cookie = $.cookie && $.cookie.constructor == Function && this.options.cookie; $(el).bind('setData.ui-tabs', function(event, key, value) { if ((/^selected/).test(key))
self.select(value); else { self.options[key] = value; self.tabify();}
}).bind('getData.ui-tabs', function(event, key) { return self.options[key];}); $.data(el, 'ui-tabs', this); this.tabify(true);}; $.extend($.ui.tabs.prototype, { tabId: function(a) { return a.title && a.title.replace(/\s/g, '_').replace(/[^A-Za-z0-9\-_:\.]/g, '') || this.options.idPrefix + $.data(a);}, ui: function(tab, panel) { return { instance: this, options: this.options, tab: tab, panel: panel
};}, tabify: function(init) { this.$lis = $('li:has(a[href])', this.element); this.$tabs = this.$lis.map(function() { return $('a', this)[0];}); this.$panels = $([]); var self = this, o = this.options; this.$tabs.each(function(i, a) { if (a.hash && a.hash.replace('#', ''))
self.$panels = self.$panels.add(a.hash); else if ($(a).attr('href') != '#') { $.data(a, 'href.ui-tabs', a.href); $.data(a, 'load.ui-tabs', a.href); var id = self.tabId(a); a.href = '#' + id; var $panel = $('#' + id); if (!$panel.length) { $panel = $(o.panelTemplate).attr('id', id).addClass(o.panelClass)
.insertAfter( self.$panels[i - 1] || self.element ); $panel.data('destroy.ui-tabs', true);}
self.$panels = self.$panels.add( $panel );}
else
o.disabled.push(i + 1);}); if (init) { $(this.element).hasClass(o.navClass) || $(this.element).addClass(o.navClass); this.$panels.each(function() { var $this = $(this); $this.hasClass(o.panelClass) || $this.addClass(o.panelClass);}); this.$tabs.each(function(i, a) { if (location.hash) { if (a.hash == location.hash) { o.selected = i; if ($.browser.msie || $.browser.opera) { var $toShow = $(location.hash), toShowId = $toShow.attr('id'); $toShow.attr('id', ''); setTimeout(function() { $toShow.attr('id', toShowId);}, 500);}
scrollTo(0, 0); return false;}
} else if (o.cookie) { var index = parseInt($.cookie('ui-tabs' + $.data(self.element)),10); if (index && self.$tabs[index]) { o.selected = index; return false;}
} else if ( self.$lis.eq(i).hasClass(o.selectedClass) ) { o.selected = i; return false;}
}); this.$panels.addClass(o.hideClass); this.$lis.removeClass(o.selectedClass); if (!o.unselect) { this.$panels.eq(o.selected).show().removeClass(o.hideClass); this.$lis.eq(o.selected).addClass(o.selectedClass);}
var href = !o.unselect && $.data(this.$tabs[o.selected], 'load.ui-tabs'); if (href)
this.load(o.selected); o.disabled = $.unique(o.disabled.concat( $.map(this.$lis.filter('.' + o.disabledClass), function(n, i) { return self.$lis.index(n);} ) )).sort(); $(window).bind('unload', function() { self.$tabs.unbind('.ui-tabs'); self.$lis = self.$tabs = self.$panels = null;});}
for (var i = 0, li; li = this.$lis[i]; i++)
$(li)[$.inArray(i, o.disabled) != -1 && !$(li).hasClass(o.selectedClass) ? 'addClass' : 'removeClass'](o.disabledClass); if (o.cache === false)
this.$tabs.removeData('cache.ui-tabs'); var hideFx, showFx, baseFx = { 'min-width': 0, duration: 1 }, baseDuration = 'normal'; if (o.fx && o.fx.constructor == Array)
hideFx = o.fx[0] || baseFx, showFx = o.fx[1] || baseFx; else
hideFx = showFx = o.fx || baseFx; var resetCSS = { display: '', overflow: '', height: '' }; if (!$.browser.msie)
resetCSS.opacity = ''; function hideTab(clicked, $hide, $show) { $hide.animate(hideFx, hideFx.duration || baseDuration, function() { $hide.addClass(o.hideClass).css(resetCSS); if ($.browser.msie && hideFx.opacity)
$hide[0].style.filter = ''; if ($show)
showTab(clicked, $show, $hide);});}
function showTab(clicked, $show, $hide) { if (showFx === baseFx)
$show.css('display', 'block'); $show.animate(showFx, showFx.duration || baseDuration, function() { $show.removeClass(o.hideClass).css(resetCSS); if ($.browser.msie && showFx.opacity)
$show[0].style.filter = ''; $(self.element).triggerHandler('show.ui-tabs', [self.ui(clicked, $show[0])]);});}
function switchTab(clicked, $li, $hide, $show) { $li.addClass(o.selectedClass)
.siblings().removeClass(o.selectedClass); hideTab(clicked, $hide, $show);}
this.$tabs.unbind('.ui-tabs').bind(o.event, function() { var $li = $(this).parents('li:eq(0)'), $hide = self.$panels.filter(':visible'), $show = $(this.hash); if (($li.hasClass(o.selectedClass) && !o.unselect) || $li.hasClass(o.disabledClass) || $(self.element).triggerHandler('select.ui-tabs', [self.ui(this, $show[0])]) === false) { this.blur(); return false;}
self.options.selected = self.$tabs.index(this); if (o.unselect) { if ($li.hasClass(o.selectedClass)) { self.options.selected = null; $li.removeClass(o.selectedClass); self.$panels.stop(); hideTab(this, $hide); this.blur(); return false;} else if (!$hide.length) { self.$panels.stop(); var a = this; self.load(self.$tabs.index(this), function() { $li.addClass(o.selectedClass).addClass(o.unselectClass); showTab(a, $show);}); this.blur(); return false;}
}
if (o.cookie)
$.cookie('ui-tabs' + $.data(self.element), self.options.selected, o.cookie); self.$panels.stop(); if ($show.length) { var a = this; self.load(self.$tabs.index(this), function() { switchTab(a, $li, $hide, $show);});} else
throw 'jQuery UI Tabs: Mismatching fragment identifier.'; if ($.browser.msie)
this.blur(); return false;}); if (!(/^click/).test(o.event))
this.$tabs.bind('click.ui-tabs', function() { return false;});}, add: function(url, label, index) { if (index == undefined)
index = this.$tabs.length; var o = this.options; var $li = $(o.tabTemplate.replace(/#\{href\}/, url).replace(/#\{label\}/, label)); $li.data('destroy.ui-tabs', true); var id = url.indexOf('#') == 0 ? url.replace('#', '') : this.tabId( $('a:first-child', $li)[0] ); var $panel = $('#' + id); if (!$panel.length) { $panel = $(o.panelTemplate).attr('id', id)
.addClass(o.panelClass).addClass(o.hideClass); $panel.data('destroy.ui-tabs', true);}
if (index >= this.$lis.length) { $li.appendTo(this.element); $panel.appendTo(this.element.parentNode);} else { $li.insertBefore(this.$lis[index]); $panel.insertBefore(this.$panels[index]);}
o.disabled = $.map(o.disabled, function(n, i) { return n >= index ? ++n : n }); this.tabify(); if (this.$tabs.length == 1) { $li.addClass(o.selectedClass); $panel.removeClass(o.hideClass); var href = $.data(this.$tabs[0], 'load.ui-tabs'); if (href)
this.load(index, href);}
$(this.element).triggerHandler('add.ui-tabs', [this.ui(this.$tabs[index], this.$panels[index])] );}, remove: function(index) { var o = this.options, $li = this.$lis.eq(index).remove(), $panel = this.$panels.eq(index).remove(); if ($li.hasClass(o.selectedClass) && this.$tabs.length > 1)
this.select(index + (index + 1 < this.$tabs.length ? 1 : -1)); o.disabled = $.map($.grep(o.disabled, function(n, i) { return n != index;}), function(n, i) { return n >= index ? --n : n }); this.tabify(); $(this.element).triggerHandler('remove.ui-tabs', [this.ui($li.find('a')[0], $panel[0])] );}, enable: function(index) { var o = this.options; if ($.inArray(index, o.disabled) == -1)
return; var $li = this.$lis.eq(index).removeClass(o.disabledClass); if ($.browser.safari) { $li.css('display', 'inline-block'); setTimeout(function() { $li.css('display', 'block');}, 0);}
o.disabled = $.grep(o.disabled, function(n, i) { return n != index;}); $(this.element).triggerHandler('enable.ui-tabs', [this.ui(this.$tabs[index], this.$panels[index])] );}, disable: function(index) { var self = this, o = this.options; if (index != o.selected) { this.$lis.eq(index).addClass(o.disabledClass); o.disabled.push(index); o.disabled.sort(); $(this.element).triggerHandler('disable.ui-tabs', [this.ui(this.$tabs[index], this.$panels[index])] );}
}, select: function(index) { if (typeof index == 'string')
index = this.$tabs.index( this.$tabs.filter('[href$=' + index + ']')[0] ); this.$tabs.eq(index).trigger(this.options.event);}, load: function(index, callback) { var self = this, o = this.options, $a = this.$tabs.eq(index), a = $a[0], bypassCache = callback == undefined || callback === false, url = $a.data('load.ui-tabs'); callback = callback || function() {}; if (!url || ($.data(a, 'cache.ui-tabs') && !bypassCache)) { callback(); return;}
if (o.spinner) { var $span = $('span', a), label = $span.html(); $span.html('<em>' + o.spinner + '</em>');}
var finish = function() { self.$tabs.filter('.' + o.loadingClass).each(function() { $(this).removeClass(o.loadingClass); if (o.spinner)
$('span', this).html(label);}); self.xhr = null;}; var ajaxOptions = $.extend({}, o.ajaxOptions, { url: url, success: function(r, s) { $(a.hash).html(r); finish(); callback(); if (o.cache)
$.data(a, 'cache.ui-tabs', true); $(self.element).triggerHandler('load.ui-tabs', [self.ui(self.$tabs[index], self.$panels[index])] ); o.ajaxOptions.success && o.ajaxOptions.success(r, s);}
}); if (this.xhr) { this.xhr.abort(); finish();}
$a.addClass(o.loadingClass); setTimeout(function() { self.xhr = $.ajax(ajaxOptions);}, 0);}, url: function(index, url) { this.$tabs.eq(index).removeData('cache.ui-tabs').data('load.ui-tabs', url);}, destroy: function() { var o = this.options; $(this.element).unbind('.ui-tabs')
.removeClass(o.navClass).removeData('ui-tabs'); this.$tabs.each(function() { var href = $.data(this, 'href.ui-tabs'); if (href)
this.href = href; var $this = $(this).unbind('.ui-tabs'); $.each(['href', 'load', 'cache'], function(i, prefix) { $this.removeData(prefix + '.ui-tabs');});}); this.$lis.add(this.$panels).each(function() { if ($.data(this, 'destroy.ui-tabs'))
$(this).remove(); else
$(this).removeClass([o.selectedClass, o.unselectClass, o.disabledClass, o.panelClass, o.hideClass].join(' '));});}
});})(jQuery);