var $document = $( document );

	/**

	 * A closed Sidebar that gets a Widget dragged over it.

	 *

	 * @var {element|null}

	 */

	hoveredSidebar: null,

	/**

	 * Translations.

	 *

	 * Exported from PHP in wp_default_scripts().

	 *

	 * @var {object}

	 */

	l10n: {

		save: '{save}',

		saved: '{saved}',

		saveAlert: '{saveAlert}'

	},

	/**

	 * Lookup of which widgets have had change events triggered.

	 *

	 * @var {object}

	 */

	dirtyWidgets: {},

		// Handle the widgets containers in the right column.

		$( '#widgets-right .sidebar-name' )

			/*

			 * Toggle the widgets containers when clicked and update the toggle

			 * button `aria-expanded` attribute value.

			 */

			.click( function() {

				var $this = $( this ),

					$wrap = $this.closest( '.widgets-holder-wrap '),

					$toggle = $this.find( '.handlediv' );

				if ( $wrap.hasClass( 'closed' ) ) {

					$wrap.removeClass( 'closed' );

					$toggle.attr( 'aria-expanded', 'true' );

					// Refresh the jQuery UI sortable items.

					$this.parent().sortable( 'refresh' );

				} else {

					$wrap.addClass( 'closed' );

					$toggle.attr( 'aria-expanded', 'false' );

				}

				// Update the admin menu "sticky" state.

				$document.triggerHandler( 'wp-pin-menu' );

			})

			/*

			 * Set the initial `aria-expanded` attribute value on the widgets

			 * containers toggle button. The first one is expanded by default.

			 */

			.find( '.handlediv' ).each( function( index ) {

				if ( 0 === index ) {

					// jQuery equivalent of `continue` within an `each()` loop.

					return;

				}

				$( this ).attr( 'aria-expanded', 'false' );

			});

		// Show AYS dialog when there are unsaved widget changes.

		$( window ).on( 'beforeunload.widgets', function( event ) {

			var dirtyWidgetIds = [], unsavedWidgetsElements;

			$.each( self.dirtyWidgets, function( widgetId, dirty ) {

				if ( dirty ) {

					dirtyWidgetIds.push( widgetId );

				}

			});

			if ( 0 !== dirtyWidgetIds.length ) {

				unsavedWidgetsElements = $( '#widgets-right' ).find( '.widget' ).filter( function() {

					return -1 !== dirtyWidgetIds.indexOf( $( this ).prop( 'id' ).replace( /^widget-\d+_/, '' ) );

				});

				unsavedWidgetsElements.each( function() {

					if ( ! $( this ).hasClass( 'open' ) ) {

						$( this ).find( '.widget-title-action:first' ).click();

					}

				});

				// Bring the first unsaved widget into view and focus on the first tabbable field.

				unsavedWidgetsElements.first().each( function() {

					if ( this.scrollIntoViewIfNeeded ) {

						this.scrollIntoViewIfNeeded();

					} else {

						this.scrollIntoView();

					}

					$( this ).find( '.widget-inside :tabbable:first' ).focus();

				} );

				event.returnValue = wpWidgets.l10n.saveAlert;

				return event.returnValue;

		// Handle the widgets containers in the left column.

		$( '#widgets-left .sidebar-name' ).click( function() {

			var $wrap = $( this ).closest( '.widgets-holder-wrap' );

			$wrap

				.toggleClass( 'closed' )

				.find( '.handlediv' ).attr( 'aria-expanded', ! $wrap.hasClass( 'closed' ) );

			// Update the admin menu "sticky" state.

			$document.triggerHandler( 'wp-pin-menu' );

				widget, inside, targetWidth, widgetWidth, margin, saveButton, widgetId,

				toggleBtn = target.closest( '.widget' ).find( '.widget-top button.widget-action' );

				targetWidth = parseInt( widget.find('input.widget-width').val(), 10 );

				widgetId = inside.find( '.widget-id' ).val();

				// Save button is initially disabled, but is enabled when a field is changed.

				if ( ! widget.data( 'dirty-state-initialized' ) ) {

					saveButton = inside.find( '.widget-control-save' );

					saveButton.prop( 'disabled', true ).val( wpWidgets.l10n.saved );

					inside.on( 'input change', function() {

						self.dirtyWidgets[ widgetId ] = true;

						widget.addClass( 'widget-dirty' );

						saveButton.prop( 'disabled', false ).val( wpWidgets.l10n.save );

					});

					widget.data( 'dirty-state-initialized', true );

				}

					/*

					 * Don't change the order of attributes changes and animation:

					 * it's important for screen readers, see ticket #31476.

					 */

					toggleBtn.attr( 'aria-expanded', 'true' );

					inside.slideDown( 'fast', function() {

						widget.addClass( 'open' );

					});

					/*

					 * Don't change the order of attributes changes and animation:

					 * it's important for screen readers, see ticket #31476.

					 */

					toggleBtn.attr( 'aria-expanded', 'false' );

					inside.slideUp( 'fast', function() {

				toggleBtn.attr( 'aria-expanded', 'false' );

			} else if ( target.attr( 'id' ) === 'inactive-widgets-control-remove' ) {

				wpWidgets.removeInactiveWidgets();

				e.preventDefault();

				$this.find( '.widget-action' ).trigger( 'click' ).attr( 'aria-expanded', 'true' );

			containment: '#wpwrap',

			refreshPositions: true,

		/**

		 * Opens and closes previously closed Sidebars when Widgets are dragged over/out of them.

		 */

		sidebars.droppable( {

			tolerance: 'intersect',

			/**

			 * Open Sidebar when a Widget gets dragged over it.

			 *

			 * @param {object} event jQuery event object.

			 */

			over: function( event ) {

				var $wrap = $( event.target ).parent();

				if ( wpWidgets.hoveredSidebar && ! $wrap.is( wpWidgets.hoveredSidebar ) ) {

					// Close the previous Sidebar as the Widget has been dragged onto another Sidebar.

					wpWidgets.closeSidebar( event );

				}

				if ( $wrap.hasClass( 'closed' ) ) {

					wpWidgets.hoveredSidebar = $wrap;

					$wrap

						.removeClass( 'closed' )

						.find( '.handlediv' ).attr( 'aria-expanded', 'true' );

				}

				$( this ).sortable( 'refresh' );

			},

			/**

			 * Close Sidebar when the Widget gets dragged out of it.

			 *

			 * @param {object} event jQuery event object.

			 */

			out: function( event ) {

				if ( wpWidgets.hoveredSidebar ) {

					wpWidgets.closeSidebar( event );

				}

			}

		} );

			containment: '#wpwrap',

			tolerance: 'pointer',

			refreshPositions: true,

					ui.item.removeClass('open');

					ui.item.find( '.widget-top button.widget-action' ).attr( 'aria-expanded', 'false' );

				// Reset the var to hold a previously closed sidebar.

				wpWidgets.hoveredSidebar = null;