(function($) {
    "use strict";
    setTimeout(function(){
        $("#line-chart-sparkline").sparkline([5, 10, 20, 14, 17, 21, 20, 10, 4, 13,0, 10, 30, 40, 10, 15, 20], {
            type: 'line',
            width: '100%',
            height: '100%',
            tooltipClassname: 'chart-sparkline',
            lineColor: vihoAdminConfig.primary,
            fillColor: 'rgba(36, 105, 92, 0.40)',
            highlightLineColor: vihoAdminConfig.primary,
            highlightSpotColor: vihoAdminConfig.primary,
            targetColor: vihoAdminConfig.primary,
            performanceColor: vihoAdminConfig.primary,
            boxFillColor: vihoAdminConfig.primary,
            medianColor: vihoAdminConfig.primary,
            minSpotColor: vihoAdminConfig.primary
        });
    });
    var mrefreshinterval = 500;
    var lastmousex = -1;
    var lastmousey = -1;
    var lastmousetime;
    var mousetravel = 0;
    var mpoints = [];
    var mpoints_max = 30;
    $('body').mousemove(function(e) {
        var mousex = e.pageX;
        var mousey = e.pageY;
        if (lastmousex > -1)
            mousetravel += Math.max(Math.abs(mousex - lastmousex), Math.abs(mousey - lastmousey));
        lastmousex = mousex;
        lastmousey = mousey;
    });
    var mdraw = function() {
        var md = new Date();
        var timenow = md.getTime();
        if (lastmousetime && lastmousetime != timenow) {
            var pps = Math.round(mousetravel / (timenow - lastmousetime) * 1000);
            mpoints.push(pps);
            if (mpoints.length > mpoints_max)
                mpoints.splice(0, 1);
            mousetravel = 0;

            var mouse_wid = $('#mouse-speed-chart-sparkline').parent('.card-block').parent().width();
            var a = mpoints - mouse_wid;
            $('#mouse-speed-chart-sparkline').sparkline(mpoints, {
                width: '100%',
                height: '100%',
                tooltipClassname: 'chart-sparkline',
                lineColor: vihoAdminConfig.primary,
                fillColor: 'rgba(36, 105, 92, 0.40)',
                highlightLineColor: vihoAdminConfig.primary,
                highlightSpotColor: vihoAdminConfig.primary,
                targetColor: vihoAdminConfig.primary,
                performanceColor: vihoAdminConfig.primary,
                boxFillColor: vihoAdminConfig.primary,
                medianColor: vihoAdminConfig.primary,
                minSpotColor: vihoAdminConfig.primary
            });
        }
        lastmousetime = timenow;
        mtimer = setTimeout(mdraw, mrefreshinterval);
    }
    var mtimer = setTimeout(mdraw, mrefreshinterval);
    $.sparkline_display_visible();
    $("#custom-line-chart").sparkline([5, 30, 27, 35, 30, 50, 70], {
        type: 'line',
        width: '100%',
        height: '100%',
        tooltipClassname: 'chart-sparkline',
        chartRangeMax: '50',
        lineColor: vihoAdminConfig.primary,
        fillColor: 'rgba(36, 105, 92, 0.40)',
        highlightLineColor: 'rgba(101, 90, 243, 0.40)',
        highlightSpotColor: 'rgba(101, 90, 243, 0.8)'
    });
    $("#custom-line-chart").sparkline([0, 5, 10, 7, 25, 20, 30], {
        type: 'line',
        width: '100%',
        height: '100%',
        composite: '!0',
        tooltipClassname: 'chart-sparkline',
        chartRangeMax: '40',
        lineColor: vihoAdminConfig.secondary,
        fillColor: 'rgba(186, 137, 93, 0.30)',
        highlightLineColor: 'rgba(186, 137, 93, 0.30)',
        highlightSpotColor: 'rgba(186, 137, 93, 0.8)'
    });
})(jQuery);

var sparkline_chart = {
  init: function() {
    setTimeout(function(){
        $("#simple-line-chart-sparkline").sparkline([5, 10, 20, 14, 17, 21, 20, 10, 4, 13,0, 10, 30, 40, 10, 15, 20], {
            type: 'line',
            width: '100%',
            height: '100%',
            tooltipClassname: 'chart-sparkline',
            lineColor: vihoAdminConfig.primary,
            fillColor: 'transparent',
            highlightLineColor: vihoAdminConfig.primary,
            highlightSpotColor: vihoAdminConfig.primary,
            targetColor: vihoAdminConfig.primary,
            performanceColor: vihoAdminConfig.primary,
            boxFillColor: vihoAdminConfig.primary,
            medianColor: vihoAdminConfig.primary,
            minSpotColor: vihoAdminConfig.primary
        });
    }), $("#bar-chart-sparkline").sparkline([5, 2, 2, 4, 9, 5, 7, 5, 2, 2, 6], {
        type: 'bar',
        barWidth: '60',
        height: '100%',
        tooltipClassname: 'chart-sparkline',
        barColor: vihoAdminConfig.primary
    }), $("#pie-sparkline-chart").sparkline([1.5, 1, 1, 0.5], {
        type: 'pie',
        width: '100%',
        height: '100%',
        sliceColors: ['#717171','#222222',vihoAdminConfig.secondary, vihoAdminConfig.primary],
        tooltipClassname: 'chart-sparkline'
    }),$("#linechart-defaultdashboard").sparkline([5, 30, 27, 35, 30, 50, 70], {
        type: 'line',
        width: '100%',
        height: '100%',
        tooltipClassname: 'chart-sparkline',
        chartRangeMax: '50',
        lineColor: vihoAdminConfig.secondary,
        fillColor: 'rgba(186, 137, 93 ,0.50)'
    }), $("#linechart-defaultdashboard").sparkline([0, 5, 10, 7, 25, 20, 30], {
        type: 'line',
        width: '100%',
        height: '100%',
        composite: '!0',
        tooltipClassname: 'chart-sparkline',
        chartRangeMax: '40',
        lineColor: '#e2c636',
        fillColor: 'rgba(226,  198, 54, 0.50)'
    });
    }
};
(function($) {
    "use strict";
  sparkline_chart.init()
})(jQuery);