* Plots summary graph

 *

 * @class SummaryPlot

 * @param {from} initial from for detailed graph

 * @param {to} initial to for detailed graph

 * @param {dataset}

 * @param {overview_dataset}

 */

function SummaryPlot(from,to,dataset,overview_dataset) {

    var initial_ranges = {

        "xaxis":{

            "from":from,

            "to":to

        }

    };

    for(var key in dataset){

      var data = dataset[key].data;

      for(var d in data){

        data[d].time *= 1000;

      }

    }

    for(var key in overview_dataset){

      overview_dataset[key][0] *= 1000;

    }

    var choiceContainer = $("#legend_choices")[0];

    var choiceContainerTable = $("#legend_choices_tables")[0];

    var $plotContainer = $('#commit_history');

    var plotContainer = $('#commit_history')[0];

    var $overviewContainer = $('#overview');

    var overviewContainer = $('#overview')[0];

    var plot_options = {

        bars: {show:true, align: 'center', lineWidth: 4},

        legend: {show:true,

                container: "#legend_container",

                labelFormatter: function(label, series) {

                        // series is the series object for the label

                        return '<a href="javascript:void(0)"> ' + label + '</a>';

                    }

        },

        points: {show:true, radius: 0, fill: false},

        yaxis: {tickDecimals: 0},

        xaxis: {

            mode: "time",

            timeformat: "%d/%m",

            min: from,

            max: to

        },

                         removed + removed_suffix + '<br/>');

            }

        }

        else {

              var tooltip = $("#tooltip")[0];

              if(tooltip) {

                    tooltip.parentNode.removeChild(tooltip);

              }

              previousPoint = null;

        }

    }

    /**

     * MAIN EXECUTION

     */

    var data = getDataAccordingToRanges(initial_ranges);

    generateCheckboxes(data);

    //main plot

    var plot = $.plot(plotContainer,data,plot_options);

    //overview

    //show initial selection on overview

    overview.setSelection(initial_ranges);

    $plotContainer.on("plotselected", plotselected);

    $plotContainer.on("plothover", plothover);

    $overviewContainer.on("plotselected", function (e, ranges) {

        plot.setSelection(ranges);

    });

    // user choices on overview

    $('#legend_container tr a').on("click", [data, initial_ranges], plotchoiced);

}

SummaryPlot(${h.js(c.ts_min)}, ${h.js(c.ts_max)}, ${h.js(c.commit_data)}, ${h.js(c.overview_data)});

</script>

</%def>