google.load('visualization', '1', {packages: ['annotatedtimeline']});
google.load('visualization', '1', {packages: ['table']});
function getData() {
	//$.getJSON('http://tools.afsc.org/reflections/index.php?callback=?',{'q':'AJAX/stories', 'output':'JSON'},drawChart);
	$.getJSON('http://www.countdowntowithdrawal.org/data/trooplevels/JSON','',drawChart);
}

function drawChart(JSONdata, textStatus) {

	if (textStatus != 'success') {
		alert("Error getting troop level data.");
		return;
	}
	
	var data = new google.visualization.DataTable();
	data.addColumn('date', 'Date');
	data.addColumn('number', 'U.S. Troops in Iraq');
	data.addColumn('number', 'U.S. Contractors in Iraq');
	data.addColumn('number', 'U.S. Troops in Afghanistan');
	data.addColumn('number', 'U.S. Contractors in Afghanistan');
	
	$.each(JSONdata.countdown.trooplevels, function(i, record) {
		j = data.addRow();
		rdate = record.date.split('-');
		data.setValue(j, 0, new Date(rdate[0], rdate[1]-1, rdate[2]));
		
		data.setValue(j, 1, parseInt(record.iraq.deployed));
		data.setValue(j, 2, parseInt(record.iraq.contractors));
		data.setValue(j, 3, parseInt(record.afghanistan.deployed));
		data.setValue(j, 4, parseInt(record.afghanistan.contractors));

	});
	
	// Create and draw the chart.
	var chart = new google.visualization.AnnotatedTimeLine(document.getElementById('chart_div'));
	chart.draw(data, {minTimelineGranularity: 360000, showSparkline: true, wmode: 'transparent', displayAnnotations: false, displayRangeSelector: false, fill: 0, min: 0, thickness: 2, legendPosition: "newRow", displayZoomButtons: false, displayExactValues: true, dateFormat: "MMMM d,yyyy"});
	// Create and draw the table.
	var table = new google.visualization.Table(document.getElementById('table_div'));
	// table.draw(data, {sortColumn:0});
	
}


google.setOnLoadCallback(getData);