$(document).ready(function(){
	$.getJSON("api/pereta.php", creaGraficoPerEta);
	$.getJSON("api/penetrazione.php?type=Totale", creaGraficoPenetrazione);
	$.getJSON("api/nointernet.php?type=2015", creaGraficoNoInternet);
	$.getJSON("api/famiglia.php?type=famiglie", creaGraficoFamiglia);
	$.getJSON("api/famiglia.php?type=famiglie&type2=nord", sottoGrafico1);
	$.getJSON("api/famiglia.php?type=famiglie&type2=centro", sottoGrafico2);
	$.getJSON("api/famiglia.php?type=famiglie&type2=sud", sottoGrafico3);
	$.getJSON("api/famigliaeu.php?type=azienda", drawRegionsMap);
	$.getJSON("api/velocita.php", creaGraficoVelocita);
	$("#select2").change(function(event){
		var scelta2=$("#select2").val();
		if(scelta2=="2015"){
			$("#grafico2").empty();
			$.getJSON("api/nointernet.php?type=2015", creaGraficoNoInternet);
		}
		if(scelta2=="2010"){
			$("#grafico2").empty();
			$.getJSON("api/nointernet.php?type=2010", creaGraficoNoInternet);
		}
	});
	$("#selectOfFamilies").change(function(event){
		var scelta1=$("#selectOfFamilies").val();
		if(scelta1=="aziende"){
			$("#grafico").empty();
			$.getJSON("api/famiglia.php?type=aziende", creaGraficoFamiglia);
			$.getJSON("api/famiglia.php?type=aziende&type2=nord", sottoGrafico1);
			$.getJSON("api/famiglia.php?type=aziende&type2=centro", sottoGrafico2);
			$.getJSON("api/famiglia.php?type=aziende&type2=sud", sottoGrafico3);
		}
		if(scelta1=="famiglie"){
			$("#grafico").empty();
			$.getJSON("api/famiglia.php?type=famiglie", creaGraficoFamiglia);
			$.getJSON("api/famiglia.php?type=famiglie&type2=nord", sottoGrafico1);
			$.getJSON("api/famiglia.php?type=famiglie&type2=centro", sottoGrafico2);
			$.getJSON("api/famiglia.php?type=famiglie&type2=sud", sottoGrafico3);
		}
		if(scelta1=="persone"){
			$("#grafico").empty();
			$.getJSON("api/famiglia.php?type=persone", creaGraficoFamiglia);
			$.getJSON("api/famiglia.php?type=persone&type2=nord", sottoGrafico1);
			$.getJSON("api/famiglia.php?type=persone&type2=centro", sottoGrafico2);
			$.getJSON("api/famiglia.php?type=persone&type2=sud", sottoGrafico3);
		}
	});
	$("input[name=scelta]:radio").click(function(event){
		var scelta=$("input[name=scelta]:checked").val();
		if(scelta=='azienda'){
			$("#mappa").empty();
			console.log('azienda');
			$.getJSON("api/famigliaeu.php?type=azienda", drawRegionsMap);
		}
		else{
			$("#mappa").empty();
			console.log('famiglia');
			$.getJSON("api/famigliaeu.php?type=famiglia", drawRegionsMap);
		}
	});
	$("input[name=continenti]:radio").click(function(event){
		var scelta3=$("input[name=continenti]:checked").val();
		if(scelta3=='Totale'){
			$("#graficopenetrazione").empty();
			console.log('totale');
			$.getJSON("api/penetrazione.php?type=Totale", creaGraficoPenetrazione);
		}
		if(scelta3=='Europa'){
			$("#graficopenetrazione").empty();
			console.log('europa');
			$.getJSON("api/penetrazione.php?type=Europa", creaGraficoPenetrazione);
		}
		if(scelta3=='Asia'){
			$("#graficopenetrazione").empty();
			console.log('asia');
			$.getJSON("api/penetrazione.php?type=Asia", creaGraficoPenetrazione);
		}
		if(scelta3=='Africa'){
			$("#graficopenetrazione").empty();
			console.log('africa');
			$.getJSON("api/penetrazione.php?type=Africa", creaGraficoPenetrazione);
		}
		if(scelta3=='America'){
			$("#graficopenetrazione").empty();
			console.log('america');
			$.getJSON("api/penetrazione.php?type=America", creaGraficoPenetrazione);
		}
		if(scelta3=='Oceania'){
			$("#graficopenetrazione").empty();
			console.log('oceania');
			$.getJSON("api/penetrazione.php?type=Oceania", creaGraficoPenetrazione);
		}
	});
});

