jQuery(function($) {

    function showTooltip(x, y, contents) {
        jQuery('<div class="chart-tooltip">' + contents + '</div>').css( {
            top: y - 16,
       		left: x + 20
        }).appendTo("body").fadeIn(200);
    }

    var prev_data_index = null;
    var prev_series_index = null;

    jQuery(".chart-placeholder").bind( "plothover", function (event, pos, item) {
        if (item) {
            if ( prev_data_index != item.dataIndex || prev_series_index != item.seriesIndex ) {
                prev_data_index   = item.dataIndex;
                prev_series_index = item.seriesIndex;

                jQuery( ".chart-tooltip" ).remove();

                if ( item.series.points.show || item.series.enable_tooltip ) {

                    var y = item.series.data[item.dataIndex][1];

                    tooltip_content = '';

                    if ( item.series.prepend_label )
                        tooltip_content = tooltip_content + item.series.label + ": ";

                    if ( item.series.prepend_tooltip )
                        tooltip_content = tooltip_content + item.series.prepend_tooltip;

                    tooltip_content = tooltip_content + y;

                    if ( item.series.append_tooltip )
                        tooltip_content = tooltip_content + item.series.append_tooltip;

                    if ( item.series.pie.show ) {

                        showTooltip( pos.pageX, pos.pageY, tooltip_content );

                    } else {

                    	showTooltip( item.pageX, item.pageY, tooltip_content );

                    }

                }
            }
        }
        else {
            jQuery(".chart-tooltip").remove();
            prev_data_index = null;
        }
    });

    $('.wc_sparkline.bars').each(function() {
        var chart_data = $(this).data('sparkline');

        var options = {
            grid: {
                show: false
            }
        };

        // main series
        var series = [{
            data: chart_data,
            color: $(this).data('color'),
            bars: { fillColor: $(this).data('color'), fill: true, show: true, lineWidth: 1, barWidth: $(this).data('barwidth'), align: 'center' },
            shadowSize: 0
        }];

        // draw the sparkline
        var plot = $.plot( $(this), series, options );
    });

    $('.wc_sparkline.lines').each(function() {
        var chart_data = $(this).data('sparkline');

        var options = {
            grid: {
                show: false
            }
        };

        // main series
        var series = [{
            data: chart_data,
            color: $(this).data('color'),
            lines: { fill: false, show: true, lineWidth: 1, align: 'center' },
            shadowSize: 0
        }];

        // draw the sparkline
        var plot = $.plot( $(this), series, options );
    });

    var dates = jQuery( ".range_datepicker" ).datepicker({
        changeMonth: true,
        changeYear: true,
        defaultDate: "",
        dateFormat: "yy-mm-dd",
        numberOfMonths: 1,
        maxDate: "+0D",
        showButtonPanel: true,
        showOn: "focus",
        buttonImageOnly: true,
        onSelect: function( selectedDate ) {
            var option = jQuery(this).is('.from') ? "minDate" : "maxDate",
                instance = jQuery( this ).data( "datepicker" ),
                date = jQuery.datepicker.parseDate(
                    instance.settings.dateFormat ||
                    jQuery.datepicker._defaults.dateFormat,
                    selectedDate, instance.settings );
            dates.not( this ).datepicker( "option", option, date );
        }
    });

	var a = document.createElement('a');

	if ( typeof a.download == "undefined" ) {
		$('.export_csv').hide();
	}

    // Export
    $('.export_csv').click(function(){
        var exclude_series = $(this).data( 'exclude_series' ) || '';
        exclude_series     = exclude_series.toString();
        exclude_series     = exclude_series.split(',');
        var xaxes_label    = $(this).data('xaxes');
        var groupby        = $(this).data('groupby');
        var export_format  = $(this).data('export');
        var csv_data       = "data:application/csv;charset=utf-8,"

        if ( export_format == 'table' ) {

            $(this).closest('div').find('thead tr,tbody tr').each(function() {
                $(this).find('th,td').each(function() {
                    value = $(this).text();
                    value = value.replace( '[?]', '' );
                    csv_data += '"' + value + '"' + ",";
                });
                csv_data = csv_data.substring( 0, csv_data.length - 1 );
                csv_data += "\n";
            });

            $(this).closest('div').find('tfoot tr').each(function() {
                $(this).find('th,td').each(function() {
                    value = $(this).text();
                    value = value.replace( '[?]', '' );
                    csv_data += '"' + value + '"' + ",";
                    if ( $(this).attr('colspan') > 0 )
                        for ( i = 1; i < $(this).attr('colspan'); i++ )
                            csv_data += '"",';
                });
                csv_data = csv_data.substring( 0, csv_data.length - 1 );
                csv_data += "\n";
            });

        } else {

            if ( ! window.main_chart )
                return false;

            var the_series = window.main_chart.getData();
            var series     = [];
            csv_data   += xaxes_label + ",";

            $.each(the_series, function( index, value ) {
                if ( ! exclude_series || $.inArray( index.toString(), exclude_series ) == -1 )
                    series.push( value );
            });

            // CSV Headers
            for ( var s = 0; s < series.length; ++s ) {
                csv_data += series[s].label + ',';
            }

            csv_data = csv_data.substring( 0, csv_data.length - 1 );
            csv_data += "\n";

            // Get x axis values
            var xaxis = {}

            for ( var s = 0; s < series.length; ++s ) {
                var series_data = series[s].data;
                for ( var d = 0; d < series_data.length; ++d ) {
                    xaxis[series_data[d][0]] = new Array();
                    // Zero values to start
                    for ( var i = 0; i < series.length; ++i ) {
                        xaxis[series_data[d][0]].push(0);
                    }
                }
            }

            // Add chart data
            for ( var s = 0; s < series.length; ++s ) {
                var series_data = series[s].data;
                for ( var d = 0; d < series_data.length; ++d ) {
                    xaxis[series_data[d][0]][s] = series_data[d][1];
                }
            }

            // Loop data and output to csv string
            $.each( xaxis, function( index, value ) {
                var date = new Date( parseInt( index ) );

                if ( groupby == 'day' )
                    csv_data += date.getUTCFullYear() + "-" + parseInt( date.getUTCMonth() + 1 ) + "-" + date.getUTCDate() + ',';
                else
                    csv_data += date.getUTCFullYear() + "-" + parseInt( date.getUTCMonth() + 1 ) + ',';

                for ( var d = 0; d < value.length; ++d ) {
                    val = value[d];

                    if( Math.round( val ) != val )
                        val = val.toFixed(2);

                    csv_data += val + ',';
                }
                csv_data = csv_data.substring( 0, csv_data.length - 1 );
                csv_data += "\n";
            } );

        }

        // Set data as href and return
        $(this).attr( 'href', encodeURI( csv_data ) );
        return true;
    });
});