jQuery.fn.reverse = function() {
	return this.pushStack(this.get().reverse(), arguments);
};
$(document).ready(function(){
	var ticks = [];
	var data = [];
	var ftp = [];
	var http = [];
	var mail = [];
	var aticks = [];
	var max = 0;
	var i = 1;
	var links = [];
	$('#datalegend').remove();
	$('#datatable tr').reverse().each(function() {
		var row = $(this);
		var day = $(row).children().first().text();
		var ftpd = $(row).children().first().next().text();
		var httpd = $(row).children().first().next().next().text();
		var maild = $(row).children().first().next().next().next().text();
		if ($(row).children().first().next().next().next().next().next().length > 0)
		{
			links.push($(row).children().last().html());
		}
		ftp.push([i, parseFloat(ftpd) / 1024]);
		http.push([i, parseFloat(httpd) / 1024]);
		mail.push([i, parseFloat(maild)] / 1024);
		aticks.push([i, day]);
		if (ftpd > max)
		{
			max = ftpd;
		}
		if (httpd > max)
		{
			max = httpd;
		}
		if (maild > max)
		{
			max = maild;
		}
		ticks.push(day);
		i++;
	});
	$('#datatable').hide();
	data.push(ftp);
	data.push(http);
	data.push(mail);
	if (links.length > 0)
	{
		var tmp = $('<div />', {id: 'linkslist'});
		$.each(links, function(i, link) {
			tmp.append(link);
			if (i != links.length - 1)
			{
				tmp.append('&nbsp;|&nbsp;');
			}
		});
		tmp.insertBefore($('#datatable'));
	}
	//alert(ftp);
	var plot2 = $.jqplot('chartdiv', [ftp, http, mail], {
		series: [
			
			{
				lineWidth:1,
				color: '#019522',
				label: 'FTP',
				markerOptions: { style:"circle", size: 5, shadow: false },
				rendererOptions: { smooth: true },
				pointLabels: { show:true, formatString: "%#.2f" }
			},
			{
				lineWidth:1,
				color: '#0000FF',
				label: 'HTTP',
				markerOptions: { style:"circle", size: 5, shadow: false },
				rendererOptions: { smooth: true },
				pointLabels: { show:true, formatString: "%#.2f" }
			},
			{
				lineWidth:1,
				color: '#800000',
				label: 'Mail',
				markerOptions: { style: "circle", size: 5, shadow: false },
				rendererOptions: { smooth: true },
				pointLabels: { show:true, formatString: "%#.2f" }
			}	
		],
		axes: {
			yaxis: {
				min: 0,
				numberTicks: 5,
				rendererOptions: {drawBaseline: false}
			},
			xaxis: {
				tickOptions:{
					showGridline: false
				},
				pad: 0,
				ticks: aticks
			},
		},
		grid: {
			show: false,
			background: '#fff',
			gridLineColor: '#e2e4e6',
			borderWidth: 0,
			shadow: false
		}
	});
});