/*
 * funzione che si occupa di renderizzare la sidebar in base all'area e sottoarea selezionate
 */
function drawSidebar() {
	
	$("#sidebar_list").html("");
	
	var area = $("#area").val();
	var sottoarea = $(".sub-" + area).val();
	var year = $("#year").val();
	
	
	if (area == "anagStu"){
		drawSidebarStudenti(sottoarea,year);
	}else if (area == "anagScu") {
		drawSidebarScuole(sottoarea);
	}else if (area == "anagPers") {
		
		drawSidebarPersonaleScuola(sottoarea);
	}
		
	$('.label_check, .label_radio').click(function(){
		
		// se deseleziono una voce di menu principale devo automaticamente deselezionare le voci di sub_menu
		if (!$(this).children().is(":checked")) {
			var id = $(this).children().attr("id");
	        $(".sub_" + id).each(function(){
	        	$(this).removeAttr("checked");
	        });
	        
	        if ($(this).attr("for") == "menu") {
	        	$(".sub_sub_" + id).each(function(){
		        	$(this).removeAttr("checked");
		        });
			}
		}
		
		// se seleziono una voce di sub_menu devo automaticamente selezionare la corrispondente voce di menu principale 
		if ($(this).children().is(":checked") && $(this).attr("for") == "sub_menu") {
			var classStyle = $(this).children().attr("class").replace("sub_", "");
			$(this).parent().parent().parent().find("input[id='" + classStyle + "']").prop("checked", true);
		}
		
		// se seleziono una voce di sub_sub_menu devo automaticamente selezionare la corrispondente voce di sub_menu 
		if ($(this).children().is(":checked") && $(this).attr("for") == "sub_sub_menu") {
			var classStyleSubMenu = $(this).children().attr("class").replace("sub_", "");
			
			// seleziono il sub_menu corrispondente
			$(this).parent().parent().parent().find("input[id='" + classStyleSubMenu + "']").prop("checked", true);
			
			// selezioni il menù principale corrispondente
			var classStylePrincipale = classStyleSubMenu.replace("sub_", "");
			$(this).parent().parent().parent().parent().parent().find("input[id='" + classStylePrincipale + "']").prop("checked", true);
		}
		
		// se ho deselezionato "statale" devo automaticamente deselezionare centri di formazione e renderlo disabled
		if ($(this).attr("for") == "statale"){
			if(!$(this).children().is(":checked")) {
				$("#centri-formazione").removeAttr("checked");
				$("#centri-formazione").attr("disabled", true);
			}else {
				$("#centri-formazione").removeAttr("disabled");
			}
		}
		
        setupLabel();
        drawCharts();
    });
	
	setupLabel();
}

function drawSidebarNew() {
	
	$("#sidebar_list").html("");
	
	var area = $("#area").val();
	var sottoarea = $(".sub-" + area).val();
	
	if (area == "anagStu"){
		drawSidebarStudenti(sottoarea);
	}else if (area == "anagScu") {
		drawSidebarScuole(sottoarea);
	}
		
	$('.label_check, .label_radio').click(function(){
		
		// se deseleziono una voce di menu principale devo automaticamente deselezionare le voci di sub_menu
		if (!$(this).children().is(":checked")) {
			var id = $(this).children().attr("id");
	        $(".sub_" + id).each(function(){
	        	$(this).removeAttr("checked");
	        });
	        
	        if ($(this).attr("for") == "menu") {
	        	$(".sub_sub_" + id).each(function(){
		        	$(this).removeAttr("checked");
		        });
			}
		}
		
		// se seleziono una voce di sub_menu devo automaticamente selezionare la corrispondente voce di menu principale 
		if ($(this).children().is(":checked") && $(this).attr("for") == "sub_menu") {
			var classStyle = $(this).children().attr("class").replace("sub_", "");
			$(this).parent().parent().parent().find("input[id='" + classStyle + "']").prop("checked", true);
		}
		
		// se seleziono una voce di sub_sub_menu devo automaticamente selezionare la corrispondente voce di sub_menu 
		if ($(this).children().is(":checked") && $(this).attr("for") == "sub_sub_menu") {
			var classStyleSubMenu = $(this).children().attr("class").replace("sub_", "");
			
			// seleziono il sub_menu corrispondente
			$(this).parent().parent().parent().find("input[id='" + classStyleSubMenu + "']").prop("checked", true);
			
			// selezioni il menù principale corrispondente
			var classStylePrincipale = classStyleSubMenu.replace("sub_", "");
			$(this).parent().parent().parent().parent().parent().find("input[id='" + classStylePrincipale + "']").prop("checked", true);
		}
		
		// se ho deselezionato "statale" devo automaticamente deselezionare centri di formazione e renderlo disabled
		if ($(this).attr("for") == "statale"){
			if(!$(this).children().is(":checked")) {
				$("#centri-formazione").removeAttr("checked");
				$("#centri-formazione").attr("disabled", true);
			}else {
				$("#centri-formazione").removeAttr("disabled");
			}
		}
		
        setupLabelNew();
        drawCharts();
    });
	
	setupLabelNew();
}


