/*!

 * http://jqueryui.com

 *

 * Copyright jQuery Foundation and other contributors

 * Released under the MIT license.

 * http://jquery.org/license

 */

//>>label: Tabs

//>>group: Widgets

//>>description: Transforms a set of container elements into a tab structure.

//>>docs: http://api.jqueryui.com/tabs/

//>>demos: http://jqueryui.com/tabs/

//>>css.structure: ../../themes/base/core.css

//>>css.structure: ../../themes/base/tabs.css

//>>css.theme: ../../themes/base/theme.css

( function( factory ) {

	if ( typeof define === "function" && define.amd ) {

		// AMD. Register as an anonymous module.

		define( [

			"jquery",

			"./core"

		], factory );

	} else {

		// Browser globals

		factory( jQuery );

	}

$.widget( "ui.tabs", {

	delay: 300,

	options: {

		active: null,

		classes: {

			"ui-tabs": "ui-corner-all",

			"ui-tabs-nav": "ui-corner-all",

			"ui-tabs-panel": "ui-corner-bottom",

			"ui-tabs-tab": "ui-corner-top"

		},

		collapsible: false,

		event: "click",

		heightStyle: "content",

		hide: null,

		show: null,

		// Callbacks

		activate: null,

		beforeActivate: null,

		beforeLoad: null,

		load: null

	},

	_isLocal: ( function() {

		var rhash = /#.*$/;

		return function( anchor ) {

			var anchorUrl, locationUrl;

			anchorUrl = anchor.href.replace( rhash, "" );

			locationUrl = location.href.replace( rhash, "" );

			// Decoding may throw an error if the URL isn't UTF-8 (#9518)

			try {

				anchorUrl = decodeURIComponent( anchorUrl );

			} catch ( error ) {}

			try {

				locationUrl = decodeURIComponent( locationUrl );

			} catch ( error ) {}

			return anchor.hash.length > 1 && anchorUrl === locationUrl;

		};

	} )(),

	_create: function() {

		var that = this,

			options = this.options;

		this.running = false;

		this._addClass( "ui-tabs", "ui-widget ui-widget-content" );

		this._toggleClass( "ui-tabs-collapsible", null, options.collapsible );

		this._processTabs();

		options.active = this._initialActive();

		// Take disabling tabs via class attribute from HTML

		// into account and update option properly.

				$.map( this.tabs.filter( ".ui-state-disabled" ), function( li ) {

					return that.tabs.index( li );

				} )

			) ).sort();

		}

		// Check for length avoids error when initializing empty list

		if ( this.options.active !== false && this.anchors.length ) {

			this.active = this._findActive( options.active );

		} else {

			this.active = $();

		}

		this._refresh();

		if ( this.active.length ) {

			this.load( options.active );

		}

	},

	_initialActive: function() {

		var active = this.options.active,

			collapsible = this.options.collapsible,

			locationHash = location.hash.substring( 1 );

		if ( active === null ) {

			// check the fragment identifier in the URL

			if ( locationHash ) {

				this.tabs.each( function( i, tab ) {

					if ( $( tab ).attr( "aria-controls" ) === locationHash ) {

						active = i;

						return false;

					}

				} );

			}

			// Check for a tab marked active via a class

			if ( active === null ) {

				active = this.tabs.index( this.tabs.filter( ".ui-tabs-active" ) );

			}

			// No active tab, set to false

			if ( active === null || active === -1 ) {

				active = this.tabs.length ? 0 : false;

			}

		}

		// Handle numbers: negative, out of range

		if ( active !== false ) {

			active = this.tabs.index( this.tabs.eq( active ) );

			if ( active === -1 ) {

				active = collapsible ? false : 0;

			}

		}

		// Don't allow collapsible: false and active: false

		if ( !collapsible && active === false && this.anchors.length ) {

			active = 0;

		}

		return active;

	},

	_getCreateEventData: function() {

		return {

			tab: this.active,

			panel: !this.active.length ? $() : this._getPanelForTab( this.active )

		};

	},

	_tabKeydown: function( event ) {

		var focusedTab = $( $.ui.safeActiveElement( this.document[ 0 ] ) ).closest( "li" ),

			selectedIndex = this.tabs.index( focusedTab ),

			goingForward = true;

		if ( this._handlePageNav( event ) ) {

			return;

		}

		switch ( event.keyCode ) {

		}

		// Focus the appropriate tab, based on which key was pressed

		event.preventDefault();

		clearTimeout( this.activating );

		selectedIndex = this._focusNextTab( selectedIndex, goingForward );

		// Navigating with control/command key will prevent automatic activation

		if ( !event.ctrlKey && !event.metaKey ) {

			// Update aria-selected immediately so that AT think the tab is already selected.

			// Otherwise AT may confuse the user by stating that they need to activate the tab,

			// but the tab will already be activated by the time the announcement finishes.

			focusedTab.attr( "aria-selected", "false" );

			this.tabs.eq( selectedIndex ).attr( "aria-selected", "true" );

			this.activating = this._delay( function() {

				this.option( "active", selectedIndex );

			}, this.delay );

		}

	},

	_panelKeydown: function( event ) {

		if ( this._handlePageNav( event ) ) {

			return;

		}

		// Ctrl+up moves focus to the current tab

		if ( event.ctrlKey && event.keyCode === $.ui.keyCode.UP ) {

			event.preventDefault();

			this.active.trigger( "focus" );

		}

	},

	// Alt+page up/down moves focus to the previous/next tab (and activates)

	_handlePageNav: function( event ) {

		if ( event.altKey && event.keyCode === $.ui.keyCode.PAGE_UP ) {

			this._activate( this._focusNextTab( this.options.active - 1, false ) );

			return true;

		}

		if ( event.altKey && event.keyCode === $.ui.keyCode.PAGE_DOWN ) {

			this._activate( this._focusNextTab( this.options.active + 1, true ) );

			return true;

		}

	},

	_findNextTab: function( index, goingForward ) {

		var lastTabIndex = this.tabs.length - 1;

		function constrain() {

			if ( index > lastTabIndex ) {

				index = 0;

			}

			if ( index < 0 ) {

				index = lastTabIndex;

			}

			return index;

		}

		while ( $.inArray( constrain(), this.options.disabled ) !== -1 ) {

			index = goingForward ? index + 1 : index - 1;

		}

		return index;

	},

	_focusNextTab: function( index, goingForward ) {

		index = this._findNextTab( index, goingForward );

		this.tabs.eq( index ).trigger( "focus" );

		return index;

	},

	_setOption: function( key, value ) {

		if ( key === "active" ) {

			// _activate() will handle invalid values and update this.options

			this._activate( value );

			return;

		}

		this._super( key, value );

		if ( key === "collapsible" ) {

			this._toggleClass( "ui-tabs-collapsible", null, value );

			// Setting collapsible: false while collapsed; open first panel

			if ( !value && this.options.active === false ) {

				this._activate( 0 );

			}

		}

		if ( key === "event" ) {

			this._setupEvents( value );

		}

		if ( key === "heightStyle" ) {

			this._setupHeightStyle( value );

		}

	},

	_sanitizeSelector: function( hash ) {

		return hash ? hash.replace( /[!"$%&'()*+,.\/:;<=>?@\[\]\^`{|}~]/g, "\\$&" ) : "";

	},

	refresh: function() {

		var options = this.options,

			lis = this.tablist.children( ":has(a[href])" );

		// Get disabled tabs from class attribute from HTML

		// this will get converted to a boolean if needed in _refresh()

		options.disabled = $.map( lis.filter( ".ui-state-disabled" ), function( tab ) {

			return lis.index( tab );

		} );

		this._processTabs();

		// Was collapsed or no tabs

		if ( options.active === false || !this.anchors.length ) {

			options.active = false;

			this.active = $();

		} else if ( this.active.length && !$.contains( this.tablist[ 0 ], this.active[ 0 ] ) ) {

			// all remaining tabs are disabled

			if ( this.tabs.length === options.disabled.length ) {

				options.active = false;

				this.active = $();

			} else {

				this._activate( this._findNextTab( Math.max( 0, options.active - 1 ), false ) );

			}

		} else {

			// make sure active index is correct

			options.active = this.tabs.index( this.active );

		}

		this._refresh();

	},

	_refresh: function() {

		this._setOptionDisabled( this.options.disabled );

		this._setupEvents( this.options.event );

		this._setupHeightStyle( this.options.heightStyle );