/*

YUI 3.10.3 (build 2fb5187)

Copyright 2013 Yahoo! Inc. All rights reserved.

Licensed under the BSD License.

http://yuilibrary.com/license/

*/

YUI.add('series-pie', function (Y, NAME) {

/**

 * Provides functionality for creating a pie series.

 *

 * @module charts

 * @submodule series-pie

 */

/**

 * PieSeries visualizes data as a circular chart divided into wedges which represent data as a

 * percentage of a whole.

 *

 * @class PieSeries

 * @constructor

 * @extends SeriesBase

 * @uses Plots

 * @param {Object} config (optional) Configuration parameters.

 * @submodule series-pie

 */

var CONFIG = Y.config,

    DOCUMENT = CONFIG.doc,

    _getClassName = Y.ClassNameManager.getClassName,

    SERIES_MARKER = _getClassName("seriesmarker");

Y.PieSeries = Y.Base.create("pieSeries", Y.SeriesBase, [Y.Plots], {

    /**

     * Image map used for interactivity when rendered with canvas.

     *

     * @property _map

     * @type HTMLElement

     * @private

     */

    _map: null,

    /**

     * Image used for image map when rendered with canvas.

     *

     * @property _image

     * @type HTMLElement

     * @private

     */

    _image: null,

    /**

     * Creates or updates the image map when rendered with canvas.

     *

     * @method _setMap

     * @private

     */

    _setMap: function()

    {

        var id = "pieHotSpotMapi_" + Math.round(100000 * Math.random()),

            graph = this.get("graph"),

            graphic,

            cb,

            areaNode;

        if(graph)

        {

            cb = graph.get("contentBox");

        }

        else

        {

            graphic = this.get("graphic");

            cb = graphic.get("node");

        }

        if(this._image)

        {

            cb.removeChild(this._image);

            while(this._areaNodes && this._areaNodes.length > 0)

            {

                areaNode = this._areaNodes.shift();

                this._map.removeChild(areaNode);

            }

            cb.removeChild(this._map);

        }

        this._image = DOCUMENT.createElement("img");

        this._image.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAYAAAD9yd/wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSB" +

                        "JbWFnZVJlYWR5ccllPAAAABJJREFUeNpiZGBgSGPAAgACDAAIkABoFyloZQAAAABJRU5ErkJggg==";

        cb.appendChild(this._image);

        this._image.style.position = "absolute";

        this._image.style.left = "0px";

        this._image.style.top = "0px";

        this._image.setAttribute("usemap", "#" + id);

        this._image.style.zIndex = 3;

        this._image.style.opacity = 0;

        this._image.setAttribute("alt", "imagemap");

        this._map = DOCUMENT.createElement("map");

        cb.appendChild(this._map);

        this._map.setAttribute("name", id);

        this._map.setAttribute("id", id);

        this._areaNodes = [];

    },

    /**

     * Storage for `categoryDisplayName` attribute.

     *

     * @property _categoryDisplayName

     * @private

     */

    _categoryDisplayName: null,

    /**

     * Storage for `valueDisplayName` attribute.

     *

     * @property _valueDisplayName

     * @private

     */

    _valueDisplayName: null,

    /**

     * Adds event listeners.

     *

     * @method addListeners

     * @private

     */

    addListeners: function()

    {

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

            valueAxis = this.get("valueAxis");

        if(categoryAxis)

        {

            categoryAxis.after("dataReady", Y.bind(this._categoryDataChangeHandler, this));

            categoryAxis.after("dataUpdate", Y.bind(this._categoryDataChangeHandler, this));

        }

        if(valueAxis)

        {

            valueAxis.after("dataReady", Y.bind(this._valueDataChangeHandler, this));

            valueAxis.after("dataUpdate", Y.bind(this._valueDataChangeHandler, this));

        }

        this.after("categoryAxisChange", this.categoryAxisChangeHandler);

        this.after("valueAxisChange", this.valueAxisChangeHandler);

        this.after("stylesChange", this._updateHandler);

        this._visibleChangeHandle = this.after("visibleChange", this._handleVisibleChange);

    },

    /**

     * Draws the series.

     *

     * @method validate

     * @private

     */

    validate: function()

    {

        this.draw();

        this._renderered = true;

    },

    /**

     * Event handler for the categoryAxisChange event.

     *

     * @method _categoryAxisChangeHandler

     * @param {Object} e Event object.

     * @private

     */

    _categoryAxisChangeHandler: function()

    {

        var categoryAxis = this.get("categoryAxis");

        categoryAxis.after("dataReady", Y.bind(this._categoryDataChangeHandler, this));

        categoryAxis.after("dataUpdate", Y.bind(this._categoryDataChangeHandler, this));

    },

    /**

     * Event handler for the valueAxisChange event.

     *

     * @method _valueAxisChangeHandler

     * @param {Object} e Event object.

     * @private

     */

    _valueAxisChangeHandler: function()

    {

        var valueAxis = this.get("valueAxis");

        valueAxis.after("dataReady", Y.bind(this._valueDataChangeHandler, this));

        valueAxis.after("dataUpdate", Y.bind(this._valueDataChangeHandler, this));

    },

    /**

     * Constant used to generate unique id.

     *

     * @property GUID

     * @type String

     * @private

     */

    GUID: "pieseries",

    /**

     * Event handler for categoryDataChange event.

     *

     * @method _categoryDataChangeHandler

     * @param {Object} event Event object.

     * @private

     */

    _categoryDataChangeHandler: function()

    {

       if(this._rendered && this.get("categoryKey") && this.get("valueKey"))

        {

            this.draw();

        }

    },

    /**

     * Event handler for valueDataChange event.

     *

     * @method _valueDataChangeHandler

     * @param {Object} event Event object.

     * @private

     */

    _valueDataChangeHandler: function()

    {

        if(this._rendered && this.get("categoryKey") && this.get("valueKey"))

        {

            this.draw();

        }

    },

    /**

     * Returns the sum of all values for the series.

     *

     * @method getTotalValues

     * @return Number

     */

    getTotalValues: function()

    {

        var total = this.get("valueAxis").getTotalByKey(this.get("valueKey"));

        return total;

    },

    /**

     * Draws the series. Overrides the base implementation.

     *

     * @method draw

     * @protected

     */

    draw: function()

    {

        var w = this.get("width"),

            h = this.get("height");

        if(isFinite(w) && isFinite(h) && w > 0 && h > 0)

        {

            this._rendered = true;

            if(this._drawing)

            {

                this._callLater = true;

                return;

            }

            this._drawing = true;

            this._callLater = false;

            this.drawSeries();

            this._drawing = false;

            if(this._callLater)

            {

                this.draw();

            }

            else

            {

                this.fire("drawingComplete");

            }

        }

    },

    /**

     * Draws the markers

     *

     * @method drawPlots

     * @protected

     */

    drawPlots: function()

    {

        var values = this.get("valueAxis").getDataByKey(this.get("valueKey")).concat(),

            totalValue = 0,

            itemCount = values.length,

            styles = this.get("styles").marker,

            fillColors = styles.fill.colors,

            fillAlphas = styles.fill.alphas || ["1"],

            borderColors = styles.border.colors,

            borderWeights = [styles.border.weight],

            borderAlphas = [styles.border.alpha],

            tbw = borderWeights.concat(),

            tbc = borderColors.concat(),

            tba = borderAlphas.concat(),

            tfc,

            tfa,

            padding = styles.padding,

            graphic = this.get("graphic"),

            minDimension = Math.min(graphic.get("width"), graphic.get("height")),

            w = minDimension - (padding.left + padding.right),

            h = minDimension - (padding.top + padding.bottom),

            startAngle = -90,

            halfWidth = w / 2,

            halfHeight = h / 2,

            radius = Math.min(halfWidth, halfHeight),

            i = 0,

            value,

            angle = 0,

            lc,

            la,

            lw,

            wedgeStyle,

            marker,

            graphOrder = this.get("graphOrder") || 0,

            isCanvas = Y.Graphic.NAME === "canvasGraphic";

        for(; i < itemCount; ++i)

        {

            value = parseFloat(values[i]);

            values.push(value);

            if(!isNaN(value))

            {

                totalValue += value;

            }

        }

        tfc = fillColors ? fillColors.concat() : null;

        tfa = fillAlphas ? fillAlphas.concat() : null;

        this._createMarkerCache();

        if(isCanvas)

        {

            this._setMap();

            this._image.width = w;

            this._image.height = h;

        }

        for(i = 0; i < itemCount; i++)

        {

            value = values[i];

            if(totalValue === 0)

            {

                angle = 360 / values.length;

            }

            else

            {

                angle = 360 * (value / totalValue);

            }

            if(tfc && tfc.length < 1)

            {

                tfc = fillColors.concat();

            }

            if(tfa && tfa.length < 1)

            {

                tfa = fillAlphas.concat();

            }

            if(tbw && tbw.length < 1)

            {

                tbw = borderWeights.concat();

            }

            if(tbw && tbc.length < 1)

            {

                tbc = borderColors.concat();

            }

            if(tba && tba.length < 1)

            {

                tba = borderAlphas.concat();

            }

            lw = tbw ? tbw.shift() : null;

            lc = tbc ? tbc.shift() : null;

            la = tba ? tba.shift() : null;

            startAngle += angle;

            wedgeStyle = {

                border: {

                    color:lc,

                    weight:lw,

                    alpha:la

                },

                fill: {

                    color:tfc ? tfc.shift() : this._getDefaultColor(i, "slice"),

                    alpha:tfa ? tfa.shift() : null

                },

                type: "pieslice",

                arc: angle,

                radius: radius,

                startAngle: startAngle,

                cx: halfWidth,

                cy: halfHeight,

                width: w,

                height: h

            };

            marker = this.getMarker(wedgeStyle, graphOrder, i);

            if(isCanvas)

            {

                this._addHotspot(wedgeStyle, graphOrder, i);

            }

        }