function drawSidebarStudenti(sottoarea,year) {
	console.log('drawSidebarStudenti(' + sottoarea + ',' + year + ')...' );
	var blocco_UL_infanzia_sta_par	= '<ul>'
									+ '  	<li>'
									+ '	 		<div>'
									+ '	  			<label class="label_check" for="statale">'
									+ '					<input name="sample-checkbox" id="scuola-infanzia" value="statale" type="checkbox"/> statale'
									+ '	  			</label>'
									+ '			</div>'
									+ '	 	</li>'
									+ '	 	<li>'
									+ '			<div>'
									+ '				<label class="label_check" for="paritaria">'
									+ '		  			<input name="sample-checkbox" id="infanzia-orario-normale" value="paritaria" type="checkbox"/> paritaria'
									+ '				</label>'
									+ '			</div>'
									+ '	  	</li>'
									+ '</ul>';

	var blocco_LI_infanzia_orario 	= '<li>'
									+ '		<div>'
									+ '			<label class="label_check" for="menu">'
									+ '				<input name="sample-checkbox" id="scuoleInfanzia" value="scuole_infanzia" type="checkbox"/> scuole dell\'infanzia'
									+ '			</label>'
									+ '		</div>'
									+ '		<ul>'
									+ '			<li>'
									+ '				<label class="label_check" for="sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_scuoleInfanzia" value="orario_ridotto" type="checkbox"/> orario ridotto'
									+ '				</label>'
									+ '			</li>'
									+ '			<li>'
									+ '				<label class="label_check sub_menu" for="sub_menu">'
									+ '  				<input name="sample-checkbox" class="sub_scuoleInfanzia" value="orario_normale" type="checkbox"/> orario normale'
									+ '				</label>'
									+ '			</li>'
									+ '			<li>'
									+ '				<label class="label_check sub_menu" for="sub_menu">'
									+ '  				<input name="sample-checkbox" class="sub_scuoleInfanzia" value="orario_prolungato" type="checkbox"/> orario prolungato'
									+ '				</label>'
									+ '			</li>'
									+ '			<li>'
									+ '				<label class="label_check sub_menu" for="sub_menu">'
									+ '  				<input name="sample-checkbox" class="sub_scuoleInfanzia" value="altre_tipologie_orario" type="checkbox"/> altre tipologie di orario'
									+ '				</label>'
									+ '			</li>'
									+ '    </ul>'
									+ '</li>';

	var blocco_LI_scuole_primaria 	= '<li>'
									+ '		<div>'
									+ '			<label class="label_check" for="menu">'
									+ '				<input name="sample-checkbox" id="primaria" value="scuole_primaria" type="checkbox"/> scuole primarie'
									+ '			</label>'
									+ '		</div>'
									+ '		<ul>'
									+ '			<li>'
									+ '				<label class="label_check" for="sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_primaria" value="tempo_normale" type="checkbox"/> tempo normale'
									+ '				</label>'
									+ '			</li>'
									+ '			<li>'
									+ '				<label class="label_check sub_menu" for="sub_menu">'
									+ '  				<input name="sample-checkbox" class="sub_primaria" value="tempo_pieno" type="checkbox"/> tempo pieno'
									+ '				</label>'
									+ '			</li>'
									+ '    </ul>'
									+ '</li>';

	var blocco_LI_secondaria_1_gr	= '<li>'
									+ '		<div>'
									+ '			<label class="label_check" for="menu">'
									+ '				<input name="sample-checkbox" id="secondariaI" value="scuole_secondaria_1_grado" type="checkbox"/> scuole secondarie di I grado'
									+ '			</label>'
									+ '		</div>'
									+ '		<ul>'
									+ '			<li>'
									+ '				<label class="label_check" for="sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_secondariaI" value="orario_ordinario" type="checkbox"/> ordinario'
									+ '				</label>'
									+ '			</li>'
									+ '			<li>'
									+ '				<label class="label_check" for="sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_secondariaI" value="orario_musicale" type="checkbox"/> musicale'
									+ '				</label>'
									+ '			</li>'
									+ '		</ul>'
									+ '</li>';

	var blocco_LI_licei_inizio		= '<li>'
									+ '		<label class="label_check" for="sub_menu">'
									+ '			<input name="sample-checkbox" class="sub_secondariaII" id="sub_secondariaII" value="licei" type="checkbox"/> licei'
									+ '		</label>'
									+ '		<ul>'
									+ '			<li>'
									+ '				<label class="label_check" for="sub_sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_sub_secondariaII" value="indirizzo_artistico" type="checkbox"/> artistico'
									+ '				</label>'
									+ '			</li>'
									+ '			<li>'
									+ '				<label class="label_check" for="sub_sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_sub_secondariaII" value="indirizzo_classico" type="checkbox"/> classico'
									+ '				</label>'
									+ '			</li>';
	
								
	var blocco_LI_licei_fine 		= '			<li>'
									+ '				<label class="label_check" for="sub_sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_sub_secondariaII" value="indirizzo_internazionale" type="checkbox"/> internazionale'
									+ '				</label>'
									+ '			</li>'
									+ '			<li>'
									+ '				<label class="label_check" for="sub_sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_sub_secondariaII" value="indirizzo_linguistico" type="checkbox"/> linguistico'
									+ '				</label>'
									+ '			</li>'
									+ '			<li>'
									+ '				<label class="label_check" for="sub_sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_sub_secondariaII" value="indirizzo_musicale_coreutico" type="checkbox"/> musicale e coreutico'
									+ '				</label>'
									+ '			</li>'
									+ '			<li>'
									+ '				<label class="label_check" for="sub_sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_sub_secondariaII" value="indirizzo_scientifico" type="checkbox"/> scientifico'
									+ '				</label>'
									+ '			</li>'
									+ '			<li>'
									+ '				<label class="label_check" for="sub_sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_sub_secondariaII" value="indirizzo_scienze_umane" type="checkbox"/> scienze umane'
									+ '				</label>'
									+ '			</li>'
									+ '		</ul>'
									+ '</li>';
	
	var blocco_LI_euro_pre1819		= '<li>'
									+ '		<label class="label_check" for="sub_sub_menu">'
									+ '			<input name="sample-checkbox" class="sub_sub_secondariaII" value="indirizzo_classico_europeo" type="checkbox"/> classico europeo'
									+ '		</label>'
									+ '</li>';
	
	var blocco_LI_euro_post1819		= '<li>'
									+ '		<label class="label_check" for="sub_sub_menu">'
									+ '			<input name="sample-checkbox" class="sub_sub_secondariaII" value="indirizzo_europeo" type="checkbox"/> europeo'
									+ '		</label>'
									+ '</li>';
	
	var blocco_LI_licei_pre1819 	= blocco_LI_licei_inizio + blocco_LI_euro_pre1819 + blocco_LI_licei_fine;
	
	var blocco_LI_licei_post1819 	= blocco_LI_licei_inizio + blocco_LI_euro_post1819 + blocco_LI_licei_fine;

	var blocco_LI_tecnici			= '<li>'
									+ '		<label class="label_check" for="sub_menu">'
									+ '			<input name="sample-checkbox" class="sub_secondariaII" id="sub_secondariaII" value="istituti_tecnici" type="checkbox"/> tecnici'
									+ '		</label>'
									+ '		<ul>'
									+ '			<li>'
									+ '				<label class="label_check" for="sub_sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_sub_secondariaII" value="indirizzo_economico" type="checkbox"/> economico'
									+ '				</label>'
									+ '			</li>'
									+ '			<li>'
									+ '				<label class="label_check" for="sub_sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_sub_secondariaII" value="indirizzo_tecnologico" type="checkbox"/> tecnologico'
									+ '				</label>'
									+ '			</li>'
									+ '		</ul>'
									+ '</li>';

	var blocco_LI_professionali_inizio = '<li>'
									+ '		<label class="label_check" for="sub_menu">'
									+ '			<input name="sample-checkbox" class="sub_secondariaII" id="sub_secondariaII" value="istituti_professionali" type="checkbox"/> professionali'
									+ '		</label>'
									+ '		<ul>';
	
	var blocco_LI_IeFP_pre1819 		= '			<li>'
									+ '				<label class="label_check" for="sub_sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_sub_secondariaII" value="ieFP_complementare" type="checkbox"/> IeFP complementare'
									+ '				</label>'
									+ '			</li>';
								
	var blocco_LI_IeFP_post1819 	='			<li>'
									+ '				<label class="label_check" for="sub_sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_sub_secondariaII" value="nuovi_professionali" type="checkbox"/> nuovi professionali'
									+ '				</label>'
									+ '			</li>';
	
	var blocco_LI_professionali_fine= '    		<li>'
									+ '				<label class="label_check" for="sub_sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_sub_secondariaII" value="industria_artigianato" type="checkbox"/> industria e artigianato'
									+ '				</label>'
									+ '			</li>'
									+ '			<li>'
									+ '				<label class="label_check" for="sub_sub_menu">'
									+ '					<input name="sample-checkbox" class="sub_sub_secondariaII" value="servizi" type="checkbox"/> servizi'
									+ '				</label>'
									+ '			</li>'
									+ '		</ul>'
									+ '</li>';							
	
	var blocco_LI_professionali_pre1819 = blocco_LI_professionali_inizio + blocco_LI_IeFP_pre1819 + blocco_LI_professionali_fine;
	
	var blocco_LI_professionali_post1819 = blocco_LI_professionali_inizio + blocco_LI_IeFP_post1819 + blocco_LI_professionali_fine;
	
	var blocco_LI_professionali_IeFP 	= '<li>'
										+ '		<label class="label_check" for="sub_menu">'
										+ '			<input name="sample-checkbox" class="sub_secondariaII" id="sub_secondariaII" value="istituti_professionali_IeFP" type="checkbox"/> professionali IeFP'
										+ '		</label>'
										+ '		<ul>'
										+ '			<li>'
										+ '				<label class="label_check" for="sub_sub_menu">'
										+ '					<input name="sample-checkbox" class="sub_sub_secondariaII" value="ieFP" type="checkbox"/> IeFP'
										+ '				</label>'
										+ '			</li>'
										+ '         <li>'
										+ '				<label class="label_check" for="sub_sub_menu">'
										+ '					<input name="sample-checkbox" class="sub_sub_secondariaII" value="industria_artigianato_ex_IeFP" type="checkbox"/> industria e artigianato (IeFP ex integrativa)'
										+ '				</label>'
										+ '			</li>'
										+ '			<li>'
										+ '				<label class="label_check" for="sub_sub_menu">'
										+ '					<input name="sample-checkbox" class="sub_sub_secondariaII" value="servizi_ex_IeFP" type="checkbox"/> servizi (IeFP ex integrativa)'
										+ '				</label>'
										+ '			</li>'
										+ '		</ul>'
										+ '</li>';		
	
	var blocco_UL_maschi_femmine 		= '<ul>'
										+ '  	<li>'
										+ '	 		<div>'
										+ '	  			<label class="label_check" for="scuola-infanzia">'
										+ '					<input name="sample-checkbox" id="scuola-infanzia" value="femmine" type="checkbox"/> femmine'
										+ '	  			</label>'
										+ '			</div>'
										+ '	 	</li>'
										+ '	 	<li>'
										+ '			<div>'
										+ '				<label class="label_check" for="infanzia-orario-normale">'
										+ '		  			<input name="sample-checkbox" id="infanzia-orario-normale" value="maschi" type="checkbox"/> maschi'
										+ '				</label>'
										+ '			</div>'
										+ '	  	</li>'
										+ '</ul>';					
	
	var blocco_UL_cittadinanza 			= '<ul>'
										+ '  	<li>'
										+ '	 		<div>'
										+ '	  			<label class="label_check" for="scuola-infanzia">'
										+ '					<input name="sample-checkbox" id="scuola-infanzia" value="cittadinanza_italiana" type="checkbox"  /> cittadinanza italiana'
										+ '	  			</label>'
										+ '			</div>'
										+ '	 	</li>'
										+ '	 	<li>'
										+ '			<div>'
										+ '				<label class="label_check" for="infanzia-orario-normale">'
										+ '		  			<input name="sample-checkbox" id="infanzia-orario-normale" value="cittadinanza_non_italiana" type="checkbox"  /> cittadinanza non italiana'
										+ '				</label>'
										+ '			</div>'
										+ '	  	</li>'
										+ '</ul>';

	var sidebarListHtml = '';
	sidebarListHtml +=  '<div class="checkbox_container">';
	sidebarListHtml += 	 	blocco_UL_infanzia_sta_par;
	sidebarListHtml += '    <br/>';
	sidebarListHtml += '	<ul>';
	if (year >= 201718) {
		sidebarListHtml += 		blocco_LI_infanzia_orario;  // solo per year >= 201718
	}
	sidebarListHtml += 			blocco_LI_scuole_primaria;
	sidebarListHtml += 			blocco_LI_secondaria_1_gr;
	sidebarListHtml += '	  	<li>';
	sidebarListHtml += '			<div>';
	sidebarListHtml += '				<label class="label_check" for="menu">';
	sidebarListHtml += '		  			<input name="sample-checkbox" id="secondariaII" value="scuole_secondaria_2_grado" type="checkbox"/> scuole secondarie di II grado';
	sidebarListHtml += '				</label>';
	sidebarListHtml += '			</div>';
	sidebarListHtml += '	 		<ul>';
	if (year >= 201819) {
		sidebarListHtml += 				blocco_LI_licei_post1819;
		sidebarListHtml += 				blocco_LI_tecnici;
		sidebarListHtml +=  			blocco_LI_professionali_post1819;
		sidebarListHtml +=				blocco_LI_professionali_IeFP;
	}
	else{
		sidebarListHtml += 				blocco_LI_licei_pre1819;
		sidebarListHtml += 				blocco_LI_tecnici;
		sidebarListHtml += 				blocco_LI_professionali_pre1819;
	}
	sidebarListHtml += '	  		</ul>';
	sidebarListHtml += '	  	</li>';
	sidebarListHtml += '	 </ul>';
	if (sottoarea == "stu1") {
		sidebarListHtml += ' <br/>';  // solo per stu1
		sidebarListHtml += 	 blocco_UL_maschi_femmine;  // solo per stu1
		sidebarListHtml += ' <br/>';  // solo per stu1
		sidebarListHtml += 	 blocco_UL_cittadinanza; // solo per stu1
	}
	sidebarListHtml += '</div>';
	$("#sidebar_list").html(sidebarListHtml);
}


