jQuery(document).ready(function($) {
    var plot_data = new Array();
    var target_weight = 0;
    for (var m in target_data.body.measuregrps[0].measures) {
	var t = target_data.body.measuregrps[0].measures[m];
	if (t.type == 1) {
	    target_weight = parseFloat((t.value * Math.pow(10, t.unit)).toFixed(2));
	    break;
	}
    }

    var min_date = null
    var min_weight = null;
    var max_date = 0;
    for (var i in weight_data.body.measuregrps) {
	var d = weight_data.body.measuregrps[i];
	if (d.attrib != 0) continue;
	var date = d.date * 1000;
	if (min_date === null || min_date > date) min_date = date;
	if (max_date < date) max_date = date;
	for (var j in d.measures) {
	    var e = d.measures[j];
	    if (plot_data[e.type] == undefined) plot_data[e.type] = new Array();
	    var w = parseFloat((e.value * Math.pow(10, e.unit)).toFixed(2));
	    plot_data[e.type].push([date, w]);
	    if (e.type == 1 && (min_weight === null || min_weight > w)) {
		min_weight = w;
	    }
	}
    }

    function _def_opts() {
	return new Array({axes:
			  {xaxis:
			   {renderer: $.jqplot.DateAxisRenderer,
			    rendererOptions:{tickRenderer:$.jqplot.CanvasAxisTickRenderer},
			    tickOptions:{
				formatString:'%Y/%m/%d',
				fontSize:'8pt',
				fontFamily:'Tahoma',
				angle:-30,
				labelPosition: 'middle'
			    },
			    min: '2010-10-24',
			   },
			   yaxis: {
			       tickOptions: {
				   formatString:'%.1fKg',
			       }}},
			  highlighter: {sizeAdjust: 7.5},
			  cursor: {show: false},
			  series:[
			      {lineWidth:4,
			       markerOptions:{style:'square'},
			       trendline: {
				   show:true,
				   color: '#aaaaaa'
			       }}],
			 });
    }

    var weight_opts = _def_opts();
    weight_opts[0].title = 'Weight(Kg)';

    var p1;
    if (Math.abs(min_weight - target_weight) < 3) {
	p1 = [plot_data[1],[[min_date, target_weight],[max_date, target_weight]]];
    } else {
	p1 = [plot_data[1]];
    }

    $.jqplot('weight', p1, weight_opts[0]);

    var fat_opts = _def_opts();
    fat_opts[0].title = 'Fat Ration (%)';
    fat_opts[0].axes.yaxis.tickOptions.formatString = '%.1f%';
    fat_opts[0].seriesColors =  ["#F1E07A"];

    $.jqplot('fat', [plot_data[6]], fat_opts[0]);

    window.onorientationchange = function () {
	$('#weight').empty();
	$.jqplot('weight', p1, weight_opts[0]);
	$('#fat').empty();
	$.jqplot('fat', [plot_data[6]], fat_opts[0]);
    }
});