/*

YUI 3.10.3 (build 2fb5187)

Copyright 2013 Yahoo! Inc. All rights reserved.

Licensed under the BSD License.

http://yuilibrary.com/license/

*/

YUI.add('uploader-flash', function (Y, NAME) {

/**

* This module provides a UI for file selection and multiple file upload capability using

* Flash as a transport engine.

* The supported features include: automatic upload queue management, upload progress

* tracking, file filtering, server response retrieval and error reporting.

*

* @module uploader-flash

*/

// Shorthands for external modules

var substitute            = Y.Lang.sub,

    UploaderQueue         = Y.Uploader.Queue;

/**

* This module provides a UI for file selection and multiple file upload capability

* using Flash as a transport engine.

* @class UploaderFlash

* @extends Widget

* @param {Object} config Configuration object.

* @constructor

*/

function UploaderFlash() {

    UploaderFlash.superclass.constructor.apply ( this, arguments );

}

Y.UploaderFlash = Y.extend(UploaderFlash, Y.Widget, {

    /**

    * Stored value of the current button state (based on

    * mouse events dispatched by the Flash player)

    * @property _buttonState

    * @type {String}

    * @protected

    */

    _buttonState: "up",

    /**

    * Stored value of the current button focus state (based

    * on keyboard and mouse events).

    * @property _buttonFocus

    * @type {Boolean}

    * @protected

    */

    _buttonFocus: false,

    /**

    * Stored value of the unique id for the container that holds the

    * Flash uploader.

    *

    * @property _swfContainerId

    * @type {String}

    * @protected

    */

    _swfContainerId: null,

    /**

    * Stored reference to the instance of SWF used to host the

    * Flash uploader.

    *

    * @property _swfReference

    * @type {SWF}

    * @protected

    */

    _swfReference: null,

    /**

    * Stored reference to the instance of Uploader.Queue used to manage

    * the upload process. This is a read-only property that only exists

    * during an active upload process. Only one queue can be active at

    * a time; if an upload start is attempted while a queue is active,

    * it will be ignored.

    *

    * @property queue

    * @type {Y.Uploader.Queue}

    */

    queue: null,

    /**

    * Stored event bindings for keyboard navigation to and from the uploader.

    *

    * @property _tabElementBindings

    * @type {Object}

    * @protected

    */

    _tabElementBindings: null,

    /**

    * Construction logic executed during UploaderFlash instantiation.

    *

    * @method initializer

    * @protected

    */

    initializer : function () {

        // Assign protected variable values

        this._swfContainerId = Y.guid("uploader");

        this._swfReference = null;

        this.queue = null;

        this._buttonState = "up";

        this._buttonFocus = null;

        this._tabElementBindings = null;

        this._fileList = [];

        // Publish available events

        /**

        * Signals that files have been selected.

        *

        * @event fileselect

        * @param event {Event} The event object for the `fileselect` with the

        *                      following payload:

        *  <dl>

        *      <dt>fileList</dt>

        *          <dd>An `Array` of files selected by the user, encapsulated

        *              in Y.FileFlash objects.</dd>

        *  </dl>

        */

        this.publish("fileselect");

        /**

        * Signals that an upload of multiple files has been started.

        *

        * @event uploadstart

        * @param event {Event} The event object for the `uploadstart`.

        */

        this.publish("uploadstart");

        /**

        * Signals that an upload of a specific file has started.

        *

        * @event fileuploadstart

        * @param event {Event} The event object for the `fileuploadstart` with the

        *                      following payload:

        *  <dl>

        *      <dt>file</dt>

        *          <dd>A reference to the Y.File that dispatched the event.</dd>

        *      <dt>originEvent</dt>

        *          <dd>The original event dispatched by Y.File.</dd>

        *  </dl>

        */

        this.publish("fileuploadstart");

        /**

        * Reports on upload progress of a specific file.

        *

        * @event uploadprogress

        * @param event {Event} The event object for the `uploadprogress` with the

        *                      following payload:

        *  <dl>

        *      <dt>bytesLoaded</dt>

        *          <dd>The number of bytes of the file that has been uploaded</dd>

        *      <dt>bytesTotal</dt>

        *          <dd>The total number of bytes in the file</dd>

        *      <dt>percentLoaded</dt>

        *          <dd>The fraction of the file that has been uploaded, out of 100</dd>

        *      <dt>originEvent</dt>

        *          <dd>The original event dispatched by the SWF uploader</dd>

        *  </dl>

        */

        this.publish("uploadprogress");

        /**

        * Reports on the total upload progress of the file list.

        *

        * @event totaluploadprogress

        * @param event {Event} The event object for the `totaluploadprogress` with the

        *                      following payload:

        *  <dl>

        *      <dt>bytesLoaded</dt>

        *          <dd>The number of bytes of the file list that has been uploaded</dd>

        *      <dt>bytesTotal</dt>

        *          <dd>The total number of bytes in the file list</dd>

        *      <dt>percentLoaded</dt>

        *          <dd>The fraction of the file list that has been uploaded, out of 100</dd>

        *  </dl>

        */

        this.publish("totaluploadprogress");

        /**

        * Signals that a single file upload has been completed.

        *

        * @event uploadcomplete

        * @param event {Event} The event object for the `uploadcomplete` with the

        *                      following payload:

        *  <dl>

        *      <dt>file</dt>

        *          <dd>The pointer to the instance of `Y.File` whose upload has been completed.</dd>

        *      <dt>originEvent</dt>

        *          <dd>The original event fired by the SWF Uploader</dd>

        *      <dt>data</dt>

        *          <dd>Data returned by the server.</dd>

        *  </dl>

        */

        this.publish("uploadcomplete");

        /**

        * Signals that the upload process of the entire file list has been completed.

        *

        * @event alluploadscomplete

        * @param event {Event} The event object for the `alluploadscomplete`.

        */

        this.publish("alluploadscomplete");

        /**

        * Signals that a error has occurred in a specific file's upload process.

        *

        * @event uploaderror

        * @param event {Event} The event object for the `uploaderror` with the

        *                      following payload:

        *  <dl>

        *      <dt>originEvent</dt>

        *          <dd>The original error event fired by the SWF Uploader. </dd>

        *      <dt>file</dt>

        *          <dd>The pointer at the instance of Y.FileFlash that returned the error.</dd>

        *      <dt>source</dt>

        *          <dd>The source of the upload error, either "io" or "http"</dd>

        *      <dt>message</dt>

        *          <dd>The message that accompanied the error. Corresponds to the text of

        *              the error in cases where source is "io", and to the HTTP status for

                                     cases where source is "http".</dd>

        *  </dl>

        */

        this.publish("uploaderror");

        /**

        * Signals that a mouse has begun hovering over the `Select Files` button.

        *

        * @event mouseenter

        * @param event {Event} The event object for the `mouseenter` event.

        */

        this.publish("mouseenter");

        /**

        * Signals that a mouse has stopped hovering over the `Select Files` button.

        *

        * @event mouseleave

        * @param event {Event} The event object for the `mouseleave` event.

        */

        this.publish("mouseleave");

        /**

        * Signals that a mouse button has been pressed over the `Select Files` button.

        *

        * @event mousedown

        * @param event {Event} The event object for the `mousedown` event.

        */

        this.publish("mousedown");

        /**

        * Signals that a mouse button has been released over the `Select Files` button.

        *

        * @event mouseup

        * @param event {Event} The event object for the `mouseup` event.

        */

        this.publish("mouseup");

        /**

        * Signals that a mouse has been clicked over the `Select Files` button.

        *

        * @event click

        * @param event {Event} The event object for the `click` event.

        */

        this.publish("click");

    },

    /**

    * Creates the DOM structure for the UploaderFlash.

    * UploaderFlash's DOM structure consists of two layers: the base "Select Files"

    * button that can be replaced by the developer's widget of choice; and a transparent

    * Flash overlay positoned above the button that captures all input events.

    * The `position` style attribute of the `boundingBox` of the `Uploader` widget

    * is forced to be `relative`, in order to accommodate the Flash player overlay

    * (which is `position`ed `absolute`ly).

    *

    * @method renderUI

    * @protected

    */

    renderUI : function () {

        var boundingBox = this.get("boundingBox"),

            contentBox = this.get('contentBox'),

            selFilesButton = this.get("selectFilesButton"),

            flashContainer = Y.Node.create(substitute(UploaderFlash.FLASH_CONTAINER, {

                swfContainerId: this._swfContainerId

            })),

            params = {

                version: "10.0.45",

                fixedAttributes: {

                    wmode: "transparent",

                    allowScriptAccess:"always",

                    allowNetworking:"all",

                    scale: "noscale"

                }

            };

        boundingBox.setStyle("position", "relative");

        selFilesButton.setStyles({width: "100%", height: "100%"});

        contentBox.append(selFilesButton);

        contentBox.append(flashContainer);

        this._swfReference = new Y.SWF(flashContainer, this.get("swfURL"), params);

    },

    /**

    * Binds handlers to the UploaderFlash UI events and propagates attribute

    * values to the Flash player.

    * The propagation of initial values is set to occur once the Flash player

    * instance is ready (as indicated by the `swfReady` event.)

    *

    * @method bindUI

    * @protected

    */

    bindUI : function () {

        this._swfReference.on("swfReady", function () {

            this._setMultipleFiles();

            this._setFileFilters();

            this._triggerEnabled();

            this._attachTabElements();

            this.after("multipleFilesChange", this._setMultipleFiles, this);

            this.after("fileFiltersChange", this._setFileFilters, this);

            this.after("enabledChange", this._triggerEnabled, this);

            this.after("tabElementsChange", this._attachTabElements);

        }, this);

        this._swfReference.on("fileselect", this._updateFileList, this);

        // this._swfReference.on("trace", function (ev) {console.log(ev.message);});

        this._swfReference.on("mouseenter", function () {

            this.fire("mouseenter");

            this._setButtonClass("hover", true);

            if (this._buttonState === "down") {

                this._setButtonClass("active", true);

            }

        }, this);

        this._swfReference.on("mouseleave", function () {

            this.fire("mouseleave");

            this._setButtonClass("hover", false);

            this._setButtonClass("active", false);

        }, this);

        this._swfReference.on("mousedown", function () {

            this.fire("mousedown");

            this._buttonState = "down";

            this._setButtonClass("active", true);

        }, this);

        this._swfReference.on("mouseup", function () {

            this.fire("mouseup");

            this._buttonState = "up";

            this._setButtonClass("active", false);

        }, this);

        this._swfReference.on("click", function () {

            this.fire("click");

            this._buttonFocus = true;

            this._setButtonClass("focus", true);

            Y.one("body").focus();

            this._swfReference._swf.focus();

        }, this);

    },

    /**

    * Attaches keyboard bindings to enabling tabbing to and from the instance of the Flash

    * player in the Uploader widget. If the previous and next elements are specified, the

    * keyboard bindings enable the user to tab from the `tabElements["from"]` node to the

    * Flash-powered "Select Files" button, and to the `tabElements["to"]` node.

    *

    * @method _attachTabElements

    * @protected

    * @param ev {Event} Optional event payload if called as a `tabElementsChange` handler.

    */

    _attachTabElements : function () {

        if (this.get("tabElements") !== null && this.get("tabElements").from !== null && this.get("tabElements").to !== null) {

            if (this._tabElementBindings !== null) {

                this._tabElementBindings.from.detach();

                this._tabElementBindings.to.detach();

                this._tabElementBindings.tabback.detach();

                this._tabElementBindings.tabforward.detach();

                this._tabElementBindings.focus.detach();

                this._tabElementBindings.blur.detach();

            }

            else {

                this._tabElementBindings = {};

            }

            var fromElement = Y.one(this.get("tabElements").from),

                toElement = Y.one(this.get("tabElements").to);

            this._tabElementBindings.from = fromElement.on("keydown", function (ev) {

                if (ev.keyCode === 9 && !ev.shiftKey) {

                    ev.preventDefault();

                    this._swfReference._swf.setAttribute("tabindex", 0);

                    this._swfReference._swf.setAttribute("role", "button");

                    this._swfReference._swf.setAttribute("aria-label", this.get("selectButtonLabel"));

                    this._swfReference._swf.focus();

                }

            }, this);

            this._tabElementBindings.to = toElement.on("keydown", function (ev) {

                if (ev.keyCode === 9 && ev.shiftKey) {

                    ev.preventDefault();

                    this._swfReference._swf.setAttribute("tabindex", 0);

                    this._swfReference._swf.setAttribute("role", "button");

                    this._swfReference._swf.setAttribute("aria-label", this.get("selectButtonLabel"));

                    this._swfReference._swf.focus();

                }

            }, this);