/* ========================================================================

Chart Js Init

=========================================================================
 */


"use strict";


/*======== Doucument Ready Function =========*/
jQuery(document).ready(function () {

    if ($('#morris_area').length) {
        // Use Morris.Area instead of Morris.Line
        Morris.Area({
            element: 'morris_area',
            behaveLikeLine: true,
            data: [
                { x: '2011 Q1', y: 4, z: 3 },
                { x: '2011 Q2', y: 2, z: 1 },
                { x: '2011 Q3', y: 2, z: 3 },
                { x: '2011 Q4', y: 4, z: 1 }
            ],
            xkey: 'x',
            ykeys: ['y', 'z'],
            labels: ['Y', 'Z'],
            lineColors: ['#02007C', '#3C3ACC'],
            resize: true,
            gridTextSize: '14px'
        });

    }

    if ($('#morris_line').length) {
        // Use Morris.Area instead of Morris.Line
        Morris.Line({
            element: 'morris_line',
            behaveLikeLine: true,
            data: [
                { y: '2006', a: 10, b: 20 },
                { y: '2007', a: 65, b: 45 },
                { y: '2008', a: 50, b: 40 },
                { y: '2009', a: 75, b: 65 },
                { y: '2010', a: 50, b: 40 },
                { y: '2011', a: 75, b: 65 },
                { y: '2012', a: 100, b: 90 }
            ],

            xkey: 'y',
            ykeys: ['a', 'b'],
            labels: ['Series A', 'Series B'],
            lineColors: ['#3644FF', '#02007C'],
            resize: true,
            gridTextSize: '14px'
        });

    }

    if ($('#morris_bar').length) {
        Morris.Bar({
            element: 'morris_bar',
            data: [
                { x: '2011 Q1', y: 0 },
                { x: '2011 Q2', y: 1 },
                { x: '2011 Q3', y: 2 },
                { x: '2011 Q4', y: 3 },
                { x: '2012 Q1', y: 4 },
                { x: '2012 Q2', y: 5 },
                { x: '2012 Q3', y: 6 },
                { x: '2012 Q4', y: 7 },
                { x: '2013 Q1', y: 8 }
            ],
            xkey: 'x',
            ykeys: ['y'],
            labels: ['Y'],
            barColors: ['#02007C'],
            resize: true,
            gridTextSize: '14px'

        });
    }

    if ($('#morris_stacked').length) {
        // Use Morris.Bar
        Morris.Bar({
            element: 'morris_stacked',
            data: [
                { x: '2011 Q1', y: 3, z: 2, a: 3 },
                { x: '2011 Q2', y: 2, z: null, a: 1 },
                { x: '2011 Q3', y: 0, z: 2, a: 4 },
                { x: '2011 Q4', y: 2, z: 4, a: 3 }
            ],
            xkey: 'x',
            ykeys: ['y', 'z', 'a'],
            labels: ['Y', 'Z', 'A'],
            stacked: true,
            barColors: ['#3644FF', '#3C3ACC', '#02007C'],
            resize: true,
            gridTextSize: '14px'
        });
    }


    if ($('#morris_udateing').length) {
        var nReloads = 0;

        function data(offset) {
            var ret = [];
            for (var x = 0; x <= 360; x += 10) {
                var v = (offset + x) % 360;
                ret.push({
                    x: x,
                    y: Math.sin(Math.PI * v / 180).toFixed(4),
                    z: Math.cos(Math.PI * v / 180).toFixed(4)
                });
            }
            return ret;
        }
        var graph = Morris.Line({
            element: 'morris_udateing',
            data: data(0),
            xkey: 'x',
            ykeys: ['y', 'z'],
            labels: ['sin()', 'cos()'],
            parseTime: false,
            ymin: -1.0,
            ymax: 1.0,
            hideHover: true,
            lineColors: ['#3644FF', '#02007C'],
            resize: true
        });

        function update() {
            nReloads++;
            graph.setData(data(5 * nReloads));
            $('#reloadStatus').text(nReloads + ' reloads');
        }
        setInterval(update, 100);
    }


    if ($('#morris_donut').length) {
        Morris.Donut({
            element: 'morris_donut',
            data: [
                { value: 70, label: 'foo' },
                { value: 15, label: 'bar' },
                { value: 10, label: 'baz' },
                { value: 5, label: 'A really really long label' }
            ],

            labelColor: '#2e2f39',
            gridTextSize: '14px',
            colors: [
                "#3644FF",
                "#02007C",
                "#3C3ACC",
                "#01004C"

            ],

            formatter: function(x) { return x + "%" },
            resize: true
        });
    }

});
/*======== End Doucument Ready Function =========*/