function drawSidebarScuole(sottoarea) {

	// istituzioni scolastiche
	if (sottoarea == "scu1") {
		$("#sidebar_list").html(
				  '<div class="radio_container">'
				+ '	<ul>'
				+ '  	<li>'
				+ '			<label class="label_radio" for="alunni-in-totale">'
				+ '	  			<input name="sample-radio" id="alunni-in-totale" value="istitutiPrincipali" type="radio" checked /> Istituti Principali'
				+ '			</label>'
				+ '  	</li>'
				+ '  	<li>'
				+ '			<label class="label_radio" for="alunni-con-disabilita">'
				+ '	  			<input name="sample-radio" id="alunni-con-disabilita" value="sediDiDirettivo" type="radio" /> Ist. Princ. - Sede Direttivo'
				+ '			</label>'
				+ '  	</li>'
				+ '	</ul>'
				+ '</div>'
				+ '<div class="checkbox_container_istscu">'
				+ '	 <ul>'
				+ '  	<li>'
				+ '	  		<label class="label_check" for="scuola-infanzia">'
				+ '				<input name="sample-checkbox" id="scuola-infanzia" value="circoli_didattici" type="checkbox" /> circoli didattici'
				+ '	  		</label>'
				+ '	 	</li>'
				+ '	 	<li>'
				+ '			<label class="label_check" for="infanzia-orario-normale">'
				+ '		  		<input name="sample-checkbox" id="infanzia-orario-normale" value="istituti_comprensivi" type="checkbox" /> istituti comprensivi'
				+ '			</label>'
				+ '	  	</li>'
				+ '	  	<li style="border-bottom: 1px solid #dbdbd6;">'
				+ '			<label class="label_check" for="infanzia-orario-ridotto">'
				+ '		  		<input name="sample-checkbox" id="infanzia-orario-ridotto" value="scuole_secondaria_1_grado" type="checkbox" /> scuole di I grado'
				+ '			</label>'
				+ '	  	</li>'
				+ '	 	<li>'
				+ '			<label class="label_check" for="infanzia-orario-normale">'
				+ '		  		<input name="sample-checkbox" id="infanzia-orario-normale" value="scuole_secondaria_2_grado" type="checkbox" /> scuole di II grado'
				+ '			</label>'
				+ '	  	</li>'
				+ '	  	<li>'
				+ '			<label class="label_check" for="infanzia-orario-ridotto">'
				+ '		  		<input name="sample-checkbox" id="infanzia-orario-ridotto" value="istituti_superiori" type="checkbox" /> istituti superiori'
				+ '			</label>'
				+ '	  	</li>'
				+ '	 	<li>'
				+ '			<label class="label_check" for="infanzia-orario-normale">'
				+ '		  		<input name="sample-checkbox" id="infanzia-orario-normale" value="cpia" type="checkbox" /> CPIA'
				+ '			</label>'
				+ '	  	</li>'
				+ '	  	<li style="border-bottom: 1px solid #dbdbd6;">'
				+ '			<label class="label_check" for="infanzia-orario-ridotto">'
				+ '		  		<input name="sample-checkbox" id="infanzia-orario-ridotto" value="convitti_educandati" type="checkbox" /> convitti ed educandati'
				+ '			</label>'
				+ '	  	</li>'
				+ '	 </ul>'
				+ '</div>');
	} 
	
	// sedi scolastiche
	else if (sottoarea == "scu2") {
		$("#sidebar_list").html(
				  '<div class="checkbox_container">'
				+ '	 <ul>'
				+ '  	<li>'
				+ '	 		<div>'
				+ '	  		    <label class="label_radio" for="sediStatali">'
				+ '	  			    <input name="sample-radioNew" id="sediStatali" value="sediDiDirettivo" type="radio" onclick = "checkRadios(this)" /> Sedi scolastiche statali'
				+ '	  			</label>'
				+ '			</div>'
				+ '     </li>'
				+ '  	<li>'
				+ '	 		<div>'
				+ '	  		    <label class="label_radio" for="scuole">'
				+ '	  			    <input name="sample-radioNew" id="scuole" value="sediDiScuole" type="radio" onclick = "checkRadios(this)"  checked/> Scuole'
				+ '	  			</label>'
				+ '			</div>'
				+ '     </li>'
				+ '  	<li>'
				+ '	 		<div>'
				+ '	  			<label style="margin-left:30px" class="label_check" for="statale">'
				+ '					<input name="sample-checkbox" id="checkStatali" value="statale" type="checkbox"  /> statali'
				+ '	  			</label>'
				+ '			</div>'
				+ '	 	</li>'
				+ '	 	<li>'
				+ '			<div>'
				+ '				<label style="margin-left:30px" class="label_check" for="paritaria">'
				+ '		  			<input name="sample-checkbox" id="checkParitarie" value="paritaria" type="checkbox"  /> paritarie'
				+ '				</label>'
				+ '			</div>'
				+ '	  	</li>'
				+ '	 </ul>'
				+ '  <br/>'
				+ '	 <ul>'
				+ '  	<li>'
				+ '	 		<div>'
				+ '	  			<label class="label_check" for="scuola-infanzia">'
				+ '					<input name="sample-checkbox" value="scuole_infanzia" type="checkbox"/> scuole dell\'infanzia'
				+ '	  			</label>'
				+ '			</div>'
				+ '	 	</li>'
				+ '	 	<li>'
				+ '			<div>'
				+ '				<label class="label_check" for="scuola-primaria">'
				+ '		  			<input name="sample-checkbox" value="scuole_primaria" type="checkbox"/> scuole primaria'
				+ '				</label>'
				+ '			</div>'
				+ '	  	</li>'
				+ '	  	<li>'
				+ '			<div>'
				+ '				<label class="label_check" for="infanzia-orario-ridotto">'
				+ '		  			<input name="sample-checkbox" value="scuole_secondaria_1_grado" type="checkbox"  /> scuole secondarie di I grado'
				+ '				</label>'
				+ '			</div>'
				+ '	  	</li>'
				+ '	 	<li>'
				+ '			<div>'
				+ '				<label class="label_check" for="infanzia-orario-normale">'
				+ '		  			<input name="sample-checkbox" value="scuole_secondaria_2_grado" type="checkbox"  /> scuole secondarie di II grado'
				+ '				</label>'
				+ '			</div>'
				+ '	 </ul>'
				+ '</div>');
	}	
	
	
}
//Personale Scuola Docenti
function drawSidebarPersonaleScuola(sottoarea) {
	

 if (sottoarea == "persDocenti") {
		$("#sidebar_list").html(
				  '<div class="checkbox_container">'
				
				+ '	 <ul>'
				+ '  	<li>'
				+ '	 		<div>'
				+ '	  			<label class="label_check" for="statale">'
				+ '					<input name="sample-checkbox" id="personaleDocente" value="tipo_posto_comune" type="checkbox"/> tipo posto comune'
				+ '	  			</label>'
				+ '			</div>'
				+ '	 	</li>'
				+ '	 	<li>'
				+ '			<div>'
				+ '				<label class="label_check" for="paritaria">'
				+ '		  			<input name="sample-checkbox" id="personaleDocente" value="tipo_posto_sostegno" type="checkbox"/> tipo posto sostegno'
				+ '				</label>'
				+ '			</div>'
				+ '	  	</li>'
				+ '	 </ul>'
				+ '	 <br/>'
				+ '	  	<ul>'
				+ '  	<li>'
				+ '	 		<div>'
				+ '	  			<label class="label_check" for="menu">'
				+ '					<input name="sample-checkbox" id="docentiIndeterminato" value="tempo_indeterminato" type="checkbox"/> tempo indeterminato'
				+ '	  			</label>'
				+ '			</div>'
				+ '	 		<div>'
				+ '	  			<label class="label_check" for="menu">'
				+ '					<input name="sample-checkbox" id="docentiDeterminato" value="tempo_determinato" type="checkbox"/> tempo determinato'
				+ '	  			</label>'
				+ '			</div>'
				+ '			<ul>'
				+ '  			<li>'
				+ '	  				<label class="label_check" for="sub_menu">'
				+ '						<input name="sample-checkbox" class="sub_docentiDeterminato" value="annuale" type="checkbox"/> annuale'
				+ '	  				</label>'
				+ '	 			</li>'
				+ '	 			<li>'
				+ '					<label class="label_check sub_menu" for="sub_menu">'
				+ '		  				<input name="sample-checkbox" class="sub_docentiDeterminato" value="fine_termine" type="checkbox"/> fine termine'
				+ '					</label>'
				+ '	  			</li>'
				+ '         </ul>'
				+ '	 	</li>'
				+ '	 <br/>'
				+ '	 <ul>'
				+ '  	<li>'
				+ '	 		<div>'
				+ '	  			<label class="label_check" for="scuola-infanzia">'
				+ '					<input name="sample-checkbox" value="scuole_infanzia" type="checkbox"/> scuole dell\'infanzia'
				+ '	  			</label>'
				+ '			</div>'
				+ '	 	</li>'
				+ '	 	<li>'
				+ '			<div>'
				+ '				<label class="label_check" for="scuola-primaria">'
				+ '		  			<input name="sample-checkbox" value="scuole_primaria" type="checkbox"/> scuole primaria'
				+ '				</label>'
				+ '			</div>'
				+ '	  	</li>'
				+ '	  	<li>'
				+ '			<div>'
				+ '				<label class="label_check" for="infanzia-orario-ridotto">'
				+ '		  			<input name="sample-checkbox" value="scuole_secondaria_1_grado" type="checkbox"  /> scuole secondarie di I grado'
				+ '				</label>'
				+ '			</div>'
				+ '	  	</li>'
				+ '	 	<li>'
				+ '			<div>'
				+ '				<label class="label_check" for="infanzia-orario-normale">'
				+ '		  			<input name="sample-checkbox" value="scuole_secondaria_2_grado" type="checkbox"  /> scuole secondarie di II grado'
				+ '				</label>'
				+ '			</div>'
				+ '	 </ul>'
				+ '	 <br/>'
				+ '	 <ul>'
				+ '  	<li>'
				+ '	 		<div>'
				+ '	  			<label class="label_check" for="scuola-infanzia">'
				+ '					<input name="sample-checkbox" id="scuola-infanzia" value="femmine" type="checkbox"/> femmine'
				+ '	  			</label>'
				+ '			</div>'
				+ '	 	</li>'
				+ '	 	<li>'
				+ '			<div>'
				+ '				<label class="label_check" for="infanzia-orario-normale">'
				+ '		  			<input name="sample-checkbox" id="infanzia-orario-normale" value="maschi" type="checkbox"/> maschi'
				+ '				</label>'
				+ '			</div>'
				+ '	  	</li>'
				+ '	 </ul>'
				+ '	 <br/>'
				+ '	 <ul>'
				+ '  	<li>'
				+ '	 		<div>'
				+ '	  			<label class="label_check" for="scuola-infanzia">'
				+ '					<input name="sample-checkbox" id="eta-docenti" value="fino_34" type="checkbox"  /> fino a 34'
				+ '	  			</label>'
				+ '			</div>'
				+ '	 	</li>'
				+ '	 	<li>'
				+ '			<div>'
				+ '				<label class="label_check" for="infanzia-orario-normale">'
				+ '		  			<input name="sample-checkbox" id="eta-docenti" value="tra_35_44" type="checkbox"  /> tra 35 e 44'
				+ '				</label>'
				+ '			</div>'
				+ '	  		</li>'
				+ '			<li>'
				+ '	 		<div>'
				+ '	  			<label class="label_check" for="scuola-infanzia">'
				+ '					<input name="sample-checkbox" id="eta-docenti" value="tra_45_54" type="checkbox"  /> tra 45 e 54'
				+ '	  			</label>'
				+ '			</div>'
				+ '	 	</li>'
				+ '	 	<li>'
				+ '			<div>'
				+ '				<label class="label_check" for="infanzia-orario-normale">'
				+ '		  			<input name="sample-checkbox" id="eta-docenti" value="oltre_54" type="checkbox"  /> oltre 54'
				+ '				</label>'
				+ '			</div>'
				+ '	  	</li>'
				+ '	 </ul>'
				+ '</div>'
				);
	}
	// Personale Scuola ATA
	else if (sottoarea == "persATA") {
		$("#sidebar_list").html(
				  '<div class="checkbox_container">'
				+ '	 <br/>'
				+ '	 <ul>'
				+ '	  <li>'
				+ '	 		<div>'
				+ '	  			<label class="label_check" for="menu">'
				+ '					<input name="sample-checkbox" id="primaria1" value="tempo_indeterminato" type="checkbox"/> Tempo indeterminato'
				+ '	  			</label>'
				+ '			</div>'
				+ '	 		<div>'
				+ '	  			<label class="label_check" for="menu">'
				+ '					<input name="sample-checkbox" id="primaria" value="tempo_determinato" type="checkbox"/> Tempo determinato'
				+ '	  			</label>'
				+ '			</div>'
				+ '			<ul>'
				+ '  			<li>'
				+ '	  				<label class="label_check" for="sub_menu">'
				+ '						<input name="sample-checkbox" class="sub_primaria" value="annuale" type="checkbox"/> Annuale'
				+ '	  				</label>'
				+ '	 			</li>'
				+ '	 			<li>'
				+ '					<label class="label_check sub_menu" for="sub_menu">'
				+ '		  				<input name="sample-checkbox" class="sub_primaria" value="fine_termine" type="checkbox"/> Fine termine'
				+ '					</label>'
				+ '	 		</li>'
				+ '     </ul>'
				+ '    </li>'
				+ '   </ul>'
				+ '	 <br/>'
				+ '	 <ul>'
				+ '  	<li>'
				+ '	 		<div>'
				+ '	  			<label class="label_check" for="scuola-infanzia">'
				+ '					<input name="sample-checkbox" id="scuola-infanzia" value="femmine" type="checkbox"/> Femmine'
				+ '	  			</label>'
				+ '			</div>'
				+ '	 	</li>'
				+ '	 	<li>'
				+ '			<div>'
				+ '				<label class="label_check" for="infanzia-orario-normale">'
				+ '		  			<input name="sample-checkbox" id="infanzia-orario-normale" value="maschi" type="checkbox"/> Maschi'
				+ '				</label>'
				+ '			</div>'
				+ '	  	</li>'
				+ '	 </ul>'
				+ '	 <br/>'
				+ '	 <ul>'
				+ '  	<li>'
				+ '	 		<div>'
				+ '	  			<label class="label_check" for="scuola-infanzia">'
				+ '					<input name="sample-checkbox" id="scuola-infanzia" value="fino_34" type="checkbox"  /> Fino a 34'
				+ '	  			</label>'
				+ '			</div>'
				+ '	 	</li>'
				+ '	 	<li>'
				+ '			<div>'
				+ '				<label class="label_check" for="infanzia-orario-normale">'
				+ '		  			<input name="sample-checkbox" id="infanzia-orario-normale" value="tra_35_44" type="checkbox"  /> Tra 35 e 44'
				+ '				</label>'
				+ '			</div>'
				+ '	  		</li>'
				+ '			<li>'
				+ '	 		<div>'
				+ '	  			<label class="label_check" for="scuola-infanzia">'
				+ '					<input name="sample-checkbox" id="scuola-infanzia" value="tra_45_54" type="checkbox"  />  Tra 45 e 54'
				+ '	  			</label>'
				+ '			</div>'
				+ '	 	</li>'
				+ '	 	<li>'
				+ '			<div>'
				+ '				<label class="label_check" for="infanzia-orario-normale">'
				+ '		  			<input name="sample-checkbox" id="infanzia-orario-normale" value="oltre_54" type="checkbox"  /> Oltre 54'
				+ '				</label>'
				+ '			</div>'
				+ '	  	</li>'
				+ '	 </ul>'
				+ '</div>'
				);
	}

}

function checkRadios(myRadio) {
    
	if(document.getElementById('scuole').checked) {
		document.getElementById('checkStatali').disabled=false;
		document.getElementById('checkParitarie').disabled=false;
		
	}
	else{
		document.getElementById('checkStatali').checked=false;
		document.getElementById('checkParitarie').checked=false;
		document.getElementById('checkStatali').disabled=true;
		document.getElementById('checkParitarie').disabled=true;
		drawCharts();
	}
    
}