( function( $ ) {
	$( function() {

		$.fn.awrInsertInGivenOrderBeforeElement = function( order , element ) {
			var widgets = [];

			for ( var index in order ) {
				widget_id = order[ index ];
				$elementToInsert = $( this ).filter( '[id=customize-control-widget_' + widget_id + ']' );
				widgets.push( $elementToInsert.detach() );
			}

			widgets.map( function( widget , index ) {
				widget.insertBefore( element );
			} );
		};

		// Customizer iframe triggers this on sortupdate ( when sorting of widgets has changed )
		// Reorders widgets in customizer controls to match the new order
		$( 'body' ).bind( 'awr-reorder-widgets' , function( event , data ) {
			var sidebar_id_with_underscores = data.sidebar_id ,
			  sidebar_id = sidebar_id_with_underscores.replace( /_/g , '-' ) ,
			  order = data.sortable_order ,
			  parent_sidebar_of_each_widget = data.parent_sidebars;

			reorder_customize_controls_sidebar_widgets( sidebar_id , order );

			function reorder_customize_controls_sidebar_widgets( sidebar_id , order ) {
				var $sidebar_accordion_section = getSidebarAccordionSection( sidebar_id );
				var $widgets_in_sidebar = $sidebar_accordion_section.find( '.customize-control-widget_form' );
				if ( $widgets_in_sidebar.length !== order.length ) {
					return false; // there's been a deletion or addition, no need to reorder widgets
				} else if ( sidebar_has_widget_from_other_sidebar() ) {
					triggerIframeReassignIds(); // no reorder needed, but assign parent ids to all widgets
					return false;
				} else {
					var $last_li_in_sidebar = $sidebar_accordion_section.find( 'li' ).last();
					$widgets_in_sidebar.awrInsertInGivenOrderBeforeElement( order , $last_li_in_sidebar );
					addClassesToFirstAndLastWidgetsIn( $sidebar_accordion_section );
					triggerIframeReassignIds();
					triggerSortUpdateFor( sidebar_id );
				}
			}

			function sidebar_has_widget_from_other_sidebar() {
				parent_sidebar_of_each_widget.map( function( parent_sidebar , index ) {
					if ( parent_sidebar !== sidebar_id ) {
						return true;
					}
				} );
			}

			function triggerIframeReassignIds() {
				$( 'body' ).trigger( 'awr-reassign-identifiers' , { sidebar_id : sidebar_id } );
			}

		} ); /*	End $( 'body' ).bind( 'awr-reorder-widgets'	*/

		$( 'body' ).bind( 'awr-remove-and-insert-widget' , function( event , data ) {
			var sidebar_id_with_underscores = data.sidebar_id;
			var sidebar_id = sidebar_id_with_underscores.replace( /_/g , '-' );
			var order = data.sortable_order;
			var parent_sidebars = data.parent_sidebars;

			var ordinal_of_widget_from_different_sidebar = get_ordinal_of_widget_from_different_sidebar();
			var id_of_widget_from_different_sidebar = get_id_of_widget_from_different_sidebar();
			var parent_sidebar_of_widget_from_different_sidebar = get_parent_sidebar_of_widget_from_different_sidebar();
			var $widget_from_different_sidebar = get_widget_from_different_sidebar();
			var $element_to_insert_before = get_element_to_insert_before();

			$widget_from_different_sidebar.insertBefore( $element_to_insert_before );
			addClassesToFirstAndLastWidgetsIn( getSidebarAccordionSection( sidebar_id ) );
			open_widget_customizer_control( sidebar_id , id_of_widget_from_different_sidebar ); // new, need to test
			triggerSortUpdateFor( sidebar_id );
			triggerSortUpdateFor( parent_sidebar_of_widget_from_different_sidebar );

			function get_ordinal_of_widget_from_different_sidebar() {
				ordinal_of_widgets = [];
				parent_sidebars.map( function( parent_sidebar , index ) {
					if ( parent_sidebar !== sidebar_id ) {
						ordinal_of_widgets.push( index );
					}
				} );
				if ( ordinal_of_widgets.length > 1 ) {
					console.warn( 'There are ' + ordinal_of_widgets.length + ' new widgets in the sidebar. There should only be one.' );
				}
				return ordinal_of_widgets[ 0 ] ;
			}

			function get_id_of_widget_from_different_sidebar() {
				return order[ ordinal_of_widget_from_different_sidebar ];
			}

			function get_parent_sidebar_of_widget_from_different_sidebar() {
				return parent_sidebars[ ordinal_of_widget_from_different_sidebar ];
			}

			function get_widget_from_different_sidebar() {
				return getSidebarAccordionSection( parent_sidebar_of_widget_from_different_sidebar )
					.find( '#customize-control-widget_' + id_of_widget_from_different_sidebar ).detach();
			}

			function get_element_to_insert_before() {
				$element_to_insert_before = getSidebarAccordionSection( sidebar_id )
					.find( '.customize-control-widget_form' )
					.eq( ordinal_of_widget_from_different_sidebar );
				if ( $element_to_insert_before.length === 0 ) {
					$element_to_insert_before = getSidebarAccordionSection( sidebar_id ).find( '.customize-control-sidebar_widgets' );
				}
				return $element_to_insert_before;
			}

		} ); /* End $( 'body' ).bind( 'awr-remove-and-insert-widget'	*/

		function getSidebarAccordionSection( sidebar_id ) {
			return $( '#accordion-section-sidebar-widgets-' + sidebar_id + ' .accordion-section-content' );
		}

		function addClassesToFirstAndLastWidgetsIn( $sidebar_accordion_section ) {
			var widgets = $sidebar_accordion_section.find( '.customize-control-widget_form' );
			widgets.map( function() {
				$( this ).removeClass( 'first-widget' ).removeClass( 'last-widget' );
			} );
			widgets.first().addClass( 'first-widget' );
			widgets.last().addClass( 'last-widget' );
		}

		function triggerSortUpdateFor( sidebar_id ) {
			var sortable_element = $( '#accordion-section-sidebar-widgets-' + sidebar_id + ' .ui-sortable' ).data( 'ui-sortable' );
			sortable_element._trigger( "update" , null , sortable_element._uiHash( sortable_element ) );
		}

		manage_uri_variables();
		function manage_uri_variables() {
			var awr_edit = find_query_var_value( 'awr_edit' );
			var awr_delete = find_query_var_value( 'awr_delete' );
			var awr_new = find_query_var_value( 'awr_new' );
			var awr_widget = find_query_var_value( 'awr_widget' );
			var wle_target = find_query_var_value( 'wle_target' );

			if ( awr_edit && awr_widget ) {
	open_widget_customizer_control( awr_edit , awr_widget );
			}
			else if ( wle_target ) {
		open_wle_accordion_section( wle_target );
			}
			else if ( awr_new ) {
	open_new_widget_panel_for_sidebar( awr_new );
			}
			else if ( awr_delete && awr_widget ) {
	delete_widget_from_customizer_controls( awr_widget , awr_delete );
			}
		}

		function find_query_var_value( query_var_key ) {
			 var href = encodeURI( document.location.href );
			 var query_value = href.match( query_var_key + '=([^&^#]*)' );
			 if ( query_value && query_value.length > 0 ) {
	return query_value[ 1 ];
			 }
		 }

		function open_widget_customizer_control( sidebar_id , widget_id ) {
			if ( widget_id.match( /wle-[\d]{1,3}/ ) ) {
	open_wle_accordion_section( widget_id );
	return;
			}
			open_panel( 'widgets' );
			open_sidebar_accordion_section( sidebar_id );
			open_widget_accordion_section( widget_id );

			var interval = setInterval( scroll_interval , 200 );
			function scroll_interval() {
	scroll_sidebar_to_top_of_controls( sidebar_id );
	clearInterval( interval ) ;
			}
		}

		function open_wle_accordion_section( widget_id ) {
			open_panel( 'wle_panel' );
			open_accordion_section( widget_id );
		}

		function exit_panel_if_not_in( panel_title ) {
			if ( ( $( '.in-sub-panel' ).length > 0 ) && $( '.current-panel' ).attr( 'id' ) !== 'accordion-panel-' + panel_title ) {
				$( '.control-panel-back' ).click();
			}
		}

		function open_accordion_section( title ) {
			var $accordion_section = $( '#accordion-section-' + title );
			if ( ! $accordion_section.hasClass( 'open' ) ) {
	$accordion_section.find( '.accordion-section-title' ).click();
			}
			scroll_section_to_top_of_controls( title );
			return false;
		}

		function scroll_section_to_top_of_controls( title ) {
			var $element = $( '#accordion-section-' + title );
			scroll_element_to_top_of_controls( $element );
		}

		function scroll_element_to_top_of_controls( $element ) {
			if ( $element.length < 1 ) {
	return;
			}
			var $accordion_container = $( '.accordion-container' );
			var current_scrollTop =	$accordion_container.scrollTop();
			var element_offset = $element.offset().top;
			var new_scrollTop =	element_offset + current_scrollTop;
			$accordion_container.scrollTop( new_scrollTop );
		}

		function open_panel( panel_name ) {
			exit_panel_if_not_in( panel_name );
			var $panel = $( '#accordion-panel-' + panel_name );
			if ( ! $panel.hasClass( 'current-panel' ) ) {
				$panel.find( '.accordion-section-title' ).click();
			}
		}

		function open_sidebar_accordion_section( sidebar_id ) {
			var $sidebar_accordion_section = get_customize_controls_sidebar( sidebar_id );
			if ( ! $sidebar_accordion_section.hasClass( 'open' ) ) {
				$sidebar_accordion_section.find( '.accordion-section-title' ).click();
			}
		}

		function open_widget_accordion_section( widget_id ) {
			var $widget_accordion_section = get_customize_controls_widget( widget_id );
			if ( ! $widget_accordion_section.hasClass( 'expanded' ) ) {
				$widget_accordion_section.siblings().removeClass( 'expanded' );
				$widget_accordion_section.find( 'h4' ).click();
			}
		}

		function scroll_sidebar_to_top_of_controls( sidebar_id ) {
			var currentScrollTopValue = $( '.accordion-container' ).scrollTop();
			var newScrollTopValue = currentScrollTopValue + $( '#accordion-section-sidebar-widgets-' + sidebar_id ).position().top;
			$( '.accordion-container' ).scrollTop( newScrollTopValue );
		}

		$( 'body' ).bind( 'awr-delete-widget' , function( event , data ) {
			var widget_id = data.widget_id;
			var sidebar_id = data.sidebar_id;
			delete_widget_from_customizer_controls( widget_id , sidebar_id );
		} );

		function delete_widget_from_customizer_controls( widget_id , sidebar_id ) {
			get_customize_controls_widget( widget_id ).find( '.widget-control-remove' ).click();
			if_is_a_wle_widget_delete_its_panel( widget_id );
			after_delete_widget_from( sidebar_id );
		}

		function if_is_a_wle_widget_delete_its_panel( widget_id ) {
			if ( widget_id && widget_id.match( /wle-[\d]{1,3}/ ) ) {
	$( '#accordion-section-' + widget_id ).hide( 500 );
			}
		}

		$( 'body' ).bind( 'awr-add-new-widget' , function( event , data ) {
			var sidebar_id = data.sidebar_id;
			open_new_widget_panel_for_sidebar( sidebar_id );
		} );

		$( 'body' ).bind( 'awr-open-widget-control' , function( event , data ) {
			var widget_id = data.widget_id;
			var sidebar_id = data.sidebar_id;
			open_widget_customizer_control( sidebar_id , widget_id );
		} );


		function open_new_widget_panel_for_sidebar( sidebar_id ) {
			open_panel( 'widgets' );
			$customize_controls_sidebar = get_customize_controls_sidebar( sidebar_id );
			setTimeout( function() {
				$customize_controls_sidebar.find( '.accordion-section-title' ).click();
				$customize_controls_sidebar.find( '.add-new-widget' ).click();
				scroll_sidebar_to_top_of_controls( sidebar_id );
		}, 300
			);
			return false;
		}

		function get_customize_controls_sidebar( sidebar_id ) {
			return $( '#accordion-section-sidebar-widgets-' + sidebar_id );
		}

		function get_customize_controls_widget( widget_id ) {
			return $( '#customize-control-widget_' + widget_id );
		}

		function after_delete_widget_from( sidebar_id ) {
			$sidebar_accordion_section = getSidebarAccordionSection( sidebar_id );
			addClassesToFirstAndLastWidgetsIn( $sidebar_accordion_section );
			triggerSortUpdateFor( sidebar_id );
		}

	} );
} )( jQuery );