/**

 * @summary   The functions necessary for editing images.

 *

 * @since     2.9.0

 */

	/**

	 * Contains all the methods to initialise and control the image editor.

	 *

	 * @namespace imageEdit

	 */

	var imageEdit = window.imageEdit = {

	/**

	 * @summary Converts a value to an integer.

	 *

	 * @memberof imageEdit

	 * @since    2.9.0

	 *

	 * @param {number} f The float value that should be converted.

	 *

	 * @return {number} The integer representation from the float value.

	 */

		/*

		 * Bitwise OR operator: one of the obscure ways to truncate floating point figures,

		 * worth reminding JavaScript doesn't have a distinct "integer" type.

		 */

	/**

	 * @summary Adds the disabled attribute and class to a single form element

	 *          or a field set.

	 *

	 * @memberof imageEdit

	 * @since    2.9.0

	 *

	 * @param {jQuery}         el The element that should be modified.

	 * @param {bool|number}    s  The state for the element. If set to true

	 *                            the element is disabled,

	 *                            otherwise the element is enabled.

	 *                            The function is sometimes called with a 0 or 1

	 *                            instead of true or false.

	 *

	 * @returns {void}

	 */

	setDisabled : function( el, s ) {

		/*

		 * `el` can be a single form element or a fieldset. Before #28864, the disabled state on

		 * some text fields  was handled targeting $('input', el). Now we need to handle the

		 * disabled state on buttons too so we can just target `el` regardless if it's a single

		 * element or a fieldset because when a fieldset is disabled, its descendants are disabled too.

		 */

			el.removeClass( 'disabled' ).prop( 'disabled', false );

			el.addClass( 'disabled' ).prop( 'disabled', true );

	/**

	 * @summary Initializes the image editor.

	 *

	 * @memberof imageEdit

	 * @since    2.9.0

	 *

	 * @param {number} postid The post id.

	 *

	 * @returns {void}

	 */

			// Key codes 37 thru 40 are the arrow keys.

			// The key code 13 is the enter key.

	/**

	 * @summary Toggles the wait/load icon in the editor.

	 *

	 * @memberof imageEdit

	 * @since    2.9.0

	 *

	 * @param {number} postid The post id.

	 * @param {number} toggle Is 0 or 1, fades the icon in then 1 and out when 0.

	 *

	 * @returns {void}

	 */

			wait.fadeIn( 'fast' );

	/**

	 * @summary Shows or hides the image edit help box.

	 *

	 * @memberof imageEdit

	 * @since    2.9.0

	 *

	 * @param {HTMLElement} el The element to create the help window in.

	 *

	 * @returns {boolean} Always returns false.

	 */

		var $el = $( el );

		$el

			.attr( 'aria-expanded', 'false' === $el.attr( 'aria-expanded' ) ? 'true' : 'false' )

			.parents( '.imgedit-group-top' ).toggleClass( 'imgedit-help-toggled' ).find( '.imgedit-help' ).slideToggle( 'fast' );

	/**

	 * @summary Gets the value from the image edit target.

	 *

	 * The image edit target contains the image sizes where the (possible) changes

	 * have to be applied to.

	 *

	 * @memberof imageEdit

	 * @since    2.9.0

	 *

	 * @param {number} postid The post id.

	 *

	 * @returns {string} The value from the imagedit-save-target input field when available,

	 *                   or 'full' when not available.

	 */

	/**

	 * @summary Recalculates the height or width and keeps the original aspect ratio.

	 *

	 * If the original image size is exceeded a red exclamation mark is shown.

	 *

	 * @memberof imageEdit

	 * @since    2.9.0

	 *

	 * @param {number}         postid The current post id.

	 * @param {number}         x      Is 0 when it applies the y-axis

	 *                                and 1 when applicable for the x-axis.

	 * @param {jQuery}         el     Element.

	 *

	 * @returns {void}

	 */

	scaleChanged : function( postid, x, el ) {

		if ( false === this.validateNumeric( el ) ) {

			return;

		}

	/**

	 * @summary Gets the selected aspect ratio.

	 *

	 * @memberof imageEdit

	 * @since    2.9.0

	 *

	 * @param {number} postid The post id.

	 *

	 * @returns {string} The aspect ratio.

	 */

	/**

	 * @summary Removes the last action from the image edit history

	 * The history consist of (edit) actions performed on the image.

	 *

	 * @memberof imageEdit

	 * @since    2.9.0

	 *

	 * @param {number} postid  The post id.

	 * @param {number} setSize 0 or 1, when 1 the image resets to its original size.

	 *

	 * @returns {string} JSON string containing the history or an empty string if no history exists.

	 */

		// Apply undo state to history.

			// Read the JSON string with the image edit history.

			// Reset size to it's original state.

				// Restore original 'o'.

				// c = 'crop', r = 'rotate', f = 'flip'

					// fw = Full image width

					// fh = Full image height

			// Filter the last step/action from the history.

	/**

	 * @summary Binds the necessary events to the image.

	 *

	 * When the image source is reloaded the image will be reloaded.

	 *

	 * @memberof imageEdit

	 * @since    2.9.0

	 *

	 * @param {number}   postid   The post id.

	 * @param {string}   nonce    The nonce to verify the request.

	 * @param {function} callback Function to execute when the image is loaded.

	 *

	 * @returns {void}

	 */

		img = $( '<img id="image-preview-' + postid + '" alt="" />' )

			.on( 'load', { history: data.history }, function( event ) {

				var max1, max2,

					parent = $( '#imgedit-crop-' + postid ),

					t = imageEdit,

					historyObj;

				// Checks if there already is some image-edit history.

				if ( '' !== event.data.history ) {

					historyObj = JSON.parse( event.data.history );

					// If last executed action in history is a crop action.

					if ( historyObj[historyObj.length - 1].hasOwnProperty( 'c' ) ) {

						/*

						 * A crop action has completed and the crop button gets disabled

						 * ensure the undo button is enabled.

						 */

						t.setDisabled( $( '#image-undo-' + postid) , true );

						// Move focus to the undo button to avoid a focus loss.

						$( '#image-undo-' + postid ).focus();

					}

				}