<h5>${_('Last month commit activity')}</h5>

    </div>

    <div class="table">

        <div id="commit_history" style="width:460px;height:370px;float:left"></div>

    	<div id="legend_data">

	    	<div id="legend_container"></div>

	    	<div id="legend_choices">

				<table id="legend_choices_tables" style="font-size:smaller;color:#545454"></table>

	    	</div>

    	</div>

		<script type="text/javascript">

		(function () {

			var datasets = {${c.commit_data|n}};

			var i = 0;

		    var choiceContainer = YAHOO.util.Dom.get("legend_choices");

		    var choiceContainerTable = YAHOO.util.Dom.get("legend_choices_tables");

		    for(var key in datasets) {

		        datasets[key].color = i;

		        i++;

		        choiceContainerTable.innerHTML += '<tr>'+

		        									'<td>'+

		        									'<input type="checkbox" name="' + key +'" checked="checked" />'+datasets[key].label+

		        									'</td>'+

		        								  '</tr>';

		    };

		    function plotAccordingToChoices() {

		        var data = [];

		        var inputs = choiceContainer.getElementsByTagName("input");

		        for(var i=0; i<inputs.length; i++) {

		            if(!inputs[i].checked)

		                continue;

		            var key = inputs[i].name;

		            if (key && datasets[key])

		                data.push(datasets[key]);

		        };

		        if (data.length > 0){

				    var plot = YAHOO.widget.Flot("commit_history", data,

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

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

			    			  legend:{show:true, container:"legend_container"},

			    	          selection: { mode: "xy" },

				              xaxis: { mode: "time", timeformat: "%d",tickSize:[1, "day"],min:${c.ts_min},max:${c.ts_max} }, 

				              grid: { hoverable: true, clickable: true,autoHighlight:true },

					        });

				    function showTooltip(x, y, contents) {

				        var div=document.getElementById('tooltip');

				        if(!div) {

				            div = document.createElement('div');

				            div.id="tooltip";

				            div.style.position="absolute";

				            div.style.border='1px solid #fdd';

				            div.style.padding='2px';

				            div.style.backgroundColor='#fee';

				            document.body.appendChild(div);

				        }

				        YAHOO.util.Dom.setStyle(div, 'opacity', 0);

				        div.innerHTML = contents;

				        div.style.top=(y + 5) + "px";

				        div.style.left=(x + 5) + "px";

				        var anim = new YAHOO.util.Anim(div, {opacity: {to: 0.8}}, 0.2);

				        anim.animate();

				    }

			        var previousPoint = null;

			        plot.subscribe("plothover", function (o) {

				        var pos = o.pos;

				        var item = o.item;

				        //YAHOO.util.Dom.get("x").innerHTML = pos.x.toFixed(2);

				        //YAHOO.util.Dom.get("y").innerHTML = pos.y.toFixed(2);

		                if (item) {

		                    if (previousPoint != item.datapoint) {

		                        previousPoint = item.datapoint;

		                        var tooltip = YAHOO.util.Dom.get("tooltip");

		                        if(tooltip) {

		                        	  tooltip.parentNode.removeChild(tooltip);

		                        }

		                        var x = item.datapoint.x.toFixed(2);

		                        var y = item.datapoint.y.toFixed(2);

		                        if (!item.series.label){

		                            item.series.label = 'commits';

			                    }

		                        var d = new Date(x*1000);

		                        var fd = d.getFullYear()+'-'+(d.getMonth()+1)+'-'+d.getDate();

		                        var nr_commits = parseInt(y);