function creaGraficoFamiglia(data)
{
	var opzioni = {
		chart: {type:'line'},
		title : {text: 'Percentuale in Italia di utilizzo di internet'},
		series: data.series,
		xAxis: {categories: data.categories}
	};
	Highcharts.chart("graficofamiglia", opzioni);
}

function sottoGrafico1(data)
{
	var opzioni = {
		chart: {type:'line'},
		title : {text: 'Percentuale in Italia settentrionale di utilizzo di internet '},
		series: data.series,
		xAxis: {categories: data.categories}
	};
	Highcharts.chart("sottografico1", opzioni);
}

function sottoGrafico2(data)
{
	var opzioni = {
		chart: {type:'line'},
		title : {text: 'Percentuale in Italia centrale di utilizzo di internet'},
		series: data.series,
		xAxis: {categories: data.categories}
	};
	Highcharts.chart("sottografico2", opzioni);
}

function sottoGrafico3(data)
{
	var opzioni = {
		chart: {type:'line'},
		title : {text: 'Percentuale in Italia meridionale di utilizzo di internet'},
		series: data.series,
		xAxis: {categories: data.categories}
	};
	Highcharts.chart("sottografico3", opzioni);
}

function creaGraficoNoInternet(data)
{
	var opzioni = {
		chart: {type:'column'},
		title : {text: 'Motivi per il mancato utilizzo di internet'},
		series: data.series,
		xAxis: {categories: data.categories}
	};
	Highcharts.chart("graficonointernet", opzioni);
}

function creaGraficoUtentiPaese(data)
{
	var opzioni = {
		chart: {type:'pie'},
		title : {text: 'Numero di utenti per paese'},
		series: data.series,
	};
	Highcharts.chart("graficoutentipaese", opzioni);
}

function creaGraficoPercentualePaese(data)
{
	var opzioni = {
		chart: {type:'bar'},
		title : {text: 'Statistiche percentuali per paese'},
		series: data.series,
		xAxis: {categories: data.categories}
	};
	Highcharts.chart("graficopercentualepaese", opzioni);
}

function creaGraficoPerEta(data)
{
	var opzioni = {
		chart: {type:'column'},
		title : {text: 'Statistiche utenti internet in Italia divisi per età'},
		series: data.series,
		xAxis: {categories: data.categories}
	};
	Highcharts.chart("graficopereta", opzioni);
}

function creaGraficoVelocita(data){
	var opzioni = {
		chart: {type:'column'},
		title : {text: 'Velocità delle connessioni in MBPS'},
		series: data.series,
		xAxis: {categories: data.categories}
	};
	Highcharts.chart("graficovelocita", opzioni);
}

function creaGraficoPenetrazione(data)
{
	var opzioni = {
		chart: {type:'column'},
		plotOptions: {
    		series: {
       			cursor: 'pointer',
        		point: {
     				events: {
        				click: function() {
        					var type=this.series.name;
        					$.getJSON("api/percentualepaese.php?type="+type, creaGraficoPercentualePaese);
        					$.getJSON("api/utentipaese.php?type="+type, creaGraficoUtentiPaese);
        				}
        			}
       			 }
    		}
		},
		title : {text: 'Percentuale Penetrazione'},
		series: data.series,
		xAxis: {categories: data.categories}	
	};
	Highcharts.chart("graficopenetrazione", opzioni);
}

function drawRegionsMap(data) { 
	var data = google.visualization.arrayToDataTable(data); 
	var options = {
        region: 150,
        colorAxis: {colors: ["white", "lightblue"]},
        backgroundColor: 'none',
        datalessRegionColor: 'none',
        title:"roba"
      };  
	var chart = new google.visualization.GeoChart(document.getElementById('mappa'));
	chart.draw(data, options);
}

function inizializza(){}