// JavaScript Document
function initializeMap() {

  if (GBrowserIsCompatible()) {
	var map = new GMap2(document.getElementById("map"));
	map.setCenter(new GLatLng(50.958426723359935,-7.734375), 2);
	map.addControl(new GSmallZoomControl());
	
	var markers = new GGeoXml("http://ws.geonames.org/rssToGeoRSS?feedUrl=http%3A%2F%2Fwww.google.com%2Falerts%2Ffeeds%2F07951848811207587428%2F1476595631866727200");
	map.addOverlay(markers);
  }
}
google.setOnLoadCallback(initializeMap);



google.load("feeds", "1");
     
function initializeFeed() {
  var feed = new google.feeds.FeedControl();
  feed.addFeed("http://www.google.com/alerts/feeds/07951848811207587428/1476595631866727200");
  feed.draw(document.getElementById("feed"));
}
google.setOnLoadCallback(initializeFeed);



google.load("visualization", "1", {packages:["linechart", "piechart"]});

function drawCharts() {
	var data_daily = new google.visualization.DataTable();
	var data_total = new google.visualization.DataTable();
	var total = 0;
	data_daily.addColumn('string', 'Month');
	data_daily.addColumn('number', 'Visits');
	
	data_total.addColumn('string', 'Month');
	data_total.addColumn('number', 'Total');
	
	var data_table = document.getElementById('chart_data');
	for(i=1; i<data_table.rows.length; i++){
		data_daily.addRow();
		data_total.addRow();
		var row_data = data_table.rows[i];	
		var date = row_data.cells[0].innerHTML;
		var visits = parseInt(row_data.cells[1].innerHTML);
		total += visits;
		
		data_daily.setValue(i-1, 0, date);
		data_daily.setValue(i-1, 1, visits);
		data_total.setValue(i-1, 0, date);
		data_total.setValue(i-1, 1, total);
	}
	

	var chart_daily = new google.visualization.LineChart(document.getElementById('chart_daily'));
	var chart_total = new google.visualization.LineChart(document.getElementById('chart_total'));
	chart_daily.draw(data_daily, {width: 600, height: 215, colors: new Array('3366FF'), focusBorderColor: {stroke:'0000CC', fill:'#eee', strokeSize: 3}, axisFontSize: 10, lineSize: 3, pointSize: 4, legend: 'none'});
	chart_total.draw(data_total, {width: 600, height: 215, colors: new Array('FF9900'),  focusBorderColor: {stroke:'FF6600', fill:'#eee', strokeSize: 3},axisFontSize: 10, lineSize: 3, pointSize: 4, legend: 'none'});
}

google.setOnLoadCallback(drawCharts);


function drawPie(){

	var data = new google.visualization.DataTable();
	data.addColumn('string', 'Source');
	data.addColumn('number', 'Visits');
	
	
	var data_table = document.getElementById('chart_data_source');
	var num_rows = data_table.rows.length-1;
	var count = 0;
	var others = 0;
	for(i=num_rows; i>0; i--){
		
		var row_data = data_table.rows[i];	
		var source = row_data.cells[0].innerHTML;
		var visits = parseInt(row_data.cells[1].innerHTML);
		
		if(i>(num_rows-10)){
			data.addRow();
		
			data.setValue(count, 0, source);
			data.setValue(count, 1, visits);
			count++;
		}
		else{
			others += visits;
		}
	}
	data.addRow();
	data.setValue(count, 0, '(others)');
	data.setValue(count, 1, others);
	
	var chart = new google.visualization.PieChart(document.getElementById('pie_source'));
	chart.draw(data, {width: 600, height: 300, titleFontSize: 10, is3D: false, colors: new Array('3366FF', 'FF9900', '04B404', 'FFFF00', 'FF0000', '5F04B4', 'black', 'DF0174', '08088A', '61380B', '585858')});
}

google.setOnLoadCallback(drawPie);