/*
 * jQuery UI Tabs
 * 
 * Copyright (c) 2007, 2008 Klaus Hartl (stilbuero.de) Dual licensed under the
 * MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
 * 
 * http://docs.jquery.com/UI/Tabs
 * 
 * Depends: ui.core.js
 */
(function($) {

	$.widget("ui.tabs", {
		init : function() {
			this.options.event += '.tabs'; // namespace event

			// create tabs
			this.tabify(true);
		},
		setData : function(key, value) {
			if ((/^selected/).test(key))
				this.select(value);
			else {
				this.options[key] = value;
				this.tabify();
			}
		},
		length : function() {
			return this.$tabs.length;
		},
		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 {
				options : this.options,
				tab : tab,
				panel : panel,
				index : this.$tabs.index(tab)
			};
		},
		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) {
						// inline tab
						if (a.hash && a.hash.replace('#', '')) // Safari 2
							// reports '#'
							// for an empty
							// hash
							self.$panels = self.$panels.add(a.hash);
						// remote tab
						else if ($(a).attr('href') != '#') { // prevent
							// loading the
							// page itself
							// if href is
							// just "#"
							$.data(a, 'href.tabs', a.href); // required for
							// restore on
							// destroy
							$.data(a, 'load.tabs', a.href); // mutable
							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.tabs', true);
							}
							self.$panels = self.$panels.add($panel);
						}
						// invalid tab href
						else
							o.disabled.push(i + 1);
					});

			if (init) {

				// attach necessary classes for styling if not present
				this.element.addClass(o.navClass);
				this.$panels.each(function() {
							var $this = $(this);
							$this.addClass(o.panelClass);
						});

				// Selected tab
				// use "selected" option or try to retrieve:
				// 1. from fragment identifier in url
				// 2. from cookie
				// 3. from selected class attribute on <li>
				if (o.selected === undefined) {
					if (location.hash) {
						this.$tabs.each(function(i, a) {
							if (a.hash == location.hash) {
								o.selected = i;
								// prevent page scroll to fragment
								if ($.browser.msie || $.browser.opera) { // &&
									// !o.remote
									var $toShow = $(location.hash), toShowId = $toShow
											.attr('id');
									$toShow.attr('id', '');
									setTimeout(function() {
										$toShow.attr('id', toShowId); // restore
											// id
										}, 500);
								}
								scrollTo(0, 0);
								return false; // break
							}
						});
					} else if (o.cookie) {
						var index = parseInt($.cookie('ui-tabs'
										+ $.data(self.element)), 10);
						if (index && self.$tabs[index])
							o.selected = index;
					} else if (self.$lis.filter('.' + o.selectedClass).length)
						o.selected = self.$lis.index(self.$lis.filter('.'
								+ o.selectedClass)[0]);
				}
				o.selected = o.selected === null || o.selected !== undefined
						? o.selected
						: 0; // first tab selected by default

				// Take disabling tabs via class attribute from HTML
				// into account and update option properly.
				// A selected tab cannot become disabled.
				o.disabled = $.unique(o.disabled.concat($.map(this.$lis
								.filter('.' + o.disabledClass), function(n, i) {
							return self.$lis.index(n);
						}))).sort();
				if ($.inArray(o.selected, o.disabled) != -1)
					o.disabled.splice($.inArray(o.selected, o.disabled), 1);

				// highlight selected tab
				this.$panels.addClass(o.hideClass);
				this.$lis.removeClass(o.selectedClass);
				if (o.selected !== null) {
					this.$panels.eq(o.selected).show().removeClass(o.hideClass); // use
					// show
					// and
					// remove
					// class
					// to
					// show
					// in
					// any
					// case
					// no
					// matter
					// how
					// it
					// has
					// been
					// hidden
					// before
					this.$lis.eq(o.selected).addClass(o.selectedClass);

					// seems to be expected behavior that the show callback is
					// fired
					var onShow = function() {
						$(self.element).triggerHandler(
								'tabsshow',
								[
										self.fakeEvent('tabsshow'),
										self.ui(self.$tabs[o.selected],
												self.$panels[o.selected])],
								o.show);
					};

					// load if remote tab
					if ($.data(this.$tabs[o.selected], 'load.tabs'))
						this.load(o.selected, onShow);
					// just trigger show event
					else
						onShow();

				}

				// clean up to avoid memory leaks in certain versions of IE 6
				$(window).bind('unload', function() {
							self.$tabs.unbind('.tabs');
							self.$lis = self.$tabs = self.$panels = null;
						});

			}

			// disable tabs
			for (var i = 0, li; li = this.$lis[i]; i++)
				$(li)[$.inArray(i, o.disabled) != -1
						&& !$(li).hasClass(o.selectedClass)
						? 'addClass'
						: 'removeClass'](o.disabledClass);

			// reset cache if switching from cached to not cached
			if (o.cache === false)
				this.$tabs.removeData('cache.tabs');

			// set up animations
			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;

			// reset some styles to maintain print style sheets etc.
			var resetCSS = {
				display : '',
				overflow : '',
				height : ''
			};
			if (!$.browser.msie) // not in IE to prevent ClearType font issue
				resetCSS.opacity = '';

			// Hide a tab, animation prevents browser scrolling to fragment,
			// $show is optional.
			function hideTab(clicked, $hide, $show) {
				$hide.animate(hideFx, hideFx.duration || baseDuration,
						function() { //
							$hide.addClass(o.hideClass).css(resetCSS); // maintain
							// flexible
							// height
							// and
							// accessibility
							// in
							// print
							// etc.
							if ($.browser.msie && hideFx.opacity)
								$hide[0].style.filter = '';
							if ($show)
								showTab(clicked, $show, $hide);
						});
			}

			// Show a tab, animation prevents browser scrolling to fragment,
			// $hide is optional.
			function showTab(clicked, $show, $hide) {
				/** *******************遍历TABS键,显示相关信息******************************* */
				// get tab id @wu.changsheng@trs.com.cn
				var localUrl = TrsUtil.getURLParameter(clicked);
				var ficationName=Index.getUrlParameter()[0];
				if (localUrl === "tabs-2") {
					Index.processWait(0, Index.PAGESIZE,ficationName);
				} else if(localUrl==="tabs-1"){
          
					Index.processEnd(0, Index.PAGESIZE,ficationName);
				}else if(localUrl==="tabs-3"){
					Index.MyprocessEnd(0, Index.PAGESIZE);
				} else if(localUrl==="tabs-4"){
					Index.MyprocessWait(0, Index.PAGESIZE);
				}
				/** ********************************************************************* */

				if (showFx === baseFx)
					$show.css('display', 'block'); // prevent occasionally
				// occuring flicker in
				// Firefox cause by gap
				// between showing and
				// hiding the tab panels
				$show.animate(showFx, showFx.duration || baseDuration,
						function() {
							$show.removeClass(o.hideClass).css(resetCSS); // maintain
							// flexible
							// height
							// and
							// accessibility
							// in
							// print
							// etc.
							if ($.browser.msie && showFx.opacity)
								$show[0].style.filter = '';

							// callback
							$(self.element)
									.triggerHandler(
											'tabsshow',
											[self.fakeEvent('tabsshow'),
													self.ui(clicked, $show[0])],
											o.show);

						});
			}

			// switch a tab
			function switchTab(clicked, $li, $hide, $show) {
				/*
				 * if (o.bookmarkable && trueClick) { // add to history only if
				 * true click occured, not a triggered click
				 * $.ajaxHistory.update(clicked.hash); }
				 */
				$li.addClass(o.selectedClass).siblings()
						.removeClass(o.selectedClass);
				hideTab(clicked, $hide, $show);
			}

			// attach tab event handler, unbind to avoid duplicates from former
			// tabifying...
			this.$tabs.unbind('.tabs').bind(o.event, function() {

				// var trueClick = e.clientX; // add to history only if true
				// click occured, not a triggered click
				var $li = $(this).parents('li:eq(0)'), $hide = self.$panels
						.filter(':visible'), $show = $(this.hash);

				// If tab is already selected and not unselectable or tab
				// disabled or
				// or is already loading or click callback returns false stop
				// here.
				// Check if click handler returns false last so that it is not
				// executed
				// for a disabled or loading tab!
				if (($li.hasClass(o.selectedClass) && !o.unselect)
						|| $li.hasClass(o.disabledClass)
						|| $(this).hasClass(o.loadingClass)
						|| $(self.element).triggerHandler(
								'tabsselect',
								[self.fakeEvent('tabsselect'),
										self.ui(this, $show[0])], o.select) === false) {
					this.blur();
					return false;
				}

				self.options.selected = self.$tabs.index(this);

				// if tab may be closed
				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);

				// stop possibly running animations
				self.$panels.stop();

				// show new tab
				if ($show.length) {

					// prevent scrollbar scrolling to 0 and than back in IE7,
					// happens only if bookmarking/history is enabled
					/*
					 * if ($.browser.msie && o.bookmarkable) { var showId =
					 * this.hash.replace('#', ''); $show.attr('id', '');
					 * setTimeout(function() { $show.attr('id', showId); //
					 * restore id }, 0); }
					 */

					var a = this;
					self.load(self.$tabs.index(this), $hide.length
									? function() {
										switchTab(a, $li, $hide, $show);
									}
									: function() {
										$li.addClass(o.selectedClass);
										showTab(a, $show);
									});

					// 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() {
					 * scrollTo(scrollX, scrollY); }, 0);
					 */

				} else
					throw 'jQuery UI Tabs: Mismatching fragment identifier.';

				// Prevent IE from keeping other link focussed when using the
				// back button
				// and remove dotted border from clicked link. This is
				// controlled in modern
				// browsers via CSS, also blur removes focus from address bar in
				// Firefox
				// which can become a usability and annoying problem with
				// tabsRotate.
				if ($.browser.msie)
					this.blur();

				// return o.bookmarkable && !!trueClick; // convert trueClick ==
				// undefined to Boolean required in IE
				return false;

			});

			// disable click if event is configured to something else
			if (!(/^click/).test(o.event))
				this.$tabs.bind('click.tabs', function() {
							return false;
						});

		},
		add : function(url, label, index) {
			if (index == undefined)
				index = this.$tabs.length; // append by default

			var o = this.options;
			var $li = $(o.tabTemplate.replace(/#\{href\}/g, url).replace(
					/#\{label\}/g, label));
			$li.data('destroy.tabs', true);

			var id = url.indexOf('#') == 0 ? url.replace('#', '') : this
					.tabId($('a:first-child', $li)[0]);

			// try to find an existing element before creating a new one
			var $panel = $('#' + id);
			if (!$panel.length) {
				$panel = $(o.panelTemplate).attr('id', id)
						.addClass(o.hideClass).data('destroy.tabs', true);
			}
			$panel.addClass(o.panelClass);
			if (index >= this.$lis.length) {
				$li.appendTo(this.element);
				$panel.appendTo(this.element[0].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.tabs');
				if (href)
					this.load(index, href);
			}

			// callback
			this.element.triggerHandler('tabsadd', [this.fakeEvent('tabsadd'),
							this.ui(this.$tabs[index], this.$panels[index])],
					o.add);
		},
		remove : function(index) {

			var o = this.options, $li = this.$lis.eq(index).remove(), $panel = this.$panels
					.eq(index).remove();

			// If selected tab was removed focus tab to the right or
			// in case the last tab was removed the tab to the left.
			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();

			// callback
			this.element.triggerHandler('tabsremove', [
							this.fakeEvent('tabsremove'),
							this.ui($li.find('a')[0], $panel[0])], o.remove);
		},
		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) { // fix disappearing tab (that used opacity
				// indicating disabling) after enabling in
				// Safari 2...
				$li.css('display', 'inline-block');
				setTimeout(function() {
							$li.css('display', 'block');
						}, 0);
			}

			o.disabled = $.grep(o.disabled, function(n, i) {
						return n != index;
					});

			// callback
			this.element.triggerHandler('tabsenable', [
							this.fakeEvent('tabsenable'),
							this.ui(this.$tabs[index], this.$panels[index])],
					o.enable);

		},
		disable : function(index) {
			var self = this, o = this.options;
			if (index != o.selected) { // cannot disable already selected tab
				this.$lis.eq(index).addClass(o.disabledClass);

				o.disabled.push(index);
				o.disabled.sort();

				// callback
				this.element
						.triggerHandler('tabsdisable',
								[
										this.fakeEvent('tabsdisable'),
										this.ui(this.$tabs[index],
												this.$panels[index])],
								o.disable);
			}
		},
		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) { // callback is for internal usage
			// only

			var self = this, o = this.options, $a = this.$tabs.eq(index), a = $a[0], bypassCache = callback == undefined
					|| callback === false, url = $a.data('load.tabs');

			callback = callback || function() {
			};

			// no remote or from cache - just finish with callback
			if (!url || !bypassCache && $.data(a, 'cache.tabs')) {
				callback();
				return;
			}

			// load remote from here on

			var inner = function(parent) {
				var $parent = $(parent), $inner = $parent.find('*:last');
				return $inner.length && $inner.is(':not(img)') && $inner
						|| $parent;
			};
			var cleanup = function() {
				self.$tabs.filter('.' + o.loadingClass)
						.removeClass(o.loadingClass).each(function() {
							if (o.spinner)
								inner(this).parent().html(inner(this)
										.data('label.tabs'));
						});
				self.xhr = null;
			};

			if (o.spinner) {
				var label = inner(a).html();
				inner(a).wrapInner('<em></em>').find('em').data('label.tabs',
						label).html(o.spinner);
			}

			var ajaxOptions = $.extend({}, o.ajaxOptions, {
						url : url,
						success : function(r, s) {
							$(a.hash).html(r);
							cleanup();

							if (o.cache)
								$.data(a, 'cache.tabs', true); // if loaded
							// once do not
							// load them
							// again

							// callbacks
							$(self.element).triggerHandler(
									'tabsload',
									[
											self.fakeEvent('tabsload'),
											self.ui(self.$tabs[index],
													self.$panels[index])],
									o.load);
							o.ajaxOptions.success
									&& o.ajaxOptions.success(r, s);

							// This callback is required because the switch has
							// to take
							// place after loading has completed. Call last in
							// order to
							// fire load before show callback...
							callback();
						}
					});
			if (this.xhr) {
				// terminate pending requests from other tabs and restore tab
				// label
				this.xhr.abort();
				cleanup();
			}
			$a.addClass(o.loadingClass);
			setTimeout(function() { // timeout is again required in IE, "wait"
						// for id being restored
						self.xhr = $.ajax(ajaxOptions);
					}, 0);

		},
		url : function(index, url) {
			this.$tabs.eq(index).removeData('cache.tabs')
					.data('load.tabs', url);
		},
		destroy : function() {
			var o = this.options;
			this.element.unbind('.tabs').removeClass(o.navClass)
					.removeData('tabs');
			this.$tabs.each(function() {
						var href = $.data(this, 'href.tabs');
						if (href)
							this.href = href;
						var $this = $(this).unbind('.tabs');
						$.each(['href', 'load', 'cache'], function(i, prefix) {
									$this.removeData(prefix + '.tabs');
								});
					});
			this.$lis.add(this.$panels).each(function() {
				if ($.data(this, 'destroy.tabs'))
					$(this).remove();
				else
					$(this).removeClass([o.selectedClass, o.unselectClass,
							o.disabledClass, o.panelClass, o.hideClass]
							.join(' '));
			});
		},
		fakeEvent : function(type) {
			return $.event.fix({
						type : type,
						target : this.element[0]
					});
		}
	});

	$.ui.tabs.defaults = {
		// basic setup
		unselect : false,
		event : 'click',
		disabled : [],
		cookie : null, // e.g. { expires: 7, path: '/', domain: 'jquery.com',
		// secure: true }
		// TODO history: false,

		// Ajax
		spinner : 'Loading&#8230;',
		cache : false,
		idPrefix : 'ui-tabs-',
		ajaxOptions : {},

		// animations
		fx : null, // e.g. { height: 'toggle', opacity: 'toggle', duration: 200
		// }

		// templates
		tabTemplate : '<li><a href="#{href}"><span>#{label}</span></a></li>',
		panelTemplate : '<div></div>',

		// CSS classes
		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'
	};

	$.ui.tabs.getter = "length";

	/*
	 * Tabs Extensions
	 */

	/*
	 * Rotate
	 */
	$.extend($.ui.tabs.prototype, {
				rotation : null,
				rotate : function(ms, continuing) {

					continuing = continuing || false;

					var self = this, t = this.options.selected;

					function start() {
						self.rotation = setInterval(function() {
									t = ++t < self.$tabs.length ? t : 0;
									self.select(t);
								}, ms);
					}

					function stop(e) {
						if (!e || e.clientX) { // only in case of a true click
							clearInterval(self.rotation);
						}
					}

					// start interval
					if (ms) {
						start();
						if (!continuing)
							this.$tabs.bind(this.options.event, stop);
						else
							this.$tabs.bind(this.options.event, function() {
										stop();
										t = self.options.selected;
										start();
									});
					}
					// stop interval
					else {
						stop();
						this.$tabs.unbind(this.options.event, stop);
					}
				}
			});

})(jQuery);