/*

YUI 3.10.3 (build 2fb5187)

Copyright 2013 Yahoo! Inc. All rights reserved.

Licensed under the BSD License.

http://yuilibrary.com/license/

*/

YUI.add('anim-base', function (Y, NAME) {

/**

* The Animation Utility provides an API for creating advanced transitions.

* @module anim

*/

/**

* Provides the base Anim class, for animating numeric properties.

*

* @module anim

* @submodule anim-base

*/

    /**

     * A class for constructing animation instances.

     * @class Anim

     * @for Anim

     * @constructor

     * @extends Base

     */

    var RUNNING = 'running',

        START_TIME = 'startTime',

        ELAPSED_TIME = 'elapsedTime',

        /**

        * @for Anim

        * @event start

        * @description fires when an animation begins.

        * @param {Event} ev The start event.

        * @type Event.Custom

        */

        START = 'start',

        /**

        * @event tween

        * @description fires every frame of the animation.

        * @param {Event} ev The tween event.

        * @type Event.Custom

        */

        TWEEN = 'tween',

        /**

        * @event end

        * @description fires after the animation completes.

        * @param {Event} ev The end event.

        * @type Event.Custom

        */

        END = 'end',

        NODE = 'node',

        PAUSED = 'paused',

        REVERSE = 'reverse', // TODO: cleanup

        ITERATION_COUNT = 'iterationCount',

        NUM = Number;

    var _running = {},

        _timer;

    Y.Anim = function() {

        Y.Anim.superclass.constructor.apply(this, arguments);

        Y.Anim._instances[Y.stamp(this)] = this;

    };

    Y.Anim.NAME = 'anim';

    Y.Anim._instances = {};

    /**

     * Regex of properties that should use the default unit.

     *

     * @property RE_DEFAULT_UNIT

     * @static

     */

    Y.Anim.RE_DEFAULT_UNIT = /^width|height|top|right|bottom|left|margin.*|padding.*|border.*$/i;

    /**

     * The default unit to use with properties that pass the RE_DEFAULT_UNIT test.

     *

     * @property DEFAULT_UNIT

     * @static

     */

    Y.Anim.DEFAULT_UNIT = 'px';

    Y.Anim.DEFAULT_EASING = function (t, b, c, d) {

        return c * t / d + b; // linear easing

    };

    /**

     * Time in milliseconds passed to setInterval for frame processing

     *

     * @property intervalTime

     * @default 20

     * @static

     */

    Y.Anim._intervalTime = 20;

    /**

     * Bucket for custom getters and setters

     *

     * @property behaviors

     * @static

     */

    Y.Anim.behaviors = {

        left: {

            get: function(anim, attr) {

                return anim._getOffset(attr);

            }

        }

    };

    Y.Anim.behaviors.top = Y.Anim.behaviors.left;

    /**

     * The default setter to use when setting object properties.

     *

     * @property DEFAULT_SETTER

     * @static

     */

    Y.Anim.DEFAULT_SETTER = function(anim, att, from, to, elapsed, duration, fn, unit) {

        var node = anim._node,

            domNode = node._node,

            val = fn(elapsed, NUM(from), NUM(to) - NUM(from), duration);

        if (domNode) {

            if ('style' in domNode && (att in domNode.style || att in Y.DOM.CUSTOM_STYLES)) {

                unit = unit || '';

                node.setStyle(att, val + unit);

            } else if ('attributes' in domNode && att in domNode.attributes) {

                node.setAttribute(att, val);

            } else if (att in domNode) {

                domNode[att] = val;

            }

        } else if (node.set) {

            node.set(att, val);

        } else if (att in node) {

            node[att] = val;

        }

    };

    /**

     * The default getter to use when getting object properties.

     *

     * @property DEFAULT_GETTER

     * @static

     */

    Y.Anim.DEFAULT_GETTER = function(anim, att) {

        var node = anim._node,

            domNode = node._node,

            val = '';

        if (domNode) {

            if ('style' in domNode && (att in domNode.style || att in Y.DOM.CUSTOM_STYLES)) {

                val = node.getComputedStyle(att);

            } else if ('attributes' in domNode && att in domNode.attributes) {

                val = node.getAttribute(att);

            } else if (att in domNode) {

                val = domNode[att];

            }

        } else if (node.get) {

            val = node.get(att);

        } else if (att in node) {

            val = node[att];

        }

        return val;

    };

    Y.Anim.ATTRS = {

        /**

         * The object to be animated.

         * @attribute node

         * @type Node

         */

        node: {

            setter: function(node) {

                if (node) {

                    if (typeof node === 'string' || node.nodeType) {

                        node = Y.one(node);

                    }

                }

                this._node = node;

                if (!node) {

                }

                return node;

            }

        },

        /**

         * The length of the animation.  Defaults to "1" (second).

         * @attribute duration

         * @type NUM

         */

        duration: {

            value: 1

        },

        /**

         * The method that will provide values to the attribute(s) during the animation.

         * Defaults to "Easing.easeNone".

         * @attribute easing

         * @type Function

         */

        easing: {

            value: Y.Anim.DEFAULT_EASING,

            setter: function(val) {

                if (typeof val === 'string' && Y.Easing) {

                    return Y.Easing[val];

                }

            }

        },

        /**

         * The starting values for the animated properties.

         *

         * Fields may be strings, numbers, or functions.

         * If a function is used, the return value becomes the from value.

         * If no from value is specified, the DEFAULT_GETTER will be used.

         * Supports any unit, provided it matches the "to" (or default)

         * unit (e.g. `{width: '10em', color: 'rgb(0, 0, 0)', borderColor: '#ccc'}`).

         *

         * If using the default ('px' for length-based units), the unit may be omitted

         * (e.g. `{width: 100}, borderColor: 'ccc'}`, which defaults to pixels

         * and hex, respectively).

         *

         * @attribute from

         * @type Object

         */

        from: {},

        /**

         * The ending values for the animated properties.

         *

         * Fields may be strings, numbers, or functions.

         * Supports any unit, provided it matches the "from" (or default)

         * unit (e.g. `{width: '50%', color: 'red', borderColor: '#ccc'}`).

         *

         * If using the default ('px' for length-based units), the unit may be omitted

         * (e.g. `{width: 100, borderColor: 'ccc'}`, which defaults to pixels

         * and hex, respectively).

         *

         * @attribute to

         * @type Object

         */

        to: {},

        /**

         * Date stamp for the first frame of the animation.

         * @attribute startTime

         * @type Int

         * @default 0

         * @readOnly

         */

        startTime: {

            value: 0,

            readOnly: true

        },

        /**

         * Current time the animation has been running.

         * @attribute elapsedTime

         * @type Int

         * @default 0

         * @readOnly

         */

        elapsedTime: {

            value: 0,

            readOnly: true

        },

        /**

         * Whether or not the animation is currently running.

         * @attribute running

         * @type Boolean

         * @default false

         * @readOnly

         */

        running: {

            getter: function() {

                return !!_running[Y.stamp(this)];

            },

            value: false,

            readOnly: true

        },

        /**

         * The number of times the animation should run

         * @attribute iterations

         * @type Int

         * @default 1

         */

        iterations: {

            value: 1

        },

        /**

         * The number of iterations that have occurred.

         * Resets when an animation ends (reaches iteration count or stop() called).

         * @attribute iterationCount

         * @type Int

         * @default 0

         * @readOnly

         */

        iterationCount: {

            value: 0,

            readOnly: true

        },

        /**

         * How iterations of the animation should behave.

         * Possible values are "normal" and "alternate".

         * Normal will repeat the animation, alternate will reverse on every other pass.

         *

         * @attribute direction

         * @type String

         * @default "normal"

         */

        direction: {

            value: 'normal' // | alternate (fwd on odd, rev on even per spec)

        },

        /**

         * Whether or not the animation is currently paused.

         * @attribute paused

         * @type Boolean

         * @default false

         * @readOnly

         */

        paused: {

            readOnly: true,

            value: false

        },

        /**

         * If true, animation begins from last frame

         * @attribute reverse

         * @type Boolean

         * @default false

         */

        reverse: {

            value: false

        }

    };

    /**

     * Runs all animation instances.

     * @method run

     * @static

     */

    Y.Anim.run = function() {

        var instances = Y.Anim._instances,

            i;

        for (i in instances) {

            if (instances[i].run) {

                instances[i].run();

            }

        }

    };

    /**

     * Pauses all animation instances.

     * @method pause

     * @static

     */

    Y.Anim.pause = function() {

        for (var i in _running) { // stop timer if nothing running

            if (_running[i].pause) {

                _running[i].pause();

            }

        }

        Y.Anim._stopTimer();

    };

    /**

     * Stops all animation instances.

     * @method stop

     * @static

     */

    Y.Anim.stop = function() {

        for (var i in _running) { // stop timer if nothing running

            if (_running[i].stop) {

                _running[i].stop();

            }

        }

        Y.Anim._stopTimer();

    };

    Y.Anim._startTimer = function() {

        if (!_timer) {

            _timer = setInterval(Y.Anim._runFrame, Y.Anim._intervalTime);

        }

    };

    Y.Anim._stopTimer = function() {

        clearInterval(_timer);

        _timer = 0;

    };

    /**

     * Called per Interval to handle each animation frame.

     * @method _runFrame

     * @private

     * @static

     */

    Y.Anim._runFrame = function() {

        var done = true,