// TODO adjust to match code standards
( function( $ ) {
	var USSidebar = function() {

		this.widget = $( '.widget-liquid-right' );
		this.widgetsRight = $( '#widgets-right' );
		this.addWidgetAreaForm = $( '#us_add_widget_area' );

		this.initForm();
		this.initCustomWidgets();
		this.bindEvents();

	};

	USSidebar.prototype = {

		initForm: function() {
			this.widget.append( this.addWidgetAreaForm.html() );
			this.nonce = this.widget.find( 'input[name="us_delete_widget_area_nonce"]' ).val();
			this.confirmMessage = this.widget.find( '#us_confirm_widget_area_deletion' ).html();
		},

		initCustomWidgets: function() {
			this.widgetsRight.find( '.sidebar-us-custom-area' ).append( '<span class="us-custom-area-delete"></span>' );
		},

		bindEvents: function() {
			this.widget.on( 'click', '.us-custom-area-delete', $.proxy( this.deleteWidgetArea, this ) );
		},


		//delete the sidebar area with all widgets within, then re calculate the other sidebar ids and re save the order
		deleteWidgetArea: function( e ) {
			var deleteIt = confirm( this.confirmMessage );

			if ( deleteIt == false ) {
				return false;
			}

			var widget = $( e.currentTarget ).parents( '.widgets-holder-wrap:eq(0)' ),
				title = widget.find( '.sidebar-name h3 , .sidebar-name h2' ),
				spinner = title.find( '.spinner' ),
				widgetName = $.trim( title.text() ),
				obj = this;

			$.ajax( {
				type: "POST",
				url: window.ajaxurl,
				data: {
					action: 'us_delete_custom_widget_area',
					name: widgetName,
					_wpnonce: obj.nonce
				},

				beforeSend: function() {
					spinner.addClass( 'activate_spinner' );
				},
				success: function( response ) {
					if ( response == 'success' ) {
						widget.slideUp( 200, function() {

							$( '.widget-control-remove', widget ).trigger( 'click' ); //delete all widgets inside
							widget.remove();

						} );
					}
				}
			} );
		}

	};

	$( function() {
		new USSidebar();
	} );


} )( jQuery );