* version 0.9.9

 * Copyright (c) 2008-2011 Michal Wojciechowski (odyniec.net)

/*

 * Math functions will be used extensively, so it's convenient to make a few

 * shortcuts

 */

/**

 * Create a new HTML div element

 *

 * @return A jQuery object representing the new element

 */

/**

 * imgAreaSelect initialization

 *

 * @param img

 *            A HTML image element to attach the plugin to

 * @param options

 *            An options object

 */

        /* jQuery object representing the image */

        /* Has the image finished loading? */

        /* Plugin elements */

        /* Container box */

        /* Selection area */

        /* Border (four divs) */

        /* Outer area (four divs) */

        /* Handles (empty by default, initialized in setOptions()) */

        /*

         * Additional element to work around a cursor problem in Opera

         * (explained later)

         */

        /* Image position (relative to viewport) */

        /* Image offset (as returned by .offset()) */

        imgOfs = { left: 0, top: 0 },

        /* Image dimensions (as returned by .width() and .height()) */

        /*

         * jQuery object representing the parent element that the plugin

         * elements are appended to

         */

        /* Parent element offset (as returned by .offset()) */

        parOfs = { left: 0, top: 0 },

        /* Base z-index for plugin elements */

        /* Plugin elements position */

        /* X/Y coordinates of the starting point for move/resize operations */

        /* Horizontal and vertical scaling factors */

        /* Current resize mode ("nw", "se", etc.) */

        /* Selection area constraints */

        minWidth, minHeight, maxWidth, maxHeight,

        /* Aspect ratio to maintain (floating point number) */

        /* Are the plugin elements currently displayed? */

        /* Current selection (relative to parent element) */

        /* Current selection (relative to scaled image) */

        /* Document element */

        docElem = document.documentElement,

        /* Various helper variables used throughout the code */

    /*

     * Translate selection coordinates (relative to scaled image) to viewport

     * coordinates (relative to parent element)

     */

    /**

     * Translate selection X to viewport X

     *

     * @param x

     *            Selection X

     * @return Viewport X

     */

    /**

     * Translate selection Y to viewport Y

     *

     * @param y

     *            Selection Y

     * @return Viewport Y

     */

    /*

     * Translate viewport coordinates to selection coordinates

     */

    /**

     * Translate viewport X to selection X

     *

     * @param x

     *            Viewport X

     * @return Selection X

     */

    /**

     * Translate viewport Y to selection Y

     *

     * @param y

     *            Viewport Y

     * @return Selection Y

     */

    /*

     * Translate event coordinates (relative to document) to viewport

     * coordinates

     */

    /**

     * Get event X and translate it to viewport X

     *

     * @param event

     *            The event object

     * @return Viewport X

     */

    /**

     * Get event Y and translate it to viewport Y

     *

     * @param event

     *            The event object

     * @return Viewport Y

     */

    /**

     * Get the current selection

     *

     * @param noScale

     *            If set to <code>true</code>, scaling is not applied to the

     *            returned selection

     * @return Selection object

     */

    /**

     * Set the current selection

     *

     * @param x1

     *            X coordinate of the upper left corner of the selection area

     * @param y1

     *            Y coordinate of the upper left corner of the selection area

     * @param x2

     *            X coordinate of the lower right corner of the selection area

     * @param y2

     *            Y coordinate of the lower right corner of the selection area

     * @param noScale

     *            If set to <code>true</code>, scaling is not applied to the

     *            new selection

     */

            x1: round(x1 / sx || 0),

            y1: round(y1 / sy || 0),

            x2: round(x2 / sx || 0),

            y2: round(y2 / sy || 0)

        selection.width = selection.x2 - selection.x1;

        selection.height = selection.y2 - selection.y1;

    /**

     * Recalculate image and parent offsets

     */

        /*

         * Do not adjust if image width is not a positive number. This might

         * happen when imgAreaSelect is put on a parent element which is then

         * hidden.

         */

        /*

         * Get image offset. The .offset() method returns float values, so they

         * need to be rounded.

         */

        /* Get image dimensions */

        imgWidth = $img.innerWidth();

        imgHeight = $img.innerHeight();

        imgOfs.top += ($img.outerHeight() - imgHeight) >> 1;

        imgOfs.left += ($img.outerWidth() - imgWidth) >> 1;

        /* Set minimum and maximum selection area dimensions */

        minWidth = round(options.minWidth / scaleX) || 0;

        minHeight = round(options.minHeight / scaleY) || 0;

        maxWidth = round(min(options.maxWidth / scaleX || 1<<24, imgWidth));

        maxHeight = round(min(options.maxHeight / scaleY || 1<<24, imgHeight));

        /*

         * Workaround for jQuery 1.3.2 incorrect offset calculation, originally

         * observed in Safari 3. Firefox 2 is also affected.

         */

        if ($().jquery == '1.3.2' && position == 'fixed' &&

            !docElem['getBoundingClientRect'])

        {

            imgOfs.top += max(document.body.scrollTop, docElem.scrollTop);

            imgOfs.left += max(document.body.scrollLeft, docElem.scrollLeft);

        /* Determine parent element offset */

        parOfs = /absolute|relative/.test($parent.css('position')) ?

        /*

         * Check if selection area is within image boundaries, adjust if

         * necessary

         */

        if (selection.x2 > imgWidth || selection.y2 > imgHeight)

            doResize();

    /**

     * Update plugin elements

     *

     * @param resetKeyPress

     *            If set to <code>false</code>, this instance's keypress

     *            event handler is not activated

     */

        /* If plugin elements are hidden, do nothing */

        /*

         * Set the position and size of the container box and the selection area

         * inside it

         */

        /*

         * Reset the position of selection area, borders, and handles (IE6/IE7

         * position them incorrectly if we don't do this)

         */

        /* Set border dimensions */

        /* Arrange the outer area elements */

        /* Arrange handles */

            $($handles[4]).css({ left: w >> 1 });

            $($handles[5]).css({ left: w, top: h >> 1 });

            $($handles[6]).css({ left: w >> 1, top: h });

            $($handles[7]).css({ top: h >> 1 });

            /*

             * Need to reset the document keypress event handler -- unbind the

             * current handler

             */