tr.appendChild(td1);

    tr.appendChild(td2);

    tbl.appendChild(tr);

    if(cnt == 3){

        var show_more = document.createElement('tr');

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

        lnk = document.createElement('a');

        lnk.href='#';

        lnk.innerHTML = ${h.jshtml(_('Show more'))};

        lnk.id='code_stats_show_more';

        td.appendChild(lnk);

        show_more.appendChild(td);

        show_more.appendChild(document.createElement('td'));

        tbl.appendChild(show_more);

    }

}

</script>

<script type="text/javascript">

/**

 * 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

        },

        grid: {

            hoverable: true,

            clickable: true,

            autoHighlight: true,

            color: "#999"

        },

        //selection: {mode: "x"}

    };

    var overview_options = {

        legend:{show:false},

        bars: {show:true, barWidth: 2},

        shadowSize: 0,

        xaxis: {mode: "time", timeformat: "%d/%m/%y"},

        yaxis: {ticks: 3, min: 0, tickDecimals:0},

        grid: {color: "#999"},

        selection: {mode: "x"}

    };

    /**

    *get dummy data needed in few places

    */

    function getDummyData(label){

        return {"label":label,

         "data":[{"time":0,

                if (!item.series.label){

                    item.series.label = 'commits';

                }

                var cur_data = dataset[item.series.label].data[item.dataIndex];

                var added = cur_data.added;

                var changed = cur_data.changed;

                var removed = cur_data.removed;

                var nr_commits_suffix = ' ' + ${h.jshtml(_('commits'))} + ' ';

                var added_suffix = ' ' + ${h.jshtml(_('files added'))} + ' ';

                var changed_suffix = ' ' + ${h.jshtml(_('files changed'))} + ' ';

                var removed_suffix = ' ' + ${h.jshtml(_('files removed'))} + ' ';

                if(nr_commits == 1){ nr_commits_suffix = ' ' + ${h.jshtml(_('commit'))} + ' '; }

                if(added == 1) { added_suffix=' ' + ${h.jshtml(_('file added'))} + ' '; }

                if(changed == 1) { changed_suffix=' ' + ${h.jshtml(_('file changed'))} + ' '; }

                if(removed == 1) { removed_suffix=' ' + ${h.jshtml(_('file removed'))} + ' '; }

                showTooltip(item.pageX, item.pageY, item.series.label + " on " + fd

                         +'<br/>'+

                         nr_commits + nr_commits_suffix+'<br/>'+

                         added + added_suffix +'<br/>'+

                         changed + changed_suffix + '<br/>'+

                         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>