(function( $, as3cfModal ) {

	var savedSettings = {};
	var bucketNamePattern = /[^a-z0-9.-]/;
	var refreshBucketListOnLoad = false;

	var $tabs = $( '.as3cf-tab' );
	var $activeTab;

	/**
	 * Return the serialized string of the settings form
	 * excluding the bucket and region inputs as they get saved via AJAX
	 *
	 * @param string tab
	 *
	 * @returns {string}
	 */
	function serializedForm( tab ) {
		return $( '#' + tab + ' .as3cf-main-settings form' ).find( 'input:not(.no-compare)' ).serialize();
	}

	/**
	 * Set checkbox
	 *
	 * @param string checkbox_wrap
	 */
	function setCheckbox( checkbox_wrap ) {
		var $switch = $activeTab.find( '#' + checkbox_wrap );
		var $checkbox = $switch.find( 'input[type=checkbox]' );

		$switch.toggleClass( 'on' ).find( 'span' ).toggleClass( 'checked' );
		var switchOn = $switch.find( 'span.on' ).hasClass( 'checked' );
		$checkbox.prop( 'checked', switchOn ).trigger( 'change' );
	}

	/**
	 * Validate custom domain
	 *
	 * @param {object} $input
	 */
	function validateCustomDomain( $input ) {
		var $error = $input.next( '.as3cf-validation-error' );
		var $submit = $( '#' + $activeTab.attr( 'id' ) + ' form button[type="submit"]' );
		var pattern = /[^a-zA-Z0-9\.\-]/;

		if ( pattern.test( $input.val() ) ) {
			$error.show();
			$submit.prop( 'disabled', true );
		} else {
			$error.hide();
			$submit.prop( 'disabled', false );
		}
	}

	as3cf.tabs = {
		defaultTab: 'media',
		/**
		 * Toggle settings tab
		 *
		 * @param string hash
		 * @param bool   persist_updated_notice
		 */
		toggle: function( hash, persist_updated_notice ) {
			hash = as3cf.tabs.sanitizeHash( hash );

			$tabs.hide();
			$activeTab = $( '#tab-' + hash );
			$activeTab.show();
			$( '.nav-tab' ).removeClass( 'nav-tab-active' );
			$( 'a.nav-tab[data-tab="' + hash + '"]' ).addClass( 'nav-tab-active' );
			$( '.aws-main' ).data( 'tab', hash );
			if ( $activeTab.data( 'prefix' ) ) {
				as3cfModal.prefix = $activeTab.data( 'prefix' );
			}
			if ( ! persist_updated_notice ) {
				$( '.as3cf-updated' ).removeClass( 'show' );
			}

			if ( 'support' === hash ) {
				as3cf.tabs.getDiagnosticInfo();
			}
		},

		/**
		 * Update display of diagnostic info.
		 */
		getDiagnosticInfo: function() {
			var $debugLog = $( '.debug-log-textarea' );

			$debugLog.html( as3cf.strings.get_diagnostic_info );

			var data = {
				action: 'as3cf-get-diagnostic-info',
				_nonce: as3cf.nonces.get_diagnostic_info
			};

			$.ajax( {
				url: ajaxurl,
				type: 'POST',
				dataType: 'JSON',
				data: data,
				error: function( jqXHR, textStatus, errorThrown ) {
					$debugLog.html( errorThrown );
				},
				success: function( data, textStatus, jqXHR ) {
					if ( 'undefined' !== typeof data[ 'success' ] ) {
						$debugLog.html( data[ 'diagnostic_info' ] );
					} else {
						$debugLog.html( as3cf.strings.get_diagnostic_info_error );
						$debugLog.append( data[ 'error' ] );
					}
				}
			} );
		},

		/**
		 * Sanitize hash to ensure it references a real tab.
		 *
		 * @param string hash
		 *
		 * @return string
		 */
		sanitizeHash: function( hash ) {
			var $newTab = $( '#tab-' + hash );

			if ( 0 === $newTab.length ) {
				hash = as3cf.tabs.defaultTab;
			}

			return hash;
		}
	};

	/**
	 * Handle the bucket selection, either inline or in a modal
	 */
	as3cf.buckets = {

		/**
		 * Buckets must be at least this many characters
		 */
		validLength: 3,

		/**
		 * Process lock for setting a bucket
		 */
		bucketSelectLock: false,

		/**
		 * Load bucket list
		 *
		 * @param {bool} [forceUpdate]
		 */
		loadList: function( forceUpdate ) {
			if ( 'undefined' === typeof forceUpdate ) {
				forceUpdate = false;
			}

			var $bucketList = $( '.as3cf-bucket-container.' + as3cfModal.prefix + ' .as3cf-bucket-list' );
			var selectedBucket = $( '#' + as3cfModal.prefix + '-bucket' ).val();

			if ( false === forceUpdate && $bucketList.find( 'li' ).length > 1 ) {
				$( '.as3cf-bucket-list a' ).removeClass( 'selected' );
				$( '.as3cf-bucket-list a[data-bucket="' + selectedBucket + '"]' ).addClass( 'selected' );

				this.scrollToSelected();
				return;
			}

			$bucketList.html( '<li class="loading">' + $bucketList.data( 'working' ) + '</li>' );

			var data = {
				action: as3cfModal.prefix + '-get-buckets',
				_nonce: window[ as3cfModal.prefix.replace( /-/g, '_' ) ].nonces.get_buckets
			};

			var that = this;

			$.ajax( {
				url: ajaxurl,
				type: 'POST',
				dataType: 'JSON',
				data: data,
				error: function( jqXHR, textStatus, errorThrown ) {
					$bucketList.html( '' );
					that.showError( as3cf.strings.get_buckets_error, errorThrown, 'as3cf-bucket-select' );
				},
				success: function( data, textStatus, jqXHR ) {
					$bucketList.html( '' );

					if ( 'undefined' !== typeof data[ 'success' ] ) {
						$( '.as3cf-bucket-error' ).hide();

						$( data[ 'buckets' ] ).each( function( idx, bucket ) {
							var bucketClass = bucket.Name === selectedBucket ? 'selected' : '';
							$bucketList.append( '<li><a class="' + bucketClass + '" href="#" data-bucket="' + bucket.Name + '"><span class="bucket"><span class="dashicons dashicons-portfolio"></span> ' + bucket.Name + '</span><span class="spinner"></span></span></a></li>' );
						} );

						that.scrollToSelected();
					} else {
						that.showError( as3cf.strings.get_buckets_error, data[ 'error' ], 'as3cf-bucket-select' );
					}
				}
			} );
		},

		/**
		 * Scroll to selected bucket
		 */
		scrollToSelected: function() {
			if ( ! $( '.as3cf-bucket-list a.selected' ).length ) {
				return;
			}

			var offset = $( 'ul.as3cf-bucket-list li' ).first().position().top + 150;

			$( '.as3cf-bucket-list' ).animate( {
				scrollTop: $( 'ul.as3cf-bucket-list li a.selected' ).position().top - offset
			} );
		},

		/**
		 * Reset bucket modal
		 */
		resetModal: function() {
			var $bucketContainer = $( '.as3cf-bucket-container.' + as3cfModal.prefix );

			if ( false === $activeTab.hasClass( 'as3cf-has-bucket' ) || 'manual' === $( '#' + as3cfModal.prefix + '-bucket-select' ).val() ) {
				$bucketContainer.find( '.as3cf-bucket-manual' ).show().siblings().hide();
				$bucketContainer.find( '.bucket-actions.manual' ).show().siblings( '.bucket-actions' ).hide();
			} else {
				$bucketContainer.find( '.as3cf-bucket-select' ).show().siblings().hide();
				$bucketContainer.find( '.bucket-actions.select' ).show().siblings( '.bucket-actions' ).hide();

				this.loadList( refreshBucketListOnLoad );

				refreshBucketListOnLoad = false;
			}

			$bucketContainer.find( '.as3cf-bucket-error' ).hide();

			// Reset manual select value
			var bucket = $( '#' + as3cfModal.prefix + '-bucket' ).val();
			$bucketContainer.find( '.as3cf-bucket-manual .as3cf-bucket-name' ).val( bucket );

			// Unlock setting the bucket
			this.bucketSelectLock = false;
		},

		/**
		 * Save manual bucket
		 */
		saveManual: function() {
			var $manualBucketForm = $( '.as3cf-bucket-container.' + as3cfModal.prefix + ' .as3cf-manual-save-bucket-form' );
			var $manualBucketInput = $manualBucketForm.find( '.as3cf-bucket-name' );
			var $manualBucketButton = $manualBucketForm.find( 'button[type=submit]' );
			var bucketName = $manualBucketInput.val();
			var originalBucketText = $manualBucketButton.first().text();

			if ( bucketName === $( '#' + as3cfModal.prefix + '-active-bucket' ).text() ) {
				$( '.as3cf-bucket-error' ).hide();
				$activeTab.addClass( 'as3cf-has-bucket' );
				as3cfModal.close();
				return;
			}
			$( '.as3cf-bucket-error' ).hide();
			$manualBucketButton.text( $manualBucketButton.data( 'working' ) );
			$manualBucketButton.prop( 'disabled', true );

			var data = {
				action: as3cfModal.prefix + '-manual-save-bucket',
				bucket_name: bucketName,
				_nonce: window[ as3cfModal.prefix.replace( /-/g, '_' ) ].nonces.manual_bucket
			};

			var that = this;

			$.ajax( {
				url: ajaxurl,
				type: 'POST',
				dataType: 'JSON',
				data: data,
				error: function( jqXHR, textStatus, errorThrown ) {
					$manualBucketButton.text( originalBucketText );
					that.showError( as3cf.strings.save_bucket_error, errorThrown, 'as3cf-bucket-manual' );
				},
				success: function( data, textStatus, jqXHR ) {
					$manualBucketButton.text( originalBucketText );
					$manualBucketButton.prop( 'disabled', false );
					if ( 'undefined' !== typeof data[ 'success' ] ) {
						that.set( bucketName, data[ 'region' ], data[ 'can_write' ] );
						$( '#' + as3cfModal.prefix + '-bucket-select' ).val( 'manual' );
						$( '.as3cf-bucket-list a' ).removeClass( 'selected' ).filter( '[data-bucket="' + bucketName + '"]' ).addClass( 'selected' );

						// Make sure the bucket list will refresh the next time the modal loads
						refreshBucketListOnLoad = true;
					} else {
						that.showError( as3cf.strings.save_bucket_error, data[ 'error' ], 'as3cf-bucket-manual' );
					}
				}
			} );
		},

		/**
		 * Save select bucket
		 *
		 * @param {object} $link
		 */
		saveSelected: function( $link ) {
			var $bucketList = $( '.as3cf-bucket-list' );

			if ( this.bucketSelectLock ) {

				// Bail if a bucket has already been clicked
				return;
			}

			// Lock the bucket selection
			this.bucketSelectLock = true;

			if ( $link.hasClass( 'selected' ) ) {
				$activeTab.addClass( 'as3cf-has-bucket' );
				as3cfModal.close();
				return;
			}

			var previousBucket = $( '.as3cf-bucket-list a.selected' ).data( 'bucket' );

			$( '.as3cf-bucket-list a' ).removeClass( 'selected' );
			$link.addClass( 'selected' );

			$bucketList.addClass( 'saving' );
			$link.find( '.spinner' ).show().css( 'visibility', 'visible' );
			var bucketName = $link.data( 'bucket' );

			var data = {
				action: as3cfModal.prefix + '-save-bucket',
				bucket_name: bucketName,
				_nonce: window[ as3cfModal.prefix.replace( /-/g, '_' ) ].nonces.save_bucket
			};

			var that = this;

			$.ajax( {
				url: ajaxurl,
				type: 'POST',
				dataType: 'JSON',
				data: data,
				error: function( jqXHR, textStatus, errorThrown ) {
					$bucketList.removeClass( 'saving' );
					that.showError( as3cf.strings.save_bucket_error, errorThrown, 'as3cf-bucket-select' );
					$( '.as3cf-bucket-list a' ).removeClass( 'selected' );
					$( '.as3cf-bucket-list a[data-bucket="' + previousBucket + '"]' ).addClass( 'selected' );
				},
				success: function( data, textStatus, jqXHR ) {
					$link.find( '.spinner' ).hide().css( 'visibility', 'hidden' );
					$bucketList.removeClass( 'saving' );
					if ( 'undefined' !== typeof data[ 'success' ] ) {
						that.set( bucketName, data[ 'region' ], data[ 'can_write' ] );
						$( '#' + as3cfModal.prefix + '-bucket-select' ).val( '' );
					} else {
						that.showError( as3cf.strings.save_bucket_error, data[ 'error' ], 'as3cf-bucket-select' );
						$( '.as3cf-bucket-list a' ).removeClass( 'selected' );
						$( '.as3cf-bucket-list a[data-bucket="' + previousBucket + '"]' ).addClass( 'selected' );
					}
				}
			} );
		},

		/**
		 * Disable bucket buttons
		 */
		disabledButtons: function() {
			if ( 0 === $( '.as3cf-bucket-container.' + as3cfModal.prefix + ' .as3cf-create-bucket-form' ).length ) {
				return;
			}

			var $createBucketForm = $( '.as3cf-bucket-container.' + as3cfModal.prefix + ' .as3cf-create-bucket-form' );
			var $manualBucketForm = $( '.as3cf-bucket-container.' + as3cfModal.prefix + ' .as3cf-manual-save-bucket-form' );

			if ( $createBucketForm.find( '.as3cf-bucket-name' ).val().length < 3 ) {
				$createBucketForm.find( 'button[type=submit]' ).prop( 'disabled', true );
			} else {
				$createBucketForm.find( 'button[type=submit]' ).prop( 'disabled', false );
			}

			if ( $manualBucketForm.find( '.as3cf-bucket-name' ).val().length < 3 ) {
				$manualBucketForm.find( 'button[type=submit]' ).prop( 'disabled', true );
			} else {
				$manualBucketForm.find( 'button[type=submit]' ).prop( 'disabled', false );
			}
		},

		/**
		 * Show bucket error
		 *
		 * @param {string} title
		 * @param {string} error
		 * @param {string} [context]
		 */
		showError: function( title, error, context ) {
			var $activeView = $( '.as3cf-bucket-container' ).children( ':visible' );
			var $bucketError = $activeView.find( '.as3cf-bucket-error' );

			context = ( 'undefined' === typeof context ) ? null : context;

			if ( context && ! $activeView.hasClass( context ) ) {
				return;
			}

			$bucketError.find( 'span.title' ).html( title + ' &mdash;' );
			$bucketError.find( 'span.message' ).html( error );
			$bucketError.show();

			// Unlock setting the bucket
			this.bucketSelectLock = false;
		},

		/**
		 * Set the selected bucket in the UI
		 *
		 * @param {string} bucket
		 * @param {string} region
		 * @param {bool}   canWrite
		 */
		set: function( bucket, region, canWrite ) {
			var $manualBucketForm = $( '.as3cf-bucket-container.' + as3cfModal.prefix + ' .as3cf-manual-save-bucket-form' );
			var $activeBucket = $( '#' + as3cfModal.prefix + '-active-bucket' );

			if ( 'as3cf' === as3cfModal.prefix && 0 === $activeBucket.text().trim().length ) {

				// First time bucket select - enable main options by default
				setCheckbox( 'as3cf-copy-to-s3-wrap' );
				setCheckbox( 'as3cf-serve-from-s3-wrap' );

				// Update the saved settings string so we don't trigger the navigation alert
				var id = $activeTab.attr( 'id' );
				savedSettings[ id ] = serializedForm( id );
			}

			// Remove previous permission errors
			$( '.as3cf-error.fatal' ).hide();

			$activeBucket.text( bucket );
			$manualBucketForm.find( '.as3cf-bucket-name' ).val( bucket );
			$( '#' + as3cfModal.prefix + '-bucket' ).val( bucket );
			$( '#' + as3cfModal.prefix + '-region' ).val( region );
			$( '.updated' ).not( '.as3cf-notice' ).show();

			$activeTab.addClass( 'as3cf-has-bucket' );

			// Check permission on bucket
			$activeTab.find( '.as3cf-can-write-error' ).toggle( ! canWrite );
			$activeTab.find( '.as3cf-bucket-error' ).hide();

			if ( 'as3cf' === as3cfModal.prefix ) {
				generateUrlPreview();
			}

			setBucketLink();

			as3cfModal.close( function() {
				$activeTab.trigger( 'bucket-change', [ canWrite ] );

				// Unlock setting the bucket
				as3cf.buckets.bucketSelectLock = false;
			} );
		},

		/**
		 * Save create bucket
		 */
		create: function() {
			var $createBucketForm = $( '.as3cf-bucket-container.' + as3cfModal.prefix + ' .as3cf-create-bucket-form' );
			var $createBucketInput = $createBucketForm.find( '.as3cf-bucket-name' );
			var $createBucketSelect = $createBucketForm.find( '.bucket-create-region' );
			var $createBucketButton = $createBucketForm.find( 'button[type=submit]' );

			var bucketName = $createBucketInput.val();
			var origButtonText = $createBucketButton.text();

			$( '.as3cf-bucket-error' ).hide();
			$createBucketButton.text( $createBucketButton.data( 'working' ) );
			$createBucketButton.prop( 'disabled', true );

			var data = {
				action: as3cfModal.prefix + '-create-bucket',
				bucket_name: bucketName,
				_nonce: window[ as3cfModal.prefix.replace( /-/g, '_' ) ].nonces.create_bucket
			};

			if ( $createBucketSelect.val() ) {
				data[ 'region' ] = $createBucketSelect.val();
			}

			var that = this;

			$.ajax( {
				url: ajaxurl,
				type: 'POST',
				dataType: 'JSON',
				data: data,
				error: function( jqXHR, textStatus, errorThrown ) {
					$createBucketButton.text( origButtonText );
					that.showError( as3cf.strings.create_bucket_error, errorThrown, 'as3cf-bucket-create' );
				},
				success: function( data, textStatus, jqXHR ) {
					$createBucketButton.text( origButtonText );
					$createBucketButton.prop( 'disabled', false );
					if ( 'undefined' !== typeof data[ 'success' ] ) {
						that.set( bucketName, data[ 'region' ], data[ 'can_write' ] );

						// Tidy up create bucket form
						$( '.as3cf-bucket-select-region' ).hide();
						$( '.as3cf-bucket-select-region' ).prop( 'selected', false );
						$createBucketInput.val( '' );
						$createBucketButton.prop( 'disabled', true );

						// Make sure the bucket list will refresh the next time the modal loads
						refreshBucketListOnLoad = true;
					} else {
						that.showError( as3cf.strings.create_bucket_error, data[ 'error' ], 'as3cf-bucket-create' );
					}
				}
			} );
		},

		/**
		 * Check for a valid bucket name
		 *
		 * Bucket names must be at least 3 and no more than 63 characters long.
		 * They can contain lowercase letters, numbers, periods and hyphens.
		 *
		 * @param {string} bucketName
		 *
		 * @return bool
		 */
		isValidName: function( bucketName ) {
			if ( bucketName.length < 3 || bucketName.length > 63 ) {
				return false;
			}
			if ( true === bucketNamePattern.test( bucketName ) ) {
				return false;
			}

			return true;
		},

		/**
		 * Update invalid bucket name notice
		 *
		 * @param {string} bucketName
		 */
		updateNameNotice: function( bucketName ) {
			var message = null;

			if ( true === bucketNamePattern.test( bucketName ) ) {
				message = as3cf.strings.create_bucket_invalid_chars;
			} else if ( bucketName.length < 3 ) {
				message = as3cf.strings.create_bucket_name_short;
			} else if ( bucketName.length > 63 ) {
				message = as3cf.strings.create_bucket_name_long;
			}

			if ( message && bucketName.length > 0 ) {
				$( '.as3cf-invalid-bucket-name' ).html( message );
			} else {
				$( '.as3cf-invalid-bucket-name' ).html( '' );
			}
		}

	};

	/**
	 * Get the link to the bucket on the AWS Console and update the DOM
	 *
	 * @returns {string}
	 */
	function setBucketLink() {
		var bucket = $( '#' + as3cfModal.prefix + '-bucket' ).val();
		var $objectPrefix = $activeTab.find( 'input[name="object-prefix"]' );
		var prefix = $objectPrefix.val();

		if ( '' !== prefix ) {
			prefix = '&prefix=' + encodeURIComponent( prefix );
		}

		var url = as3cf.aws_bucket_link + bucket + prefix;

		$( '#' + as3cfModal.prefix + '-view-bucket' ).attr( 'href', url );
	}

	/**
	 * Generate URL preview
	 */
	function generateUrlPreview() {
		$( '.as3cf-url-preview' ).html( 'Generating...' );

		var data = {
			_nonce: as3cf.nonces.get_url_preview
		};

		$.each( $( '#tab-' + as3cf.tabs.defaultTab + ' .as3cf-main-settings form' ).serializeArray(), function( i, o ) {
			var n = o.name,
				v = o.value;
			n = n.replace( '[]', '' );
			data[ n ] = undefined === data[ n ] ? v : $.isArray( data[ n ] ) ? data[ n ].concat( v ) : [ data[ n ], v ];
		} );

		// Overwrite the save action stored in the form
		data[ 'action' ] = 'as3cf-get-url-preview';

		$.ajax( {
			url: ajaxurl,
			type: 'POST',
			dataType: 'JSON',
			data: data,
			error: function( jqXHR, textStatus, errorThrown ) {
				alert( as3cf.strings.get_url_preview_error + errorThrown );
			},
			success: function( data, textStatus, jqXHR ) {
				if ( 'undefined' !== typeof data[ 'success' ] ) {
					$( '.as3cf-url-preview' ).html( data[ 'url' ] );
				} else {
					alert( as3cf.strings.get_url_preview_error + data[ 'error' ] );
				}
			}
		} );
	}

	/*
	 * Toggle the lost files notice
	 */
	function toggleLostFilesNotice() {
		if ( $( '#as3cf-remove-local-file' ).is( ':checked' ) && $( '#as3cf-serve-from-s3' ).is( ':not(:checked)' ) ) {
			$( '#as3cf-lost-files-notice' ).show();
		} else {
			$( '#as3cf-lost-files-notice' ).hide();
		}
	}

	/*
	 * Toggle the remove local files notice
	 */
	function toggleRemoveLocalNotice() {
		if ( $( '#as3cf-remove-local-file' ).is( ':checked' ) ) {
			$( '#as3cf-remove-local-notice' ).show();
		} else {
			$( '#as3cf-remove-local-notice' ).hide();
		}
	}

	/**
	 * Update the UI with the current active tab set in the URL hash.
	 */
	function renderCurrentTab() {

		// If rendering the default tab, or a bare hash clean the hash.
		if ( '#' + as3cf.tabs.defaultTab === location.hash ) {
			location.hash = '';

			return;
		}

		as3cf.tabs.toggle( location.hash.replace( '#', '' ), true );

		$( document ).trigger( 'as3cf.tabRendered', [ location.hash.replace( '#', '' ) ] );
	}

	$( document ).ready( function() {

		// Tabs
		// --------------------
		renderCurrentTab();

		/**
		 * Set the hashchange callback to update the rendered active tab.
		 */
		window.onhashchange = function( event ) {

			// Strip the # if still on the end of the URL
			if ( 'function' === typeof history.replaceState && '#' === location.href.slice( -1 ) ) {
				history.replaceState( {}, '', location.href.slice( 0, -1 ) );
			}

			renderCurrentTab();
		};

		// Move any compatibility errors below the nav tabs
		var $navTabs = $( '.wrap.aws-main .nav-tab-wrapper' );
		$( '.aws-compatibility-notice, div.updated, div.error, div.notice' ).not( '.below-h2, .inline' ).insertAfter( $navTabs );

		// Settings
		// --------------------

		// Save the original state of the forms for comparison later
		if ( $tabs.length ) {
			$tabs.each( function( i, tab ) {
				savedSettings[ tab.id ] = serializedForm( tab.id );
			} );
		}

		// Prompt user with dialog if leaving the settings page with unsaved changes
		$( window ).on( 'beforeunload.as3cf-settings', function() {
			if ( $.isEmptyObject( savedSettings ) ) {
				return;
			}

			var tab = $activeTab.attr( 'id' );

			if ( serializedForm( tab ) !== savedSettings[ tab ] ) {
				return as3cf.strings.save_alert;
			}
		} );

		// Let the save settings submit happen as normal
		$( document ).on( 'submit', '.as3cf-main-settings form', function( e ) {

			// Disable unload warning
			$( window ).off( 'beforeunload.as3cf-settings' );
		} );

		$( '.as3cf-switch' ).on( 'click', function( e ) {
			if ( ! $( this ).hasClass( 'disabled' ) ) {
				setCheckbox( $( this ).attr( 'id' ) );
			}
		} );

		$tabs.on( 'change', '.sub-toggle', function( e ) {
			var setting = $( this ).attr( 'id' );
			$( '.as3cf-setting.' + setting ).toggleClass( 'hide' );
		} );

		$( '.as3cf-domain' ).on( 'change', 'input[type="radio"]', function( e ) {
			var $selected = $( this ).closest( 'input:radio[name="domain"]:checked' );
			var domain = $selected.val();
			var $cloudfront = $( this ).parents( '.as3cf-domain' ).find( '.as3cf-setting.cloudfront' );
			var cloudfrontSelected = ( 'cloudfront' === domain );
			$cloudfront.toggleClass( 'hide', ! cloudfrontSelected );
		} );

		$( '.url-preview' ).on( 'change', 'input', function( e ) {
			generateUrlPreview();
		} );

		toggleLostFilesNotice();
		$( '#as3cf-serve-from-s3,#as3cf-remove-local-file' ).on( 'change', function( e ) {
			toggleLostFilesNotice();
		} );

		toggleRemoveLocalNotice();
		$( '#as3cf-remove-local-file' ).on( 'change', function( e ) {
			toggleRemoveLocalNotice();
		} );

		// Don't allow 'enter' key to submit form on text input settings
		$( '.as3cf-setting input[type="text"]' ).keypress( function( event ) {
			if ( 13 === event.which ) {
				event.preventDefault();

				return false;
			}
		} );

		// Validate custom domain
		$( 'input[name="cloudfront"]' ).on( 'keyup', function( e ) {
			validateCustomDomain( $( this ) );
		} );

		// Re-enable submit button on domain change
		$( 'input[name="domain"]' ).on( 'change', function( e ) {
			var $input = $( this );
			var $submit = $( '#' + $activeTab.attr( 'id' ) + ' form button[type="submit"]' );

			if ( 'cloudfront' !== $input.val() ) {
				$submit.prop( 'disabled', false );
			} else {
				validateCustomDomain( $input.next( '.as3cf-setting' ).find( 'input[name="cloudfront"]' ) );
			}
		} );

		// Change bucket link when custom path changes
		$( 'input[name="object-prefix"]' ).on( 'change', function( e ) {
			setBucketLink();
		} );

		// Bucket select
		// --------------------

		// Move bucket errors
		$( '#tab-media > .as3cf-bucket-error' ).detach().insertAfter( '.as3cf-bucket-container h3' );

		// Action click handlers
		$( 'body' ).on( 'click', '.bucket-action-manual', function( e ) {
			e.preventDefault();
			$( '.as3cf-bucket-container.' + as3cfModal.prefix + ' .as3cf-bucket-manual' ).show().siblings().hide();
		} );
		$( 'body' ).on( 'click', '.bucket-action-browse', function( e ) {
			e.preventDefault();
			$( '.as3cf-bucket-container.' + as3cfModal.prefix + ' .as3cf-bucket-select' ).show().siblings().hide();
			as3cf.buckets.loadList( refreshBucketListOnLoad );
			refreshBucketListOnLoad = false;
		} );
		$( 'body' ).on( 'click', '.bucket-action-create', function( e ) {
			e.preventDefault();

			// Reset create bucket modal
			$( '.as3cf-bucket-name' ).val( '' );
			$( '.as3cf-invalid-bucket-name' ).html( '' );

			$( '.as3cf-bucket-container.' + as3cfModal.prefix + ' .as3cf-bucket-create' ).show().siblings().hide();
		} );
		$( 'body' ).on( 'click', '.bucket-action-cancel', function( e ) {
			e.preventDefault();
			as3cf.buckets.resetModal();
		} );
		$( 'body' ).on( 'click', '.bucket-action-save', function( e ) {
			e.preventDefault();
			as3cf.buckets.saveManual();
		} );
		$( 'body' ).on( 'click', '.as3cf-create-bucket-form button[type="submit"]', function( e ) {
			e.preventDefault();
			as3cf.buckets.create();
		} );

		// Bucket list refresh handler
		$( 'body' ).on( 'click', '.bucket-action-refresh', function( e ) {
			e.preventDefault();
			as3cf.buckets.loadList( true );
		} );

		// Bucket list click handler
		$( 'body' ).on( 'click', '.as3cf-bucket-list a', function( e ) {
			e.preventDefault();
			as3cf.buckets.saveSelected( $( this ) );
		} );

		// External links click handler
		$( '.as3cf-bucket-container' ).on( 'click', 'a.js-link', function( e ) {
			e.preventDefault();
			window.open( $( this ).attr( 'href' ) );

			return false;
		} );

		// Modal open
		$( 'body' ).on( 'as3cf-modal-open', function( e, target ) {
			if ( '.as3cf-bucket-container.' + as3cfModal.prefix === target ) {

				// Reset modal
				as3cf.buckets.resetModal();

				// Change manual title text
				var title = $( '.as3cf-bucket-manual h3' ).data( 'modal-title' );
				$( '.as3cf-bucket-manual h3' ).text( title );

				// Hide buttons
				as3cf.buckets.disabledButtons();
			}
		} );

		as3cf.buckets.disabledButtons();

		// Validate bucket name on create
		$( 'body' ).on( 'input keyup', '.as3cf-create-bucket-form .as3cf-bucket-name', function( e ) {
			var bucketName = $( this ).val();
			var $createBucketForm = $( '.as3cf-bucket-container.' + as3cfModal.prefix + ' .as3cf-create-bucket-form' );

			if ( as3cf.buckets.isValidName( bucketName ) ) {
				$createBucketForm.find( 'button[type=submit]' ).prop( 'disabled', false );
			} else {
				$createBucketForm.find( 'button[type=submit]' ).prop( 'disabled', true );
			}
			as3cf.buckets.updateNameNotice( bucketName );
		} );

		// Check bucket name length on manual
		$( 'body' ).on( 'input keyup', '.as3cf-manual-save-bucket-form .as3cf-bucket-name', function( e ) {
			var $manualBucketForm = $( '.as3cf-bucket-container.' + as3cfModal.prefix + ' .as3cf-manual-save-bucket-form' );

			if ( $manualBucketForm.find( '.as3cf-bucket-name' ).val().length < as3cf.buckets.validLength ) {
				$manualBucketForm.find( 'button[type=submit]' ).prop( 'disabled', true );
			} else {
				$manualBucketForm.find( 'button[type=submit]' ).prop( 'disabled', false );
			}
		} );

	} );

})( jQuery, as3cfModal );