// Sparkline Color Library
var sparkColors = {
    "primary": [bgPrimary, bgPrimaryLr, bgPrimaryDr],
    "info": [bgInfo, bgInfoLr, bgInfoDr],
    "warning": [bgWarning, bgWarningLr, bgWarningDr],
    "success": [bgSuccess, bgSuccessLr, bgSuccessDr],
    "alert": [bgAlert, bgAlertLr, bgAlertDr]
};

// Sparklines Demo
$('.inlinesparkline').each(function(i, e) {

	// Set Sparkline Defaults
    var This = $(this);
    var Color = sparkColors["primary"];
    var Height = '35';
    var Width = '70%';
    This.children().remove();

    // Default color is "primary"
    // Color[0] = default shade
    // Color[1] = light shade
    // Color[2] = dark shade
    // User assigned color and height, else default
    var userColor = This.data('spark-color');
    var userHeight = This.data('spark-height');
    var userWidth = This.data('spark-width');
    if (userColor) {
        Color = sparkColors[userColor];
    }
    if (userHeight) {
        Height = userHeight;
    }
    if (userWidth) {
        Width = userWidth;
    }

    // Create Sparkline
    $(e).sparkline('html', {
        type: 'line',
        width: Width,
        height: Height,
        enableTagOptions: true,
        lineColor: Color[2], // Also tooltip icon color
        fillColor: Color[1],
        spotColor: Color[0],
        minSpotColor: Color[0],
        maxSpotColor: Color[0],
        highlightSpotColor: bgWarningDr,
        highlightLineColor: bgWarningLr
    });
});