diff --git a/browseMgr_5.2.js b/browseMgr_5.2.js
new file mode 100644
index 0000000..8c43e16
--- /dev/null
+++ b/browseMgr_5.2.js
@@ -0,0 +1,3274 @@
+/**
+ * 
+ */
+import { getVersiConCitazioni, queryRiferimenti, getListaRis, cleanListaRis, getRisultatiRiferimenti, getListaIdCommenti, queryRiferimentimul, versoCommentato } from './dataMgr_5.2.js';
+import { getJsonQuery, emptyStructCard, setCurrentPage, managePage, emptyNoteList } from './script_5.2.js';
+import { resetGraphStr } from './syntgraph_5.2.js'
+
+
+export var manageRisultatoCommmenti;
+export var showRiferimentiFrasi;
+export var resetResult;
+export var lsentid;
+export var lisid;
+export const formaClass = 'frm'
+export var vistaPeriodi = false
+var vistaDialoghi = false
+var vistaRiferimenti = true
+export var listaPeriodiRisultato;
+export var listaClausoleRisultato;
+export var numeroContesti;
+export var cantoDisplayed;
+export var showOffset = 30;
+export var graphTextReset;
+export var isSearchRiferimenti = false;
+export var showFrasi;
+export var listarisultati = [];
+
+const cantobadgeclass = 'badge badge-outline-warning badge-pill'
+const hdnNamespace = 'http://dantenetwork.it/data/commedia/'
+const syntitNamespace = 'https://dantenetwork.it/ontology/syntit/current/'
+
+
+
+$(document).ready(function() {
+	//removeGraph = false;
+	const dialogspeakers = {
+		"Beatrice": "diaBeatrice",
+		"Dante": "diaDante",
+		"Virgilio": "diaVirgilio",
+		"Cacciaguida": "diaCacciaguida",
+		"san Bernardo": "diaSanBernardo"
+	}
+	const dialogaltri = 'diaAltri'
+	const versiPerGruppo = 5;
+	var listaClausoleRisultatoContesti = []
+
+	var listaRisultatiCommenti = []
+	graphTextReset = function() { manageResults() }
+
+	const sparqlGenerator = sparqljs.Generator;
+	const myEngine = new Comunica.QueryEngine();
+
+	const sparqlEndpoint = "https://hdnlab1.isti.cnr.it/fuseki/commedia/query";
+	//const sparqlEndpoint = "https://lida.dantenetwork.it/fuseki/commedia/query";
+	var elencoRiferimenti;
+
+	var shownSentenceList = new Set()
+	var filterBottonAdded = false;
+	var showingComments = false;
+	listaPeriodiRisultato = [];
+	listaClausoleRisultato = []
+	/*var commentsArray = []
+	var commentsJson = {}*/
+	var commentsSQL = {}
+	var resultcommentsSQL = {}
+	/*var resultSentences = new Set()*/
+	const cantiche = ["Inferno", "Purgatorio", "Paradiso"]
+	var loadedCanti = new Set();
+	const openSTag = "{"
+	const closeSTag = "}"
+
+	cantoDisplayed = "#InfernoCanto_1";
+
+	var prevCantoDisplayed = "#InfernoCanto_1";
+	var contextLength = 3;
+
+	var idCitazione = "citazioneFrase";
+
+	initCitazioni();
+
+	resetResult = function() {
+		//console.log('clean result')
+		cleanSearchResult()
+		//esprlogica = []
+	}
+
+	//hideMinimap();
+	createAllDivCanti()
+	//const start = performance.now();
+	showCanto(formeprima, '1', '1')
+	$("#InfernoCanto_1").attr('style', 'display: d-flex;')
+	$("#printCantoCorrente").prop("disabled", false);
+	loadedCanti.add("InfernoCanto_1")
+	drawMinimap("#InfernoCanto_1", false)
+	const minim = $(" .minimap__content")
+
+
+	$('#opzioniVista :checkbox').change(function() {
+		const changedOption = $(this)[0].id;
+		switch (changedOption + "|" + this.checked) {
+			case "visPeriodi|true":
+				vistaPeriodi = true
+				loadFrasi();
+				break;
+			case "visPeriodi|false":
+				//$("#vistaFrasi").css("display", "none");
+				resetFrasi()
+				manageResults()
+				vistaPeriodi = false
+				break;
+			case "visRiferimenti|true":
+				vistaRiferimenti = true
+				/*initCitazioni()
+				$(cantoDisplayed).find(" .showcomments").each(function() {
+					$(this).css("display", "inline-block");
+				})
+				//$(" .showcomments").css("display", "inline-block");
+				minim.contents().find(" .showcomments").each(function() {
+					$(this).css('display', 'inline-block');
+				})*/
+				setCitazioni(true)
+				break;
+			case "visRiferimenti|false":
+				/*$(cantoDisplayed).find(" .showcomments").each(function() {
+					$(this).css("display", "none");
+				})
+				//$(".showcomments").css("display", "none");
+				minim.contents().find(" .showcomments").each(function() {
+					$(this).css('display', 'none');
+				})
+				$('#displaynote').empty()
+				$('#displaynote').append($(emptyNoteList))*/
+				setCitazioni(false)
+				vistaRiferimenti = false
+				break;
+			case "visDialoghi|true":
+				loadDialoghi();
+				vistaDialoghi = true
+				break;
+			case "visDialoghi|false":
+				$("#vistaDialoghi").css("display", "none");
+				vistaDialoghi = false
+				resetDialoghi()
+				break;
+			case "visMetafore|true":
+				//loadMetafore();
+				break;
+			case "visMetafore|false":
+				$("#vistaMetafore").css("display", "none");
+		}
+	});
+
+
+
+	$(" ." + formaClass).each(function(idx, element) {
+		// We cycle through the elements using each() so that we can choose the element specifically that we wish to clean up afterward
+		var ele = $(element);
+		ele.tooltip({
+			content: (function() { return formatTTContent(ele.attr('title'), ele.attr('class').split(' ')[1], ele.attr('class').split(' ')[0]); }),
+			classes: { "ui-tooltip": 'Nik_dropdown-content' },
+			close: function(event, ui) { $(".ui-helper-hidden-accessible").remove(); },
+			create: function(ev, ui) { $(this).data("ui-tooltip").liveRegion.remove(); },
+			hide: false,
+			show: { delay: 800, duration: 0 }
+
+		});
+	});
+
+
+
+	$(" ." + formaClass).dblclick(function() {
+
+		var sentenceId = $(this).attr('class').split(' ')[0].replace('$', '')
+		//console.log('dblclick ' + lisid)
+		if (shownSentenceList.has(sentenceId)) {
+			resetSentenceStructure(sentenceId)
+			shownSentenceList.delete(sentenceId)
+
+		}
+		else {
+			//showSentenceStructure (sentenceId)
+			shownSentenceList.add(sentenceId)
+
+
+		}
+	});
+
+
+	$(" ." + formaClass).hover(function(idx, element) {
+
+		var sentenceId = $(this).attr('class').split(' ')[0].split('_')
+		var tmplisid = sentenceId[0] + '_' + sentenceId[1] + '_' + sentenceId[3]
+		lsentid = $(this).attr('class').split(' ')[0]
+		lisid = tmplisid
+	});
+
+
+	/*
+	* Espansione del contesto
+	*/
+
+	jQuery(document).delegate(' .espandiFrase, .riduciFrase', 'click', function() {
+		if ($(this).hasClass("disabled")) {
+			return;
+		};
+		//var posizioniEspansione = []
+		var cid = $(this).attr('id');
+		var parcid = cid.split('_');
+		var posVerso
+		var reit = '#versiFrase' + parcid[4]
+		var expcontextLength = $(reit + " > li").length
+		if (cid.includes('_er_')) {
+			expcontextLength = contextLength
+		} else {
+			posVerso = $(reit).attr('posVerso')
+			if (posVerso == 1) { // caso inizio o fine canto
+				expcontextLength += contextLength;
+			}
+		}
+
+		//svuoto la lista di versi
+		$(reit).empty()
+		//genero la nuova lista di versi 
+		var versiContestoExp = getFormaContext(parseInt(parcid[3]), expcontextLength);
+		var divVersoExp = ''
+		var setVersicontestoExp = new Set()
+		for (var forma of versiContestoExp) {
+			if (!setVersicontestoExp.has(forma.verso)) {
+				//divVersoExp = createDivVersoLI(forma.cantica + 1, forma.verso, forma.canto)
+				divVersoExp = createDivVersoGenericLi(forma.cantica + 1, forma.verso, forma.canto)
+				$(reit).append(divVersoExp)
+				setVersicontestoExp.add(forma.verso)
+			}
+			createSpanFormeNew(forma.testo, forma.catg, 'e' + forma.posizione, forma.periodo, forma.funzperiodo, divVersoExp)
+			//posizioniEspansione.push('e' + forma.posizione)
+		}
+
+		if (cid.includes('_er_')) {
+			///$("#"+cid).css("display", "none");
+			$("#" + cid).removeClass("btn-outline-primary");
+			$("#" + cid).addClass("btn-outline-secondary");
+			$("#" + cid).addClass("disabled");
+		}
+		else {
+			cid = cid.replace("ex", "er");
+			///$("#"+cid).attr('style', 'display: d-flex;');
+			$("#" + cid).removeClass("btn-outline-secondary");
+			$("#" + cid).removeClass("disabled");
+			$("#" + cid).addClass("btn-outline-primary");
+		}
+
+
+		//evidenzio risultato
+
+		for (var ris of listarisultati) {
+			var idris = '#e' + ris
+			$(idris).addClass("font-weight-bold mark ")
+		}
+
+		//gestisco risultati se unità di ricerca è periodo
+		if (listaPeriodiRisultato.length) {
+			for (var msid of listaPeriodiRisultato) {
+				loadPeriodo(msid)
+
+			}
+		}
+		//gestisce risultati se unità di ricerca è frase
+		if (listaClausoleRisultato.length) {
+			for (var clsid of listaClausoleRisultato) {
+				let tmpid = clsid.split('-')
+				loadClausola(tmpid[0], tmpid[1], tmpid[2], tmpid[3])
+
+			}
+		}
+
+		//aggiungo listeners
+
+		//addFormaListenersInRisultato(posizioniEspansione)
+		addFormaListenersInCanto()
+
+		//disegno minimap, onlyContent = true
+		drawMinimap('#vistaFrasi', true)
+		//manageMM('#vistaFrasi')
+
+
+	})
+
+
+
+	/*
+	  * Costruzione e visualizzazione del risultato in frasi.
+	*/
+
+
+	//var prevstart = -1
+	//var prevoffset = -1
+	jQuery.manageResultList = function manageResultList(start, offset = showOffset) {
+
+
+		//console.log('Paginazione...')
+		//prevstart = start
+		//prevoffset = offset
+		if (cantoDisplayed != '#vistaFrasi') {
+			prevCantoDisplayed = cantoDisplayed;
+			$(cantoDisplayed).css("display", "none");
+			//visualizzo
+			$("#vistaFrasi").attr('style', 'display: d-flex;');
+			cantoDisplayed = "#vistaFrasi";
+		}
+
+		//listarisultati.sort(function(a, b){return a - b});
+		$("#vistaFrasi").empty();
+		showFrasi(start, offset)
+
+		if (vistaPeriodi) {
+			loadFrasi();
+		}
+		if (vistaDialoghi) {
+			loadDialoghi();
+		}
+		addFormaListenersInCanto()
+		drawMinimap('#vistaFrasi', false)
+
+	}
+
+	function countResultContexts() {
+		var numeroRisultati = 0;
+		if (listarisultati.length) {
+			var ultimaPosizione = -1;
+			for (var risultato of listarisultati) {
+
+				if (risultato <= ultimaPosizione) {
+					continue;
+				}
+				numeroRisultati = numeroRisultati + 1;
+
+				ultimaPosizione = getContextLastPosition(risultato, contextLength);
+			}
+			numeroContesti = numeroRisultati
+			//console.log('num contesti ' + numeroContesti)
+			return (numeroRisultati)
+		}
+
+
+		if (listaClausoleRisultato.length) {
+			numeroContesti = listaClausoleRisultatoContesti.length
+			return (listaClausoleRisultatoContesti.length)
+
+		}
+		numeroContesti = numeroRisultati
+		return (numeroRisultati)
+	}
+
+	function getResInPage(startcont, endcont) {
+		var res = [];
+		var contaContesti = 0
+		//console.log(listaClausoleRisultato)
+		if (listarisultati.length) {
+			var ultimaPosizione = -1;
+			for (var risultato of listarisultati) {
+				if (risultato <= ultimaPosizione) {
+					continue;
+				}
+				contaContesti = contaContesti + 1;
+				if (contaContesti >= startcont && contaContesti < endcont) {
+					res.push(risultato)
+				}
+				if (contaContesti > endcont)
+					break;
+				ultimaPosizione = getContextLastPosition(risultato, contextLength);
+			}
+			//ordino la lista dei risultati
+			res.sort(function(a, b) { return a - b });
+			return (res)
+		}
+		if (listaClausoleRisultatoContesti.length && !listarisultati.length) {
+			var lim = endcont
+			if (listaClausoleRisultatoContesti.length <= endcont)
+				lim = listaClausoleRisultatoContesti.length - 1
+			for (let i = startcont; i <= lim; i++) {
+				res.push(listaClausoleRisultatoContesti[i])
+			}
+			//res.sort(function(a, b) { puno = a[0].split('-')[3]; pdue = b[0].split('-')[3]; return parseInt(puno) - parseInt(pdue) });
+			return (res)
+		}
+		return (res)
+	}
+
+	showFrasi = function(start, offset = showOffset, whereToDisplay = "#vistaFrasi") {
+		var canto, numeroCantica;
+		var divVerso;
+		var elencoRisutati = $(whereToDisplay);
+		//elencoRisutati.empty();
+
+		var numeroRisultato = 0;
+		var ultimaPosizione = 0;
+		var numeroVersi;
+		//const intsup = Math.min(start + offset, listarisultati.length)
+		var t0 = performance.now();
+		var resincontext = getResInPage(start, start + offset)
+		var t1 = performance.now();
+
+		for (let i = 0; i < resincontext.length; i++) {
+			//risultato = listarisultati[i];
+			var risultato = resincontext[i];
+			numeroRisultato++;
+
+			if (!risultato.toString().includes('-') && risultato <= parseInt(ultimaPosizione)) {
+				continue;
+			}
+			var versiContesto = ''
+			var ctxpivot = 0
+			if (!Array.isArray(risultato)) {
+				risultato = parseInt(risultato)
+				versiContesto = getFormaContext(risultato, contextLength);
+				ctxpivot = risultato
+			}
+			else {
+				versiContesto = getFraseContext(risultato, contextLength);
+				if (versiContesto.length) {
+					var tmind = Math.floor(versiContesto.length / 2);
+					ctxpivot = versiContesto[tmind]['posizione']
+				}
+			}
+
+
+			var setVersicontesto = new Set()
+			divVerso = ''
+			numeroCantica = 0
+			canto = 0
+			//var titoloCanto = $('<h5 class="titolo-canto"/>')
+			var versiIniziali = $('<div class="versiFrase mt-3" />')
+			var listaVersi = $('<ol class="pt-3" />')
+
+			listaVersi.attr('id', "Frase" + numeroRisultato);
+			versiIniziali.attr('id', "versiFrase" + numeroRisultato);
+			numeroVersi = 0;
+			for (var forma of versiContesto) {
+				if (setVersicontesto.size == 0) {
+					numeroCantica = forma.cantica
+					canto = forma.canto
+				}
+				if (!setVersicontesto.has(forma.verso)) {
+					//divVerso = createDivVersoLI(forma.cantica + 1, forma.verso, forma.canto)
+					divVerso = createDivVersoGenericLi(forma.cantica + 1, forma.verso, forma.canto)
+					versiIniziali.append(divVerso)
+					listaVersi.append(versiIniziali)
+					elencoRisutati.append(listaVersi)
+					setVersicontesto.add(forma.verso)
+					numeroVersi++;
+				}
+				createSpanFormeNew(forma.testo, forma.catg, 'e' + forma.posizione, forma.periodo, forma.funzperiodo, divVerso)
+			}
+			ultimaPosizione = forma.posizione;
+
+			if (numeroVersi < contextLength + 1) {
+				versiIniziali.attr('posVerso', 1); // inizio o fine canto
+			} else {
+				versiIniziali.attr('posVerso', 9999);
+			}
+
+			var comandi = $('<div class=" comandi col flex-nowrap d-inline justify-content-between pl-1 pb-2 ml-2 mb-2 border-bottom"/>')
+			comandi.attr('id', "comandiFrase" + numeroRisultato)
+			//comandi.attr('class', 'comandi col flex-nowrap d-inline justify-content-between pl-1 pb-2 ml-2 mb-2 border-bottom');
+
+			var comandiGrp = $('<div />')
+			comandiGrp.attr('class', 'btn-group flex-nowrap d-inline pr-3 mt-1 mr-3 align-text-bottom');
+			comandiGrp.attr('role', "group")
+
+			var spanBadgeExpand = $('<button class="btn btn-sm btn-outline-primary espandiFrase noPrintA px-1 pt-1 pb-0"/>');
+			var expandIcon = '<i class="icon icon-expand-outline"></i>';
+			//spanBadgeExpand.attr('class', 'btn btn-sm btn-outline-primary espandiFrase px-1 pt-1 pb-0');
+			var spanBadgeReduce = $('<button class="btn btn-sm btn-outline-secondary riduciFrase noPrintA px-1 pt-1 pb-0 ml-1 disabled"/>');
+			var reduceIcon = '<i class="icon icon-contract-outline"></i>';
+
+			//spanBadgeReduce.attr('class', 'btn btn-sm btn-outline-secondary riduciFrase px-1 pt-1 pb-0 ml-1 disabled');
+
+			//spanBadgeExpand.attr('id', getCantica(numeroCantica) + "Canto_ex_" + canto + "_" + risultato + "_" + numeroRisultato);
+			spanBadgeExpand.attr('id', getCantica(numeroCantica) + "Canto_ex_" + canto + "_" + ctxpivot + "_" + numeroRisultato);
+			spanBadgeExpand.append(expandIcon);
+
+			spanBadgeReduce.attr('id', getCantica(numeroCantica) + "Canto_er_" + canto + "_" + ctxpivot + "_" + numeroRisultato);
+			spanBadgeReduce.append(reduceIcon)
+
+			spanBadgeExpand.appendTo(comandiGrp);
+			spanBadgeReduce.appendTo(comandiGrp);
+
+			comandiGrp.appendTo(comandi);
+
+
+			var citazioneDiv = $('<div class=" text-right flex-nowrap d-inline ml-3 px-3 py-0"/>')
+			//citazioneDiv.attr('class', ' text-right flex-nowrap d-inline ml-3 px-3 py-0');
+			var citazione = $('<span class= " pl-3 citazioneFrase align-text-top"/>')
+			citazione.append("[" + getCantica(numeroCantica) + ", Canto " + getRoman(canto) + "]")
+			//citazione.attr('class', ' pl-3 citazioneFrase align-text-top');
+			citazione.attr('name', getCantica(numeroCantica) + "Canto " + canto);
+			citazione.attr('id', idCitazione + '_' + numeroRisultato + '_' + risultato);
+			citazione.appendTo(citazioneDiv);
+
+			citazioneDiv.appendTo(comandi);
+
+			comandi.appendTo(elencoRisutati);
+
+		}
+		var t2 = performance.now()
+
+		//console.log('res in context ' + (t1 - t0))
+		//console.log('list creation ' + (t2 - t1))
+		//evidenzio resultati
+		var clausesinrs = []
+		for (var ris of listarisultati) {
+			let idris = '#e' + ris
+			if ($(idris).attr('class') != null) {
+				//console.log($(idris).attr('class').replace(' frm', ''))
+				clausesinrs.push($(idris).attr('class').replace(' frm', ''))
+			}
+
+			$(idris).addClass("font-weight-bold mark ")
+		}
+
+		if (listarisultati.length == 0) {
+			for (var ric of resincontext) {
+				if (Array.isArray(ric)) {
+					for (var ricel of ric) {
+						var telric = ricel.split('-')[0] + ' ' + ricel.split('-')[1] + ' ' + ricel.split('-')[2] + ' ' + ricel.split('-')[3]
+						clausesinrs.push(telric)
+					}
+				}
+			}
+		}
+
+		var t3 = performance.now()
+		//console.log('mar res ' + (t2 - t3))
+		//evidenzio i periodi se unità di ricerca è impostato come periodo
+		if (listaPeriodiRisultato.length) {
+			for (var msid of clausesinrs) {
+				loadPeriodo(msid.split(' ')[0])
+
+			}
+
+			/*for (var msid of listaPeriodiRisultato) {
+				loadPeriodo(msid)
+
+			}
+*/
+		}
+		var t4 = performance.now()
+		//console.log('load per ' + (t3 - t4))
+		//evidenzio le frasi se unità di ricerca è frase
+		if (listaClausoleRisultato.length) {
+			for (var clsid of clausesinrs) {
+				let tmpid = clsid.split(' ')
+				loadClausola(tmpid[0], tmpid[1], tmpid[2], tmpid[3])
+			}
+			/*for (var clsid of listaClausoleRisultato) {
+				let tmpid = clsid.split('-')
+				//loadFrase(tmpid[0], tmpid[1])
+				loadClausola(tmpid[0], tmpid[1], tmpid[2], tmpid[3])
+
+			}*/
+		}
+		var t5 = performance.now()
+		console.log('load cla ' + (t4 - t5))
+
+
+	}
+
+	jQuery(document).delegate('.navig-canto, .citazioneFrase', 'click', function(e) {
+		resetFrasi()
+
+		//nasconde vista risultati
+		$("#vistaFrasi").css("display", "none");
+
+		//rimuove il grafo sintattico se c'è'
+		resetGraphStr()
+		emptyStructCard()
+
+		$(".filterRiferimentiOn").css('display', 'none');
+		$(".filterRiferimentiOff").css('display', 'none');
+
+
+		$(cantoDisplayed).css("display", "none");
+
+		const cid = $(this).attr('name').replace(" ", "_");
+		var telive = getListaRis()
+		cantoDisplayed = "#" + cid;
+
+		if (!telive.length > 0 || !showingComments) {
+			$('#displaynote').empty();
+			$('#displaynote').append($(emptyNoteList))
+		}
+
+		showingComments = false;
+
+		/*if (telive.length > 0) {
+			initCitazioni()
+		} else {
+			if (vistaRiferimenti) {
+				initCitazioni();
+			}
+		}*/
+		var parcid = cid.split('_')
+		var numeroCantica;
+		var forma;
+		if (parcid[0].includes('Inferno')) {
+			forma = formeprima;
+			numeroCantica = 1;
+		}
+		if (parcid[0].includes('Purgatorio')) {
+			forma = formeseconda;
+			numeroCantica = 2;
+		}
+		if (parcid[0].includes('Paradiso')) {
+			forma = formeterza;
+			numeroCantica = 3;
+		}
+
+		if (!(loadedCanti.has(cid))) {
+			showCanto(forma, numeroCantica, parcid[1])
+			$("#printCantoCorrente").prop("disabled", false);
+			loadedCanti.add(cid)
+		}
+
+		setCitazioni(vistaRiferimenti)
+
+		if (telive.length > 0) {
+			initCitazioni()
+		}
+
+		for (var tel of telive) {
+			var telId = tel.split("_");
+			var commento = "#Commento_" + numeroCantica + "_" + telId[2] + "_" + telId[3];
+			telId = "#" + telId[0] + telId[1] + "_" + telId[2];
+			$(commento).addClass("risultato ")
+			$(telId + " #" + tel.replace('|', '')).addClass("mark ")
+		}
+
+		$("#" + $(this).attr('name').replace(" ", "_")).attr('style', 'display: d-flex;')
+
+
+		drawMinimap("#" + $(this).attr('name').replace(" ", "_"), false)
+
+		//console.log("#" + $(this).attr('name').replace(" ", "_"))
+		if (vistaPeriodi) {
+			loadFrasi();
+		}
+		if (vistaDialoghi) {
+			loadDialoghi();
+		}
+
+		addFormaListenersInCanto();
+
+		//se si sta arrivando al canto da un link della lista risultati 
+		const callerid = $(this).attr('id');
+		if (callerid != null && callerid.startsWith(idCitazione)) {
+			const mypos = callerid.split('_')[2]
+			//var latestPhraseId = callerid.split('_')[0].replace("citazione", "") + callerid.split('_')[1];
+			$("#collapse" + parcid[0].replace("Canto", "")).collapse('show');
+			document.getElementById(mypos).scrollIntoView({
+				behavior: "smooth",
+			});
+
+		}
+		manageResults()
+
+
+	});
+
+
+	//Query
+
+	jQuery(document).delegate('#searchcomm, #searchcomm2', 'click', function(e) {
+		e.preventDefault();
+		manageQuery()
+	});
+
+
+	//Reset
+
+	jQuery(document).delegate('#cleanresult', 'click', function(e) {
+
+		cleanSearchResult()
+		//esprlogica = []
+		$('#queryText').val("")
+
+	});
+
+	//Utility functions
+
+
+
+	function addFormaListenersInCanto(cantoCitazione = cantoDisplayed) {
+		let idn = 0
+		$(cantoCitazione).find(" ." + formaClass).each(function(idx, element) {
+			idn = idn + 1
+			var ele = $(element);
+
+			$(element).tooltip({
+				content: (function() { return formatTTContent(ele.attr('title'), ele.attr('class').split(' ')[1], ele.attr('class').split(' ')[0]); }),
+				classes: { "ui-tooltip": 'Nik_dropdown-content' },
+				//close: function(event, ui) { $(".ui-helper-hidden-accessible").remove(); },
+				//create: function(ev, ui) { $(this).data("ui-tooltip").liveRegion.remove(); },
+				hide: false,
+				show: { delay: 800, duration: 0 }
+
+			});
+			$(element).hover(function(idx, element) {
+
+				var sentenceId = $(this).attr('class').split(' ')[0].split('_')
+				var tmplisid = sentenceId[0] + '_' + sentenceId[1] + '_' + sentenceId[3]
+				lsentid = $(this).attr('class').split(' ')[0]
+				lisid = tmplisid
+
+			});
+
+		});
+
+
+	}
+
+
+	function getRoman(numero) {
+
+		var romani = ["I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX", "X",
+			"XI", "XII", "XIII", "XIV", "XV", "XVI", "XVII", "XVIII", "XIX", "XX",
+			"XXI", "XXII", "XXIII", "XXIV", "XXV", "XXVI", "XXVII", "XXVIII", "XXIX", "XXX",
+			"XXXI", "XXXII", "XXXIII", "XXXIV"];
+		return (romani[numero - 1]);
+
+	}
+
+	/*function getNumCurrentCantica() {
+
+		var mcanto = cantoDisplayed.replace("#", '')
+		var cantica = ''
+		if (mcanto.startsWith('Inf'))
+			cantica = '1'
+		if (mcanto.startsWith('Pur'))
+			cantica = '2'
+		if (mcanto.startsWith('Par'))
+			cantica = '3'
+
+		return (cantica + '_' + mcanto.split('_')[1])
+	}*/
+
+
+
+	function loadPeriodo(idperiodo) {
+
+
+
+		if (!isPeriodoInCanto(idperiodo, cantoDisplayed) && !(cantoDisplayed.includes('#vistaFrasi'))) {
+			return
+		}
+
+		$(cantoDisplayed).find(' .' + idperiodo).each(function() {
+			var pstp = $(this).attr('class').split(" ")[1]
+			if (pstp == 'sentencetag')
+				$(this).attr('style', 'display: d-flex;');
+			//$(this).css('color', colorssp(mapsynttypestopalette[pstp]));
+		})
+
+		minim.contents().find(' .' + idperiodo).each(function() {
+			var mpstp = $(this).attr('class').split(" ")[1]
+			if (mpstp == 'sentencetag')
+				$(this).attr('style', 'display: d-flex;');
+		})
+	}
+
+	function isPeriodoInCanto(idperiodo, canto) {
+		var datiperiodo = idperiodo.split('_')
+		var daticanto = canto.split('_')
+		var canticaprd = datiperiodo[0]
+		var cantoprd = datiperiodo[1]
+		if (canticaprd == '1' && daticanto[0].includes('Inferno'))
+			return (cantoprd == daticanto[1])
+		if (canticaprd == '2' && daticanto[0].includes('Purgatorio'))
+			return (cantoprd == daticanto[1])
+		if (canticaprd == '3' && daticanto[0].includes('Paradiso'))
+			return (cantoprd == daticanto[1])
+		return false
+	}
+
+
+	function loadClausola(idperiodo, funzionefrase, fromn, ton) {
+
+		if (!isPeriodoInCanto(idperiodo, cantoDisplayed) && !(cantoDisplayed.includes('#vistaFrasi')))
+			return
+
+
+		if (fromn == null || ton == null) {
+			$(cantoDisplayed).find(' .' + idperiodo + '.' + funzionefrase).each(function() {
+				var tpstp = $(this).attr('class').split(" ")[1]
+				$(this).css('color', colorssp(mapsynttypestopalette[tpstp]));
+
+
+			})
+
+			minim.contents().find(' .' + idperiodo + '.' + funzionefrase).each(function() {
+				var mtpstp = $(this).attr('class').split(" ")[1]
+				$(this).css('color', colorssp(mapsynttypestopalette[mtpstp]));
+			})
+		}
+		else {
+			$(cantoDisplayed).find(' .' + idperiodo).each(function() {
+				var vid = parseInt($(this).attr('id').replace('e', ''))
+				if (vid >= parseInt(fromn)
+					&& vid <= parseInt(ton)) {
+					var pstp = $(this).attr('class').split(" ")[1]
+
+					if (pstp.trim() == funzionefrase)
+						$(this).css('color', colorssp(mapsynttypestopalette[pstp]));
+				}
+
+			})
+
+			minim.contents().find(' .' + idperiodo).each(function() {
+				var vid = parseInt($(this).attr('id').replace('e', ''))
+				if (vid >= parseInt(fromn)
+					&& vid <= parseInt(ton)) {
+					var mpstp = $(this).attr('class').split(" ")[1]
+					if (mpstp.trim() == funzionefrase)
+						$(this).css('color', colorssp(mapsynttypestopalette[mpstp]));
+				}
+
+			})
+		}
+	}
+
+
+	function loadDialoghi() {
+		var aca = '3'
+		if (cantoDisplayed.includes('Inferno'))
+			aca = '1'
+		if (cantoDisplayed.includes('Purgatorio'))
+			aca = '2'
+		for (const india in dialoghi) {
+			//console.log(dialoghi[india]['Cnt'].replace('_so',''))
+			var diaclass = dialoghi[india]['Cnt'].replace('_so', '')
+			var authclass = dialoghi[india]['Cnt'];
+			if (diaclass.split('_')[1] != cantoDisplayed.split('_')[1])
+				continue;
+			if (diaclass.split('_')[0] != aca)
+				continue;
+			var csscl = dialogaltri
+			if (dialoghi[india]['Spna'] in dialogspeakers) {
+				csscl = dialogspeakers[dialoghi[india]['Spna']]
+			}
+
+
+			$(cantoDisplayed).find(' .' + diaclass).each(function() {
+				$(this).addClass(csscl)
+
+			})
+			$(cantoDisplayed).find(' .' + authclass).each(function() {
+				//$(this).addClass(csscl)
+				$(this).attr('style', 'display: d-flex;');
+
+			})
+			minim.contents().find(' .' + diaclass).each(function() {
+				$(this).addClass(csscl)
+
+			})
+
+		}
+		emphResults()
+	}
+
+	function setCitazioni(citeon) {
+		if (citeon) {
+			initCitazioni()
+			$(cantoDisplayed).find(" .showcomments").each(function() {
+				$(this).css("display", "inline-block");
+			})
+			minim.contents().find(" .showcomments").each(function() {
+				$(this).css('display', 'inline-block');
+			})
+		}
+		else {
+			$(cantoDisplayed).find(" .showcomments").each(function() {
+				$(this).css("display", "none");
+			})
+			minim.contents().find(" .showcomments").each(function() {
+				$(this).css('display', 'none');
+			})
+			$('#displaynote').empty()
+			$('#displaynote').append($(emptyNoteList))
+		}
+
+	}
+
+	function loadFrasi() {
+		var stp
+		$(cantoDisplayed).find(' .sentencetag').each(function() {
+			$(this).attr('style', 'display: d-flex;');
+		})
+		$(cantoDisplayed).find(' .' + formaClass).each(function() {
+			stp = $(this).attr('class').split(" ")[1]
+
+			$(this).css('color', colorssp(mapsynttypestopalette[stp]));
+		})
+		//let minim=$(" .minimap__content")
+		minim.contents().find(" .sentencetag").each(function() {
+			$(this).attr('style', 'display: d-flex;');
+		})
+		minim.contents().find(' .' + formaClass).each(function() {
+			stp = $(this).attr('class').split(" ")[1]
+
+			$(this).css('color', colorssp(mapsynttypestopalette[stp]));
+		})
+	}
+	function resetDialoghi() {
+
+		for (var mk in dialogspeakers) {
+			//console.log (mk+' '+dialogspeakers[mk])
+			$(cantoDisplayed).find(' .' + dialogspeakers[mk]).each(function() {
+				$(this).removeClass(dialogspeakers[mk]);
+			})
+			minim.contents().find(' .' + dialogspeakers[mk]).each(function() {
+				$(this).removeClass(dialogspeakers[mk]);
+			})
+		}
+		$(cantoDisplayed).find(' .' + dialogaltri).each(function() {
+			$(this).removeClass(dialogaltri);
+		})
+		minim.contents().find(' .' + dialogaltri).each(function() {
+			$(this).removeClass(dialogaltri);
+		})
+		emphResults()
+	}
+
+	function resetFrasi() {
+
+		$(cantoDisplayed).find(' .sentencetag').each(function() {
+			$(this).css('display', 'none');
+		})
+
+
+		$(cantoDisplayed).find(' .' + formaClass).each(function() {
+			//console.log(colorssp(mapsynttypestopalette[stp]))
+			$(this).css('color', '');
+			$(this).removeClass('font-weight-bold')
+		})
+
+		minim.contents().find(" .sentencetag").each(function() {
+			$(this).css('display', 'none');
+		})
+		minim.contents().find(' .' + formaClass).each(function() {
+			$(this).css('color', '');
+			$(this).removeClass('font-weight-bold')
+		})
+
+
+		//cancello il grafo sintattico
+		resetGraphStr()
+		emptyStructCard()
+		//emphResults()
+	}
+	//visualizzazione risultati
+	function emphResults() {
+
+		//evidenzio i periodi se unità di ricerca è impostato come periodo
+		if (listaPeriodiRisultato.length) {
+			for (var msid of listaPeriodiRisultato) {
+				//if (isPeriodoInCanto(msid, cantoDisplayed))
+				loadPeriodo(msid)
+
+			}
+
+		}
+		//evidenzio le frasi se unità di ricerca è frase
+		if (listaClausoleRisultato.length) {
+			for (var clsid of listaClausoleRisultato) {
+				if (isPeriodoInCanto(clsid, cantoDisplayed)) {
+					let tmpid = clsid.split('-')
+					//loadFrase(tmpid[0], tmpid[1])
+					loadClausola(tmpid[0], tmpid[1], tmpid[2], tmpid[3])
+				}
+			}
+		}
+
+	}
+	/*INIZIO GESTIONE CITAZIONI*/
+
+	async function initCitazioni(cantoCitazione = cantoDisplayed) {
+		//"#InfernoCanto_1"
+		var idcantica = '1'
+		var mcanto = cantoCitazione.replace("#", '')
+		var cantica = ''
+		if (mcanto.startsWith('Inf'))
+			cantica = 'Inferno'
+		if (mcanto.startsWith('Pur')) {
+			cantica = 'Purgatorio'
+			idcantica = '2'
+		}
+
+		if (mcanto.startsWith('Par')) {
+			cantica = 'Paradiso'
+			idcantica = '3'
+		}
+		var canto = mcanto.split('_')[1]
+		var idCommento = "Commento_" + idcantica + "_" + canto + "_";
+		var idverso = cantica + '_Canto_' + canto + '_'
+		var idminimap = cantica + 'Canto_' + canto
+		/*console.log(myid)*/
+		if (canto.length == 1)
+			canto = '0' + canto
+		//commentsJson = getVersiConCitazioniJson(cantica, canto)
+
+		/*
+		*/
+		var mresult = await getVersiConCitazioni(cantica, canto)
+
+
+		commentsSQL = Object.groupBy(mresult, ({ VersoCitazione }) => VersoCitazione);
+
+		var tmpkeys = []
+
+		for (const ke in commentsSQL) {
+
+			var t = ke.split('-')[0].replace('|', '')
+
+			if (tmpkeys.indexOf(t) == -1)
+				tmpkeys.push(t)
+			else
+				continue
+			var pio = $("#" + idCommento + t)
+			if (pio.length)
+				break;
+
+			if (t == 'Proemio') {
+				//console.log(idminimap + ' ' + t)
+				var elcanto = $("#" + 'Titolo' + idminimap)
+				if (canto.startsWith('0'))
+					canto = canto.replace('0', '')
+				createProemioSpan(idCommento + t, elcanto, commentsSQL[ke].length, cantica + '_Canto_' + canto + '_Proemio')
+				continue
+			}
+
+			var elverso = $("#" + idverso + t)
+
+			createCommentSpan(idCommento + t, elverso, commentsSQL[ke].length)
+		}
+
+		drawMinimap("#" + idminimap, false)
+		//console.log (commentsSQL)
+	}
+
+
+
+	function removeHtmlTags(value) {
+		var text = value;
+		if (text != null) {
+			text = text.replace(/<(.|\n)*?>/g, '');
+			text = text.replace("&laquo;", "");
+			text = text.replace("&raquo;", "");
+			text = text.replace(/\&nbsp;/g, ' ');
+			text = text.replace(/[\r\n]+/gm, ' ');
+			return text;
+		}
+	}
+	var noteAdded;
+
+	jQuery(document).delegate(' .showcomments', 'click', function() {
+
+		var cid = $(this).attr('id');
+		var filterOn = true;
+		var risultato;
+		var parcid = cid.split("_")
+		var idsRisultato = getListaRis();
+		var cantica;
+		var idRisultato;
+		switch (parcid[1]) {
+			case "1": cantica = "Inferno";
+				break;
+			case "2": cantica = "Purgatorio";
+				break;
+			case "3": cantica = "Paradiso";
+		}
+
+
+		if (idsRisultato.length > 0) {
+			risultato = true;
+		} else {
+			risultato = false;
+		}
+
+		idRisultato = cantica + "_Canto_" + parcid[2] + "_" + parcid[3] + "_sp";
+		if (idsRisultato.includes(idRisultato)) {
+			risultato = true;
+		} else {
+			risultato = false;
+		}
+		switch (parcid[0]) {
+			case "Commento":
+			case "CommentoRes":
+
+				if (risultato) {
+					$(".filterRiferimentiOn").css('display', 'none');
+					$(".filterRiferimentiOff").css('display', 'inline-block');
+					filterOn = true;
+				} else {
+					$(".filterRiferimentiOn").css('display', 'none');
+					$(".filterRiferimentiOff").css('display', 'none');
+					filterOn = false;
+				}
+				break;
+			case "CommentoQuery":
+				if (parcid[4] == "On") {
+					$(".filterRiferimentiOn").css('display', 'none');
+					$(".filterRiferimentiOff").css('display', 'inline-block');
+					filterOn = true;
+				} else {
+					$(".filterRiferimentiOn").css('display', 'inline-block');
+					$(".filterRiferimentiOff").css('display', 'none');
+					filterOn = false;
+				}
+				break;
+		}
+
+
+		if (cantoDisplayed.includes('#vistaFrasi')) {
+			commentsSQL = getCommentsInResult($(this).attr('id'), $(this).attr('class'))
+			if (commentsSQL.length == 0)
+				return
+		}
+
+		if (!cantoDisplayed.includes('#vistaFrasi') && !hasCommentsJson(cid)) {
+			return
+		}
+
+		var commentArea = $('#displaynote');
+		var idCommento = "CommentoQuery_" + parcid[1] + "_" + parcid[2] + "_" + parcid[3];
+
+		$(".filterRiferimentiOn").attr("id", idCommento + "_On")
+		$(".filterRiferimentiOff").attr("id", idCommento + "_Off")
+
+		commentArea.empty()
+		if ($('#noteCard0').length) {
+			$("#noteCard0")[0].remove();
+		}
+		var id = parcid[3];
+		var gruppoVersi;
+		var versText = "";
+		var allGrouplKeys = Object.keys(commentsSQL);
+		var currentGroup;
+
+		allGrouplKeys.sort().some(function(k) {
+			if (k == id || k.startsWith(id + '-')) {
+				gruppoVersi = k
+				if (gruppoVersi.includes("-")) {
+					versText = ", Versi " + gruppoVersi;
+				} else {
+					versText = ", Verso " + gruppoVersi;
+				}
+				currentGroup = createNoteGroup(cantica, getRoman(parcid[2]), versText, k, commentsSQL[k].length)
+				noteAdded = false;
+				commentsSQL[k].forEach(function(value, i) {
+					currentGroup.append(createNoteEntry(value, k, i, filterOn, risultato))
+				});
+				commentArea.append(currentGroup);
+
+				if (!noteAdded && filterOn) {
+					currentGroup.css('display', 'none');
+				}
+			}
+			$('#tab-list #vis0-tab').tab('show')
+			$("#printRiferimentiCorrenti").prop("disabled", false);
+		})
+	})
+
+	function getCommentsInResult(tmpcid, tmpclass) {
+
+		var versicomments = []
+		var myid = tmpcid.split('_')
+		var tmpresu = getRisultatiRiferimenti()
+
+		var resultComments = Object.groupBy(tmpresu, ({ Cantica }) => Cantica);
+
+		var tcantica = 'Inferno'
+		switch (myid[1]) {
+			case "2": tcantica = "Purgatorio";
+				break;
+			case "3": tcantica = "Paradiso";
+		}
+
+		if (!tcantica in resultComments)
+			return versicomments
+		var tmpCanti = resultComments[tcantica]
+		var cantiComments = Object.groupBy(tmpCanti, ({ Canto }) => Canto);
+		if (myid[2].length == 1)
+			myid[2] = '0' + myid[2]
+
+		if (!myid[2] in cantiComments)
+			return versicomments
+		var tmpversi = cantiComments[myid[2]]
+		var isin = false
+		versicomments = Object.groupBy(tmpversi, ({ VersoCitazione }) => VersoCitazione);
+		for (const [keyt, value] of Object.entries(versicomments)) {
+			if (keyt == myid[3] || keyt.startsWith(myid[3] + '-')) {
+				isin = true
+				break
+			}
+		}
+		if (!isin)
+			versicomments = []
+
+		return versicomments
+
+	}
+
+	function createNoteGroup(cantica, canto, versi, id, len) {
+		var noteGroupCard = $('<div class="card card-body noteCardGroup well well-sm mx-1 my-2 p-0" id="noteGroupCard' + id + '">');
+		var commentHeader = $('<div class="d-flex align-content-start flex-nowrap text-muted" id="commentoGruppoVersi' + id + '">')
+		var rigaNota = $('<div class="p-0 m-0">');
+		var buttons = $('<div class="d-flex flex-wrap-reverse ml-auto align-items-center justify-content-end px-1 pt-1 pb-0">')
+		var closeButton = $('<button id="closeNote' + id + '"' +
+			'class="btn btn-sm btn-outline-warning btn-outline-warning-mod closeNote rounded text-warning align-self-end noPrintA px-1 pb-0 ml-1 mb-1">' +
+			'<i class="icon icon-close-circle"></i>');
+		closeButton.appendTo(buttons);
+		if (len > 1) {
+			var commentiSP = " commenti su "
+		} else {
+			var commentiSP = " commento su "
+		}
+		if (versi.includes('Proemio')) {
+			rigaNota.append('<h6 class="card-title m-2 text-warning"><span class="badge badge-warning badge-pill mx-1">' + len + "</span>" + cantica + ", Canto " + canto + ", Proemio </h6>");
+
+		}
+		else
+			rigaNota.append('<h6 class="card-title m-2 text-warning"><span class="badge badge-warning badge-pill mx-1">' + len + "</span>" + commentiSP + cantica + ", Canto " + canto + versi + "</h6>");
+		rigaNota.appendTo(commentHeader);
+		buttons.appendTo(commentHeader);
+		commentHeader.appendTo(noteGroupCard);
+
+		return noteGroupCard;
+	}
+	var toTitleCase = str => str.replace(/(^\w|\s\w)(\S*)/g, (_, m1, m2) => m1.toUpperCase() + m2.toLowerCase())
+
+	function isCommentInResult(idComment) {
+		const tmplistaidcomm = getListaIdCommenti()
+		if (tmplistaidcomm.length && tmplistaidcomm.includes(idComment)) {
+			return true;
+		}
+		return false;
+	}
+
+	function createNoteEntry(comments, id, pos, filterOn, risultato) {
+		var idref = comments.IdRiferimento
+		var noteCard = $('<div class="card card-body well well-sm mx-1 mb-1 mt-0 p-0 border-lida08" id="noteCard' + id + '_' + pos + '"' + ' name= "' + idref + '">');
+		if (risultato) {
+			if (isCommentInResult(idref)) {
+				var noteCard = $('<div class="card card-body bg-light border-success well well-sm mx-1 mb-1 mt-0 p-0" id="noteCard' + id + '_' + pos + '"' + ' name= "' + idref + '">');
+				noteAdded = true;
+			} else {
+				if (filterOn) {
+					noteCard.css("display", "none");
+				} else {
+					noteCard.css("display", "inline-block");
+				}
+			}
+		}
+
+		var collapseCardBody = $('<div class="card-body px-0 py-1 mx-3 my-0 border-top rounded" >');
+		var divCampiSingoli = $('<div class="d-flex align-content-start flex-wrap text-muted">');
+		//createNoteHeader(noteCard, comments, id, pos, cantica, parcid, saveVersoCitazione);			
+		createNoteHeader(noteCard, comments, id, pos);
+
+		var collapseNote = $('<div class="collapse show">');
+		collapseNote.attr('id', "collapseNote" + id + '_' + pos)
+
+		if (comments.TestoFonteCitazione != null && comments.TestoFonteCitazione != "nan" && comments.TestoFonteCitazione.trim() != "") {
+			createModule(collapseCardBody, "Testo della fonte: ", removeHtmlTags(comments.TestoFonteCitazione), "1", id, pos)
+		}
+
+		if (comments.NaturaRiferimento != null) {
+			createDivSingola(divCampiSingoli, "Tipo di riferimento: ", toTitleCase(comments.NaturaRiferimento), false)
+			divCampiSingoli.appendTo(collapseCardBody);
+			if (comments.NaturaRiferimento == "CITAZIONE" || comments.NaturaRiferimento == "LOCI PARALLELI") {
+				if (comments.TipoCitazione != null && comments.TipoCitazione != "" && comments.TipoCitazione != "no") {
+					createDivSingola(divCampiSingoli, "Tipo citazione: ", toTitleCase(comments.TipoCitazione), false)
+					divCampiSingoli.appendTo(collapseCardBody);
+				}
+				if (comments.AreaTematica != null && comments.AreaTematica != "" && comments.AreaTematica != "na") {
+					createDivSingola(divCampiSingoli, "Area tematica: ", comments.AreaTematica, false)
+					divCampiSingoli.appendTo(collapseCardBody);
+				}
+				appendSpecifica(comments, divCampiSingoli, collapseCardBody)
+			}
+		}
+		if (comments.RapportoSoggettoOggetto != null) {
+			createDivSingola(divCampiSingoli, "Rapporto testo/fonte: ", toTitleCase(comments.RapportoSoggettoOggetto), false)
+			divCampiSingoli.appendTo(collapseCardBody);
+		}
+		if (comments.RapportoCommentoCommentatoreText != null && comments.RapportoCommentoCommentatoreText != "nan") {
+			createModuleCommentatore(collapseCardBody, comments.RapportoCommentoCommentatoreText, "5", id, pos)
+		}
+		if (comments.frammentoNota != null && comments.frammentoNota != "nan" && comments.Annotazione != null && comments.Annotazione != "nan") {
+			createModuleFrammAnnot(collapseCardBody, removeHtmlTags(comments.frammentoNota), removeHtmlTags(comments.Annotazione), "6", id, pos)
+		} else {
+			if (comments.frammentoNota != null && comments.frammentoNota != "nan") {
+				createModule(collapseCardBody, "Nota: ", removeHtmlTags(comments.frammentoNota), "6", id, pos)
+			}
+			if (comments.Annotazione != null && comments.Annotazione != "nan") {
+				createModule(collapseCardBody, "Nota completa: ", removeHtmlTags(comments.Annotazione), "7", id, pos)
+			}
+		}
+		if (comments.NotaFonteCitazione != null && comments.NotaFonteCitazione != "nan" && comments.NotaFonteCitazione != "") {
+			createModule(collapseCardBody, "Nota dell'annotatore: ", comments.NotaFonteCitazione, "8", id, pos)
+		}
+		collapseCardBody.appendTo(collapseNote);
+		collapseNote.appendTo(noteCard);
+
+		return noteCard;
+	}
+
+
+	function appendSpecifica(commenti, cardBody, collapseCard) {
+		var specifica = "";
+
+		if (commenti.CitEpisodi != null && commenti.CitEpisodi != "") {
+			specifica = commenti.CitEpisodi;
+			createDivSingola(cardBody, "Contenuto del riferimento: ", "Episodio (" + specifica, true)
+			cardBody.appendTo(collapseCard);
+		}
+		if (commenti.CitImmagini != null && commenti.CitImmagini != "") {
+			specifica = commenti.CitImmagini;
+			createDivSingola(cardBody, "Contenuto del riferimento: ", "Immagine (" + specifica, true)
+			cardBody.appendTo(collapseCard);
+		}
+		if (commenti.CitTeorie != null && commenti.CitTeorie != "") {
+			specifica = commenti.CitTeorie;
+			createDivSingola(cardBody, "Contenuto del riferimento: ", "Teoria (" + specifica, true)
+			cardBody.appendTo(collapseCard);
+		}
+		if (commenti.CitMotivi != null && commenti.CitMotivi != "") {
+			specifica = commenti.CitMotivi;
+			createDivSingola(cardBody, "Contenuto del riferimento: ", "Motivo (" + specifica, true)
+			cardBody.appendTo(collapseCard);
+		}
+		if (commenti.CitStilemi != null && commenti.CitStilemi != "") {
+			specifica = commenti.CitStilemi;
+			createDivSingola(cardBody, "Contenuto del riferimento: ", "Stilema (" + specifica, true)
+			cardBody.appendTo(collapseCard);
+		}
+		if (commenti.CitTopografie != null && commenti.CitTopografie != "" && commenti.CitTopografie != "no") {
+			specifica = commenti.CitTopografie;
+			createDivSingola(cardBody, "Contenuto del riferimento: ", "Topografia (" + specifica, true)
+			cardBody.appendTo(collapseCard);
+		}
+		if (commenti.CitPersonaggi != null && commenti.CitPersonaggi != "" && commenti.CitPersonaggi != "no") {
+			specifica = commenti.CitPersonaggi;
+			createDivSingola(cardBody, "Contenuto del riferimento: ", "Personaggio (" + specifica, true)
+			cardBody.appendTo(collapseCard);
+		}
+	}
+
+	function createNoteHeader(noteCardX, comments, id, pos) { //, cantica, parcid, versoCitazionePrecedente){
+		var nomeAutore = "";
+		var titoloFonte = "";
+		var luogoFonte = "";
+		var commentHeader = $('<div class="d-flex align-content-start flex-nowrap text-muted" id="commentoVerso' + id + '_' + pos + '">')
+		var rigaNota = $('<div class="px-3 py-1 m-0">');
+		var buttons = $('<div class="d-flex flex-wrap-reverse ml-auto align-items-center justify-content-end p-1">')
+		var collapseButton = $('<button id="collapseBtnNote' + id + '_' + pos + '"' +
+			'class="btn btn-sm btn-outline-primary bg-light collapseNote border rounded text-primary align-self-end noPrintA px-1 pb-0"' +
+			'data-toggle="collapse" data-target="#collapseNote' + id + '_' + pos + '"' +
+			'aria-expanded="true" aria-controls="collapseNote' + id + '_' + pos + '">' +
+			'<i class="icon icon-archive"></i>');
+		//var closeButton = $('<button id="closeNote'+id+ '_' + pos +'"'+
+		//		'class="btn btn-sm btn-outline-primary bg-light closeNote border rounded text-primary align-self-end px-1 pb-0 ml-1 mb-1">'+
+		//		'<i class="icon icon-close-circle"></i>');
+		collapseButton.appendTo(buttons);
+		//closeButton.appendTo(buttons);
+
+		if (comments.Commentario != null) {
+			rigaNota.append('<b>Commentatore:</b> <i>' + comments.Commentario + '</i><br>');
+		}
+
+
+		if (comments.NomeAutoreCitazione == null) {
+			nomeAutore = 'riferimento';
+		}
+		else {
+			nomeAutore = comments.NomeAutoreCitazione;
+		}
+		if (comments.AutoreCitazione != null) {
+			rigaNota.append('<b>Autore della fonte:</b><a href="' + comments.AutoreCitazione + '" target="_blank"> <i>' + nomeAutore + '</i> </a>');
+		} else {
+			rigaNota.append('<b>Autore della fonte:</b> <i>' + nomeAutore + '</i>');
+		}
+		if (comments.TitoloFonteCitazione == null) {
+			titoloFonte = "riferimento";
+		} else {
+			titoloFonte = comments.TitoloFonteCitazione;
+		}
+		if (comments.FonteCitazione != null) {
+			rigaNota.append('&nbsp;<b>Fonte:</b> <a href="' + comments.FonteCitazione + '" target="_blank"><i> ' + titoloFonte + '</i> </a>');
+		} else {
+			rigaNota.append('&nbsp;<b>Fonte:</b><i> ' + titoloFonte + '</i>');
+		}
+		if (comments.LuogoFonteCitazione == null) {
+			luogoFonte = "riferimento";
+		} else {
+			luogoFonte = comments.LuogoFonteCitazione;
+		}
+		if (comments.URLFonteCitazione != null && comments.URLFonteCitazione.trim() != '') {
+			rigaNota.append('&nbsp;<b>Coordinate della fonte:</b><a href="' + comments.URLFonteCitazione + '"target="_blank"><i> ' + luogoFonte + '</i></a><br>');
+		} else {
+			if (luogoFonte != null && luogoFonte.trim() != '')
+				rigaNota.append('&nbsp;<b>Coordinate della fonte:</b><i> ' + luogoFonte + 'ttttt</i><br>');
+		}
+		rigaNota.appendTo(commentHeader);
+		buttons.appendTo(commentHeader);
+		commentHeader.appendTo(noteCardX);
+	}
+
+	function createDivSingola(divCampi, campo, valore, specifica) {
+		//var divSingola = $('<div class="px-3 py-1">');
+		var divSingola = $('<div class="pl-0 pr-3 py-1">');
+		if (specifica) {
+			valore = valore.trim();
+			divSingola.append('<b>' + campo + '</b><i>' + valore + ')</i>');
+		} else {
+			divSingola.append('<b>' + campo + '</b><i>  ' + valore + '</i>');
+		}
+		divSingola.appendTo(divCampi);
+	}
+
+	function createModule(collapse, label, testo, num, id, pos) {
+		var minLength = (($('#displaynote').width() / ($('#Test').width() / 32)) * 2 * 1.63);
+		var divContent = $('<div class="text-muted p-0">');
+		//var divContent = $('<div class="d-flex align-content-start flex-wrap text-muted">');
+		//var divTesto = $('<div class="px-3 py-1">')
+		var nota = '<b>' + label + '</b><span class="blog-main-16">' + testo + '</span>';
+		//divTesto.append(nota);
+		//divContent.append(divTesto);
+		divContent.append(nota);
+		if (($('<textarea />').html(testo).text().length + label.length + 2) > minLength) {
+			//console.log((testo.length + label.length +2) +" "+($('#displaynote').width() / $('#Test').width() * 2 * 32))
+			var divModule = $('<div class="module pb-0">');
+			var divNote = $('<div class="collapse" id="collapse' + num + 'Note' + id + '_' + pos + '" aria-expanded="false">')
+			divModule.append('<a class="read-more collapsed" data-toggle="collapse" href="#collapse' + num + 'Note' + id + '_' + pos + '" role="button"></a>')
+			divNote.append(divContent)
+			divModule.append(divNote);
+
+		} else {
+			var divModule = $('<div class="py-1">');
+			divModule.append(divContent);
+		}
+		divModule.appendTo(collapse);
+	}
+
+	function createModuleCommentatore(collapse, commento, num, id, pos) {
+
+		let tmpcomm = commento
+		let jsonCommento = JSON.parse(tmpcomm.replaceAll("'", '"').replaceAll("+", '"'));
+		/*var minLength = (($('#displaynote').width() / ($('#Test').width() / 32)) * 2 * 1.63);*/
+		var divContent = $('<div class="d-flex align-content-start flex-wrap text-muted">');
+		var divTesto = $('<div class="pl-0 pr-3 py-1">')
+		var nota = '';
+		var lenmod = 0
+		for (var el in jsonCommento) {
+
+			var tmpcc = JSON.parse(jsonCommento[el])
+			//console.log('   el ' + tmpcc)
+			var urlCommento = tmpcc["Commento"];
+
+			var esitoCommento = tmpcc.Rapporto;
+
+			var autoreCommento = tmpcc.Autore
+			if (autoreCommento == "") {
+				autoreCommento = "Commento"
+			}
+			if (esitoCommento == "") {
+				esitoCommento = "Rapporto nullo"
+			}
+			if (nota.length > 0) {
+				nota = nota + ' - '
+			}
+			if (urlCommento == "") {
+				//nota = '<b>Rapporto commento/commentatore: </b>'+esitoCommento+' Commento nullo, '+'</b><br>';
+				nota = nota + '<i>' + esitoCommento + ' Commento nullo' + '</i>'//+'<br>';
+			} else {
+				//nota = '<b>Rapporto commento/commentatore: </b><i>'+esitoCommento +' <a href="'+urlCommento+'"target="_blank">' + autoreCommento+ '</i></a> ' +  '</b><br>';
+				nota = nota + '<i>' + esitoCommento + ' <a href="' + urlCommento + '"target="_blank">' + autoreCommento + '</i></a>' //+ '</b><br>';
+			}
+			lenmod = lenmod + esitoCommento.length + autoreCommento.length
+			//divTesto.append(nota);
+
+		}
+		nota = '<b>Rapporto commento/commentatore:</b> ' + nota
+		divTesto.append(nota);
+		divContent.append(divTesto);
+		var divModule = $('<div class="module py-1">');
+		divModule.append(divContent);
+		divModule.appendTo(collapse);
+	}
+
+	function createModuleFrammAnnot(collapse, testo1, testo2, num, id, pos) {
+		var minLength = (($('#displaynote').width() / ($('#Test').width() / 32)) * 2 * 1.63);
+		var divFrammAnnot = $('<div class="py-1">');
+		var divContent1 = $('<div class="text-muted p-0">');
+		var divContent2 = $('<div class="text-muted p-0">');
+		var uniqueIdMulti1 = 'coll' + num + 'SN' + id + '_' + pos;
+		var uniqueIdMulti2 = 'coll' + num + 'CN' + id + '_' + pos;
+		var divMultiCollapse1 = $('<div class="collapse multi-collapse' + id + '_' + pos + ' show text-muted p-0" id="' + uniqueIdMulti1 + '">');
+		var divMultiCollapse2 = $('<div class="collapse multi-collapse' + id + '_' + pos + ' text-muted p-0" id="' + uniqueIdMulti2 + '">');
+		var label1 = '<b>Nota / <a href="" data-toggle="collapse" data-target=".multi-collapse' + id + '_' + pos + '" aria-controls="' + uniqueIdMulti1 + ' ' + uniqueIdMulti2 + '">Nota completa</a>: </b>'
+		var label2 = '<b><a href="" data-toggle="collapse" data-target=".multi-collapse' + id + '_' + pos + '" aria-controls="' + uniqueIdMulti1 + ' ' + uniqueIdMulti2 + '">Nota</a> / Nota completa: </b>'
+		var nota1 = '<span class="blog-main-16">' + testo1 + '</span>';
+		var nota2 = '<span class="blog-main-16">' + testo2 + '</span>';
+
+		divFrammAnnot.append(divMultiCollapse1);
+		divFrammAnnot.append(divMultiCollapse2);
+		divContent1.append(label1 + nota1);
+		divContent2.append(label2 + nota2);
+
+		if (($('<textarea />').html(testo1).text().length + 23) > minLength) {
+			var divModule1 = $('<div class="module pb-0">');
+			var divNote1 = $('<div class="collapse" id="collapse' + num + 'Note' + id + '_' + pos + '" aria-expanded="false">')
+			divModule1.append('<a class="read-more collapsed" data-toggle="collapse" href="#collapse' + num + 'Note' + id + '_' + pos + '" role="button"></a>')
+			divNote1.append(divContent1)
+			divModule1.append(divNote1);
+			divMultiCollapse1.append(divModule1);
+		} else {
+			divMultiCollapse1.append(divContent1);
+		}
+
+		if (($('<textarea />').html(testo2).text().length + 23) > minLength) {
+			var divModule2 = $('<div class="module pb-0">');
+			var divNote2 = $('<div class="collapse" id="collapse' + num + 'Note' + (id + 1) + '_' + pos + '" aria-expanded="false">')
+			divModule2.append('<a class="read-more collapsed" data-toggle="collapse" href="#collapse' + num + 'Note' + (id + 1) + '_' + pos + '" role="button"></a>')
+			divNote2.append(divContent2);
+			divModule2.append(divNote2);
+			divMultiCollapse2.append(divModule2);
+		} else {
+			divMultiCollapse2.append(divContent2);
+		}
+
+		divFrammAnnot.appendTo(collapse);
+	}
+
+
+
+	function hasCommentsJson(cid) {
+
+
+		var id = cid.split('_')[3]
+		for (const [keyt, value] of Object.entries(commentsSQL)) {
+			if (keyt == id || keyt.startsWith(id + '-')) {
+				return true
+			}
+		}
+		return false
+
+	}
+
+	/*	function numberOfComments(cid) {
+			var id = cid.substr(9);
+			return commentsArray.filter(x => x.verso == id).length
+		}
+	*/
+	function numberOfCommentsJson(cid) {
+		var cntc = 0
+
+		var id = cid.split('_').at(-1)
+		for (const keyt in commentsSQL) {
+			if (keyt == id) {
+				cntc = commentsSQL[keyt].length
+				break
+			}
+		}
+		return cntc
+	}
+
+	/*FINE GESTIONE CITAZIONI*/
+
+	function getCantica(numeroCantica) {
+
+		return (cantiche[numeroCantica])
+	}
+
+	//Calcola lemma e categoria grammaticale oppure categoria sintattica per tooltip
+
+	function formatTTContent(categ, syntType, sentId) {
+
+
+		var details = [];
+		//var lemma = categ.split('#')[1].replace("^", " ") //il lemma
+		var lemma = categ.split('#')[1].split("^") //il lemma
+		var categoria = categ.split('#')[0] // la categoria
+		var details = getHoverContent(categoria);
+
+		var myitems;
+		var catgramm;
+		var subcatgramm = '';
+		var popoverText = '';
+		var discorsost = '';
+		var funcFrase = '';
+		var TipiDiscorso = {
+			"ThoughtDiscourse": "Pensato",
+			"DirectDiscourse": "Diretto",
+			"SpeakableDiscourse": "Parlato"
+
+		}
+
+		var ile = -1
+		for (var detail of details) {
+			ile += 1
+			myitems = detail.split(',');
+
+			catgramm = '<div  class="ttContent">';
+			subcatgramm = '<p> <b> ' + lemma[ile] + ' -</b><i> ' + myitems[0] + ',' + myitems.slice(1) + '</i></p></div>';
+			popoverText = popoverText + catgramm + subcatgramm;
+		}
+
+		if (vistaDialoghi) {
+			for (const india in dialoghi) {
+				if (dialoghi[india]['Cnt'].replace('_so', '') == sentId) {
+					discorsost = "<div class='ttContentPers'><b>Personaggio:</b> <i>" + dialoghi[india]['Spna'].replace(hdnNamespace, '') + '</i>'
+						+ '<br><b>Discorso:</b> <i>' + TipiDiscorso[dialoghi[india]['Dty']] + '</i></div>'
+					break;
+				}
+			}
+		}
+		if (vistaPeriodi) {
+			funcFrase = '<div class="ttContent"><b>' + maptypes[syntType] + '</b></div>'
+		}
+		popoverText = popoverText + discorsost + funcFrase
+		return (popoverText);
+	}
+
+	function getHoverContent(categ) {
+
+		//console.log('Categoria '+categ)
+		var mycat = [];
+
+
+		categ = categ.replace('%2A', '*')
+		categ = categ.replace('%2B', '+')
+		categ = categ.replace('%2C', ',')
+		categ = categ.replace('%2D', '-')
+		if (categ.includes('^')) {
+			var categs = categ.split('^')
+			for (var cat of categs) {
+				mycat.push(proprietaForma(cat))
+			}
+			//console.log(mycat.join('-'))
+		} else {
+			mycat.push(proprietaForma(categ));
+		}
+		return (mycat);
+	}
+
+	function proprietaForma(categ) {
+		if (categ[0] == 'v') {
+			return parserVerbi.parse(categ).split(',').filter(prop => prop.length > 0).join()
+		}
+		if (categ[0] == 's') {
+			return parserSostantivi.parse(categ).split(',').filter(prop => prop.length > 0).join()
+		}
+		if (categ[0] == 'e') {
+			return parserPreposizioni.parse(categ).split(',').filter(prop => prop.length > 0).join()
+		}
+		if (categ[0] == 'b') {
+			return parserAvverbi.parse(categ).split(',').filter(prop => prop.length > 0).join()
+		}
+		if (categ[0] == 'p') {
+			return parserPronomi.parse(categ).split(',').filter(prop => prop.length > 0).join()
+		}
+		if (categ[0] == 'a') {
+			return parserAggettivi.parse(categ).split(',').filter(prop => prop.length > 0).join()
+		}
+		if (categ[0] == 'r') {
+			return parserArticolo.parse(categ).split(',').filter(prop => prop.length > 0).join()
+		}
+		if (categ[0] == 'f') {
+			return parserCitazione.parse(categ).split(',').filter(prop => prop.length > 0).join();
+		}
+		if (categ[0] == 'n') {
+			return parserOnomastica.parse(categ).split(',').filter(prop => prop.length > 0).join();
+		}
+		if (categ[0] == 'c') {
+			return parserCongiunzione.parse(categ).split(',').filter(prop => prop.length > 0).join();
+		}
+		return categoriegrammaticali[categ[0]]
+	}
+
+	function cleanSearchResult() {
+
+		$("#headingZero").closest('.card').css("display", "none");
+		$("#collapseZero").collapse('hide');
+		$("#vistaFrasi").empty()
+		$("#vistaFrasi").css("display", "none");
+		for (var msid of listaPeriodiRisultato) {
+			$('.' + msid).each(function() {
+				$(this).css('color', '');
+				if (!vistaPeriodi) {
+					var pstp = $(this).attr('class').split(" ")[1]
+					if (pstp == 'sentencetag')
+						$(this).attr('style', 'display: none;');
+				}
+
+			});
+		}
+		for (var clsid of listaClausoleRisultato) {
+			var tmpcl = clsid.split('-');
+			$('.' + tmpcl[0]).each(function() {
+				$(this).css('color', '');
+			});
+		}
+
+		//let minim=$(" .minimap__content")
+		for (var forma of listarisultati) {
+			let idforma = '#' + forma
+			$(idforma).removeClass("font-weight-bold mark ")
+			minim.contents().find(idforma).removeClass("font-weight-bold mark ")
+		}
+
+
+		$("#accordionNav .badge").remove();
+		//$("#headingZero").css("display", "none");
+
+		listarisultati = []
+		listaPeriodiRisultato = []
+		listaClausoleRisultato = []
+		listaClausoleRisultatoContesti = []
+		//resultSentences = new Set()
+		if (cantoDisplayed == '#vistaFrasi')
+			cantoDisplayed = prevCantoDisplayed
+		$(cantoDisplayed).attr('style', 'display: d-flex;');
+		//manageMM (cantoDisplayed)
+		//var currPage = 0;
+		//var latestPhraseId = "";
+		var telive = getListaRis()
+		var numeroCantica;
+
+		for (var ve of telive) {
+			//let idve = ve
+			var telId = ve.split("_");
+			switch (telId[0]) {
+				case "Inferno": numeroCantica = 1;
+					break;
+				case "Purgatorio": numeroCantica = 2;
+					break;
+				case "Paradiso": numeroCantica = 3;
+					break;
+			}
+			var commento = "#Commento_" + numeroCantica + "_" + telId[2] + "_" + telId[3];
+			$(commento).removeClass("risultato ")
+			if (ve[0] != '#')
+				ve = '#' + ve
+			$(ve).removeClass("mark ")
+			minim.contents().find(ve.replace('|', '')).removeClass("mark ")
+		}
+
+		const tmplistaidcomm = getListaIdCommenti()
+		for (var idco of tmplistaidcomm) {
+			//$('[name="' + cantica + 'Canto ' + k + '"]')
+			$('[name="' + idco + '"]').removeClass('border-success ')
+		}
+		cleanListaRis()
+		drawMinimap(cantoDisplayed, true)
+
+	}
+
+
+	var unitaRicerca = 'forma'
+
+	async function manageQuery() {
+		cleanSearchResult()
+		isSearchRiferimenti = false;
+		//var esprlogica = []
+		var jsonQuery = getJsonQuery()
+		//	$("#paginaLista option").remove();
+		//	$('#paginaLista').append(`<option value="1">1/1</option>`);
+
+		showingComments = false;
+		if (filterBottonAdded) {
+			$(".filterRiferimentiOn").css('display', 'none');
+			$(".filterRiferimentiOff").css('display', 'none');
+			$('#displaynote').empty()
+			$('#displaynote').append($(emptyNoteList))
+		}
+
+
+
+		if (jsonQuery['QueryAvanzata'] == 0)
+			unitaRicerca = 'forma'
+		else
+			unitaRicerca = jsonQuery['unitaRicerca']
+		if (unitaRicerca == 'riferimento') {
+			isSearchRiferimenti = true;
+			var esprLR = jsonQuery.EsprLogicaRif
+			if (esprLR.length && esprLR.length == 1) {
+				listaRisultatiCommenti = await queryRiferimenti(jsonQuery[esprLR[0].trim()], cantoDisplayed)
+			}
+			else {
+				listaRisultatiCommenti = await queryRiferimentimul(jsonQuery, cantoDisplayed)
+			}
+			//carico i commenti risultato della query
+
+			showRisultatiCommenti(listaRisultatiCommenti)
+			return
+		}
+		//console.log("got json query, unita ricerca: " + unitaRicerca)
+		if (jsonQuery['QueryAvanzata'] == 0 && jsonQuery['Clausola0']['queryText'] == '') {
+			alert('Digitare una stringa da cercare')
+			return
+		}
+		if (jsonQuery['QueryAvanzata'] == 1 && (jsonQuery['EsprLogica'] == null || jsonQuery['EsprLogica'] == '')) {
+			alert('Definire almeno una clausola del filtro di ricerca')
+			return
+		}
+		if (jsonQuery['Clausola0']['lemma_forma'] == 'testo' && jsonQuery['Clausola0']['Attiva'] == 1 && jsonQuery['QueryAvanzata'] == 0) {
+			searchwords = jsonQuery['Clausola0']['queryText'].trim().split(' ')
+			var contesto = JSON.parse(jsonQuery['Clausola0']['contesto'])
+			var inf = []
+			var pur = []
+			var par = []
+			var noContext = true
+			if (!(contesto[0].every(item => item === 0) && contesto[1].every(item => item === 0) && contesto[2].every(item => item === 0))) {
+				//inf=contesto[0].some(item => item !== 0)
+				noContext = false
+				inf = contesto[0].reduce((a, e, i) => {
+					if (e === 1)
+						a.push(i + 1);
+					return a;
+				}, []);
+				pur = contesto[1].reduce((a, e, i) => {
+					if (e === 1)
+						a.push(i + 1);
+					return a;
+				}, []);
+				par = contesto[2].reduce((a, e, i) => {
+					if (e === 1)
+						a.push(i + 1);
+					return a;
+				}, []);
+			}
+
+			var resultsInCantica = []
+			var resultsInCanto = []
+			//console.log('frase, l. ' + searchwords.length)
+			if (noContext || inf.length)
+				executeLocalSearch(searchwords, formeprima, (formeprima.length - searchwords.length), cantiche[0], inf, resultsInCantica, resultsInCanto)
+			if (noContext || pur.length)
+				executeLocalSearch(searchwords, formeseconda, (formeseconda.length - searchwords.length), cantiche[1], pur, resultsInCantica, resultsInCanto)
+			if (noContext || par.length)
+				executeLocalSearch(searchwords, formeterza, (formeterza.length - searchwords.length), cantiche[2], par, resultsInCantica, resultsInCanto)
+			if (listarisultati.length) {
+				//evidenzia risultati
+				for (var ris of listarisultati) {
+					var idris = '#' + ris
+					$(idris).addClass("font-weight-bold mark ")
+
+				}
+			}
+			var totResultN = showBadgeInCantica(resultsInCantica)
+			showBadgeInCanto(resultsInCanto)
+
+			return
+		}
+		jsonQuery = buildSQ(jsonQuery)
+
+		var myquery = new sparqlGenerator().stringify(jsonQuery)
+		console.log(myquery)
+
+		executeQuerySearch(myquery)
+	}
+
+	function showRisultatiCommenti(listaRisultatiCommenti) {
+
+		if (cantoDisplayed != '#vistaFrasi') {
+			prevCantoDisplayed = cantoDisplayed;
+			$(cantoDisplayed).css("display", "none");
+			//visualizzo
+			$("#vistaFrasi").attr('style', 'display: d-flex;');
+			cantoDisplayed = "#vistaFrasi";
+		}
+		var listIcon = ' <i class="icon icon-list-outline"></i>';
+		if (listaRisultatiCommenti.length > 0) {
+			$("#headingZero").closest('.card').attr('style', 'display: d-flex;')
+			var spanbadgelista = $('<span />');
+			spanbadgelista.attr('class', 'badge badge-warning badge-pill mx-2 ');
+			spanbadgelista.append(listaRisultatiCommenti.length + listIcon)
+			spanbadgelista.appendTo($('#cantica0-badge'))
+			var uniq_res = [...new Set(listaRisultatiCommenti)];
+			numeroContesti = uniq_res.length;;
+			setCurrentPage(0);
+			managePage();
+			$("#printCantoCorrente").prop("disabled", true);
+			$("#printRisultati").prop("disabled", false);
+			//$("#loader").fadeOut(300);
+			//$("#cantica0").trigger("click");
+
+		} else {
+			return;
+		}
+		if (!filterBottonAdded) {
+			var cardRiferimenti = $("#tabRiferimenti")
+			var filterButton = $('<button />');
+			filterButton.attr('id', 'filterRiferimentiOn')
+			filterButton.attr('class', 'btn btn-sm btn-outline-primary filterRiferimentiOn showcomments border-0 rounded text-primary px-1 pt-1 pb-0 ml-1');
+			var filterIcon = '<i class="icon icon-funnel"></i>';
+			var filterIcon1 = '<i class="icon icon-funnel"></i>';
+			var filterButton1 = $('<button />');
+			filterButton1.attr('id', 'filterRiferimentiOff')
+			filterButton1.attr('class', 'btn btn-sm btn-outline-primary filterRiferimentiOff showcomments border-0 rounded text-primary px-1 pt-1 pb-0 ml-1');
+			var removeFilter = '<i class="icon icon-close"></i>';
+			filterButton1.append(filterIcon1)
+			filterButton1.append(removeFilter)
+
+			filterButton1.css('display', 'none');
+			filterButton.css('display', 'none');
+
+			filterButton.append(filterIcon)
+			filterButton.appendTo(cardRiferimenti)
+			filterButton1.appendTo(cardRiferimenti)
+			filterBottonAdded = true;
+		}
+
+		$("#collapseZero").collapse('show');
+
+		$('#displaynote').empty()
+		$('#displaynote').append($(emptyNoteList))
+	}
+
+	manageRisultatoCommmenti = function(start, offset = showOffset) {
+		var verso;
+		elencoRiferimenti = $("#vistaFrasi");
+		elencoRiferimenti.empty();
+		$("#displaynote").empty();
+		$('#displaynote').append($(emptyNoteList));
+
+		$(".filterRiferimentiOn").css('display', 'none');
+		$(".filterRiferimentiOff").css('display', 'none');
+
+		if (cantoDisplayed != '#vistaFrasi') {
+			prevCantoDisplayed = cantoDisplayed;
+			$(cantoDisplayed).css("display", "none");
+			//visualizzo
+			$("#vistaFrasi").attr('style', 'display: d-flex;');
+			cantoDisplayed = "#vistaFrasi";
+		}
+
+		/*var tmpresu=getRisultatiRiferimenti()
+		commentsSQL = Object.groupBy(tmpresu, ({ VersoCitazione }) => VersoCitazione);*/
+		showRiferimentiFrasi(start, offset, "#vistaFrasi");
+
+		drawMinimap('#vistaFrasi', false)		
+		showingComments = true;
+		addFormaListenersInCanto()
+		return verso;
+	}
+
+	showRiferimentiFrasi = function(start, offset = showOffset, whereToDisplay = "#vistaFrasi") {
+		var elencoRiferimenti = $(whereToDisplay);
+		var commentoRisultato = [];
+		var numeroRisultato = 0;
+		var uniq_res = [...new Set(listaRisultatiCommenti)];
+		var risLen = uniq_res.length;
+		var risultato = ''
+		var setVersicontesto = new Set()
+		for (var j = start; j < start + offset && j < risLen; j++) {
+			numeroRisultato++
+			commentoRisultato = uniq_res[j].replace('#', '').split("_")
+			risultato = uniq_res[j]
+
+			if (setVersicontesto.has(commentoRisultato[0] + '_Canto_' + commentoRisultato[2] + '_' + commentoRisultato[3] + '_sp'))
+				continue
+
+			var cre = getVersoContext(commentoRisultato, 3)
+			//console.log(cre)
+
+			var divVerso = ''
+			var elementoversospan = ''
+			var numeroCantica = 0
+			var canto = 0
+			var versiIniziali = $('<div class="versiFrase mt-3" />')
+			var listaVersi = $('<ol class="pt-3" />')
+
+			listaVersi.attr('id', "Frase" + numeroRisultato);
+			versiIniziali.attr('id', "versiFrase" + numeroRisultato);
+			if (commentoRisultato[3] != 'Proemio') {
+				var numeroVersi = 0;
+
+				for (var forma of cre) {
+					if (setVersicontesto.size == 0) {
+						numeroCantica = forma.cantica
+						canto = forma.canto
+					}
+					if (!setVersicontesto.has(forma.cantica + '_Canto_' + forma.canto + '_' + forma.verso + '_sp')) {
+						divVerso = createDivVersoGenericLi(forma.cantica, forma.verso + '_res', 'Canto_' + forma.canto)
+						elementoversospan = $('<span />')
+						elementoversospan.attr('id', forma.cantica + "_" + 'Canto_' + forma.canto + "_" + forma.verso + '_sp_res')
+						divVerso.append(elementoversospan)
+						versiIniziali.append(divVerso)
+						listaVersi.append(versiIniziali)
+						elencoRiferimenti.append(listaVersi)
+						setVersicontesto.add(forma.cantica + '_Canto_' + forma.canto + '_' + forma.verso + '_sp')
+						numeroVersi++;
+					}
+
+					createSpanFormeNew(forma.testo, forma.catg, 'e' + forma.posizione, forma.periodo, forma.funzperiodo, elementoversospan)
+				}
+			}
+			else {
+				divVerso = createDivVersoGenericLi(commentoRisultato[0], '0_res', 'Canto_' + commentoRisultato[2])
+				elementoversospan = $('<span />')
+				elementoversospan.attr('id', commentoRisultato[0] + "_" + 'Canto_' + commentoRisultato[2] + '_0_sp_res')
+				divVerso.append(elementoversospan)
+				versiIniziali.append(divVerso)
+				listaVersi.append(versiIniziali)
+				elencoRiferimenti.append(listaVersi)
+				setVersicontesto.add(commentoRisultato[0] + "_" + 'Canto_' + commentoRisultato[2] + '_Proemio_sp')//(commentoRisultato[0] + 'P')
+				numeroVersi++;
+				var testoProemio = commentoRisultato[0] + ", Canto " + commentoRisultato[2] + " Proemio"
+				createSpanFormeNew(testoProemio, '* ', 'e0', '*', '*', elementoversospan)
+			}
+			var comandi = $('<div class=" comandi col flex-nowrap d-inline justify-content-between pl-1 pb-2 ml-2 mb-2 border-bottom"/>')
+			comandi.attr('id', "comandiFrase" + numeroRisultato)
+			var comandiGrp = $('<div />')
+			comandiGrp.attr('class', 'btn-group flex-nowrap d-inline pr-3 mt-1 mr-3 align-text-bottom');
+			comandiGrp.attr('role', "group")
+
+
+			var citazioneDiv = $('<div class=" text-right flex-nowrap d-inline ml-3 px-3 py-0"/>')
+
+			var citazione = $('<span class= " pl-3 citazioneFrase align-text-top"/>')
+			citazione.append("[" + commentoRisultato[0] + ", Canto " + commentoRisultato[2] + "]")
+			citazione.attr('name', commentoRisultato[0] + "Canto " + commentoRisultato[2]);
+			citazione.attr('id', idCitazione + '_' + numeroRisultato + '_' + risultato);
+			citazione.appendTo(citazioneDiv);
+
+			citazioneDiv.appendTo(comandi);
+
+			comandi.appendTo(elencoRiferimenti);
+
+
+		}
+
+		//ottimizzare
+		// evidenzio i versi con almeno un risultato
+		for (var tres of uniq_res) {
+			if (tres.includes('Proemio'))
+				tres = tres.replace('Proemio', '0')
+			$('#' + tres + '_res').addClass("mark ")
+
+		}
+
+		//metto l'icona anche ai versi che hanno riferimenti ma che non sono nel resultset
+		var versicontesto = [...setVersicontesto];
+		var flagRisultato;
+		for (var elverso of versicontesto) {
+			if (versoCommentato(elverso)) {
+				if (uniq_res.includes(elverso)) {
+					flagRisultato = true;
+				} else {
+					flagRisultato = false;
+				}
+				var tresa = elverso.split('_')
+				var tcantica = '1'
+				if (tresa[0] == 'Purgatorio')
+					tcantica = '2'
+				if (tresa[0] == 'Paradiso')
+					tcantica = '3'
+				var tverso = tresa[3]
+				var aidCommento = "CommentoRes_" + tcantica + "_" + tresa[2] + '_' + tverso;
+				var apio = $("#" + aidCommento)
+				if (apio.length)
+					continue;
+				elverso = elverso.replace('_Proemio', '_0')
+				var myverso = $('#' + elverso.replace('sp', 'res'))
+				createCommentSpan(aidCommento, myverso, 1, flagRisultato)
+			}
+		}
+		
+	}
+
+
+	function executeLocalSearch(testo, forme, limit, cantica, cont, resultsInCantica, resultsInCanto) {
+
+		for (var ip = 0; ip <= limit; ip++) {
+
+			if (cont.length && !cont.includes(parseInt(forme[ip].split('_')[1]))) {
+				continue
+			}
+			var fnd = true
+			var strlen = 0;
+			var tmpa = []
+			for (var frind = 0; frind < testo.length; frind++) {
+				var itm = forme[ip + frind].split('_')[0].toLowerCase().replace(/[.,\/#!$%\^&\*;:{}=\-_`~()]/g, "")
+
+				tmpa.push(itm)
+			}
+			fnd = (testo.join(' ').toLowerCase() === tmpa.join(' ') || tmpa.join(' ').startsWith(testo.join(' ').toLowerCase()))
+
+			if (fnd) {
+				//console.log('ipfound: '+forme[ip].split('_')[2]+' - '+forme[(ip+testo.length-1)].split('_')[2])
+
+				resultsInCantica.push(cantica)
+				resultsInCanto.push(cantica + 'Canto ' + forme[ip].split('_')[1])
+				var tstar = parseInt(forme[ip].split('_')[2])
+				var tstop = parseInt(forme[(ip + testo.length - 1)].split('_')[2])
+
+				for (var mpo = tstar; mpo < tstop + 1; mpo++) {
+
+					listarisultati.push(mpo)
+				}
+
+			}
+
+		}
+	}
+
+
+
+
+	function resetSentenceStructure(sentence) {
+		$(" ." + sentence).removeClass('text-info font-italic')
+	}
+
+
+	//Cantica management functions
+
+	function showCanto(formecantica, idcantica, canto) {
+		var setVersiCanto = new Set()
+		var periodinum = {};
+		var cantica = cantiche[parseInt(idcantica) - 1];
+		var elverso, formaItem, currSentenceId;
+		var ultimaFormaCanto;
+		let numeroPeriodo = 1;
+		showingComments = false;
+		let startindex = 800 * (parseInt(canto) - 1)
+		let reformecantica = formecantica.slice(startindex)
+
+		//formecantica.map(function(item) {
+		reformecantica.map(function(item) {
+			formaItem = item.split("_");
+			var sentenceid = idcantica + "_" + formaItem[1] + "_s_" + formaItem[5]
+			if (formaItem[1] == canto) {
+				if (!setVersiCanto.has(cantica + "_" + formaItem[3] + "_" + 'Canto_' + formaItem[1])) {
+
+					//var verso = parseInt(formaItem[3]) - 1;
+
+
+					if (currSentenceId != null && currSentenceId != sentenceid) {
+
+						createSpanPeriodiTag(closeSTag, 'c', formaItem[2] - 1, currSentenceId, elverso, periodinum[currSentenceId])
+						currSentenceId = null
+					}
+
+					//elverso=createDivVersoNew(cantica, formaItem[3], 'Canto_' + formaItem[1])
+					elverso = createDivVersoLI(cantica, formaItem[3], 'Canto_' + formaItem[1])
+					setVersiCanto.add(cantica + "_" + formaItem[3] + "_" + 'Canto_' + formaItem[1])
+				}
+				if (currSentenceId == null || currSentenceId != sentenceid) {
+
+					if (currSentenceId != null) {
+						createSpanPeriodiTag(closeSTag, 'c', formaItem[2] - 1, currSentenceId, elverso, periodinum[currSentenceId])
+					}
+					currSentenceId = sentenceid;
+					if (periodinum[currSentenceId] == null) {
+						periodinum[currSentenceId] = numeroPeriodo
+						numeroPeriodo = numeroPeriodo + 1;
+					}
+					//periodinum[currSentenceId]=numeroPeriodo
+					//numeroPeriodo=numeroPeriodo+1;
+					createSpanPeriodiTag(openSTag, 'o', formaItem[2], sentenceid, elverso, periodinum[currSentenceId])
+				}
+				createSpanFormeNew(formaItem[0], formaItem[4], formaItem[2], sentenceid, formaItem[6], elverso)
+				ultimaFormaCanto = formaItem;
+
+			}
+
+		})
+		//crea tag di chiusura per l'ultimo periodo del canto
+
+		createSpanPeriodiTag(closeSTag, 'c', ultimaFormaCanto[2] - 1, currSentenceId, elverso, periodinum[currSentenceId])
+
+		/*//gestione risultati
+
+		if (listaPeriodiRisultato.length) {
+			for (var msid of listaPeriodiRisultato) {
+				loadPeriodo(msid)
+
+			}
+		}
+
+		if (listaClausoleRisultato.length) {
+			for (var clsid of listaClausoleRisultato) {
+				let tmpid = clsid.split('-')
+				//loadFrase(tmpid[0], tmpid[1])
+				loadClausola(tmpid[0], tmpid[1], tmpid[2], tmpid[3])
+
+			}
+		}
+
+		if (listarisultati.length) {
+			//evidenzia risultati
+			for (var ris of listarisultati) {
+				var idris = '#' + ris
+				$(idris).addClass("font-weight-bold mark ")
+
+			}
+		}*/
+
+	}
+
+
+	function manageResults() {
+		if (listaPeriodiRisultato.length) {
+			for (var msid of listaPeriodiRisultato) {
+				loadPeriodo(msid)
+
+			}
+		}
+
+		if (listaClausoleRisultato.length) {
+			for (var clsid of listaClausoleRisultato) {
+				let tmpid = clsid.split('-')
+				//loadFrase(tmpid[0], tmpid[1])
+				loadClausola(tmpid[0], tmpid[1], tmpid[2], tmpid[3])
+
+			}
+		}
+
+		if (listarisultati.length) {
+			//evidenzia risultati
+			for (var ris of listarisultati) {
+				var idris = '#' + ris
+				$(idris).addClass("font-weight-bold mark ")
+
+			}
+		}
+	}
+
+
+	function createProemioSpan(idVerso, elementoverso, numberOfComments, spanid) {
+		var spanoccorrenza = $('<span />')
+		spanoccorrenza.attr('id', spanid + '_sp')
+		var proemiooccorrenza = $('<button />')
+		proemiooccorrenza.attr('id', idVerso)
+
+		proemiooccorrenza.attr('class', 'btn btn-sm btn-outline-primary showcomments bg-light border-0 rounded text-primary px-1 pt-1 pb-0 ml-1');
+
+		var commentIcon = '<i class="icon icon-document-attach"></i>';
+
+		proemiooccorrenza.append(commentIcon)
+
+		proemiooccorrenza.appendTo(spanoccorrenza)
+
+		spanoccorrenza.appendTo(elementoverso)
+	}
+
+	function createCommentSpan(idVerso, elementoverso, numberOfComments, flagRisultato = false) {
+		var spanoccorrenza = $('<button />')
+		spanoccorrenza.attr('id', idVerso)
+		//btn-sm btn-outline-secondary
+		if (idVerso.startsWith("CommentoRes_") && flagRisultato) {
+			spanoccorrenza.attr('class', 'btn btn-sm btn-outline-primary risultato showcomments bg-light border-0 rounded text-primary px-1 pt-1 pb-0 ml-1');
+		} else {
+			spanoccorrenza.attr('class', 'btn btn-sm btn-outline-primary showcomments bg-light border-0 rounded text-primary px-1 pt-1 pb-0 ml-1');
+
+		}
+		if (numberOfComments > 1) {
+			var commentIcon = '<i class="icon icon-document-attach"></i><i class="icon icon-add-circle-outline"></i>';
+		} else {
+			var commentIcon = '<i class="icon icon-document-attach"></i>';
+		}
+
+		spanoccorrenza.append(commentIcon)
+		//spanoccorrenza.append(number)
+
+		spanoccorrenza.appendTo(elementoverso)
+	}
+
+	function createSpanPeriodiTag(separator, catgramm, pos, sentenceid, elementoverso, pnum) {
+		var spanoccorrenza = $('<span />')
+		spanoccorrenza.attr('id', 'sep_' + pos)
+		spanoccorrenza.attr('title', catgramm)
+		spanoccorrenza.attr('class', sentenceid + ' sentencetag font-weight-bold')
+		spanoccorrenza.append(separator + " ")
+
+		if (separator == closeSTag) {
+
+			//aggiunge simbolo di chiusura dialogo
+			for (const india in dialoghi) {
+				if (dialoghi[india]['Cnt'].replace('_so', '') == sentenceid) {
+					//PER GESTIONE PUNTEGGIATURA IN DIALOGHI, DA FARE
+					//console.log(elementoverso.children().slice(-2).text())
+					if (elementoverso.children().slice(-2).text().includes(',')) {
+						//console.log(' virgola ' +elementoverso.children().slice(-1).html())
+						//let paro=elementoverso.children().slice(-2).text().replace(',', '')
+						//elementoverso.children().slice(-2).text(paro)
+						//console.log(' virgola dopo' +elementoverso.children().slice(-1).html())
+
+					}
+					elementoverso.children().slice(-1).html('&raquo;&nbsp;')
+
+
+					break;
+				}
+			}
+
+			var varsupel = $('<sup />')
+			//varsupel.append(sentenceid.split('_')[3]+' ')
+			varsupel.append(pnum + ' ')
+			varsupel.appendTo(spanoccorrenza)
+		}
+		spanoccorrenza.css("display", "none")
+		spanoccorrenza.appendTo(elementoverso)
+
+		if (separator == openSTag) {
+
+			//aggiunge simbolo di apertura dialogo
+			for (const india in dialoghi) {
+				if (dialoghi[india]['Cnt'].replace('_so', '') == sentenceid) {
+					var enddiscorso = $('<span />')
+					enddiscorso.append('&laquo;')
+					enddiscorso.appendTo(elementoverso)
+					break;
+				}
+			}
+		}
+
+	}
+
+	function createSpanFormeNew(forma, catgramm, pos, sentenceid, clausefunct, elementoverso) {
+		var spanoccorrenza = $('<span />')
+		var nbsp = $('<span>&nbsp;</span>')
+		spanoccorrenza.attr('id', pos)
+
+		spanoccorrenza.attr('title', catgramm)
+		spanoccorrenza.attr('class', sentenceid + " " + clausefunct + ' ' + formaClass)
+		spanoccorrenza.append(forma)
+		spanoccorrenza.appendTo(elementoverso)
+		nbsp.appendTo(elementoverso)
+	}
+
+
+	function createDivVersoLI(cantica, num, canto) {
+
+		var elementoverso = createDivVersoGenericLi(cantica, num, canto)
+		let cantoContainer = $('#' + cantica + canto);
+		elementoverso.appendTo(cantoContainer.find('ol'))
+		var elementoversospan = $('<span />')
+		elementoversospan.attr('id', cantica + "_" + canto + "_" + num + '_sp')
+		elementoverso.append(elementoversospan)
+		/*return elementoverso*/
+		return elementoversospan
+
+	}
+	function createDivVersoGenericLi(cantica, num, canto) {
+		/*let digits = num.length*/
+
+		/*var spannum = $('<span />')
+
+		if (digits == 1)
+			spannum.append('\xa0\xa0')
+		if (digits == 2)
+			spannum.append('\xa0')
+		spannum.append(num + '. ')*/
+		var elementoverso = $('<li class="f6 mb-0 text-muted text-nowrap font-weight-lighter "/>')
+		/*var elementoversospan=$('<span />')*/
+		//elementoverso.append(spannum)
+
+		elementoverso.attr("value", num)
+
+		//elementoverso.attr("style", "line-height: 1.0em")
+
+		//elementoverso.attr('class', 'f6 mb-0 text-muted text-nowrap font-weight-lighter ')//+cantica+' '+canto)
+		//elementoverso.attr('class', 'text-nowrap ')//+cantica+' '+canto)
+
+		elementoverso.attr('id', cantica + "_" + canto + "_" + num)
+		/*elementoverso.append(elementoversospan)*/
+		elementoverso.append('\xa0')
+		return elementoverso
+	}
+
+
+
+	function createAllDivCanti() {
+
+		var divFrasi = $('<div />')
+		var divDialoghi = $('<div />')
+		var divMetafore = $('<div />')
+
+
+		var titoloDialoghi = $('<h4 class="titolo-canto pb-2" />')
+		var titoloMetafore = $('<h4 class="titolo-canto pb-2" />')
+
+		//titoloFrasi.append("Frasi:");
+		titoloDialoghi.append("Dialoghi:");
+		titoloMetafore.append("Metafore:");
+
+		divFrasi.attr('id', "vistaFrasi")
+		divFrasi.attr('class', 'pb-4')
+		divDialoghi.attr('id', "vistaDialoghi")
+		divDialoghi.attr('class', 'pb-4')
+		divMetafore.attr('id', "vistaMetafore")
+		divMetafore.attr('class', 'pb-4')
+
+		divFrasi.appendTo('#displaycanto')
+		divDialoghi.appendTo('#displaycanto')
+		divMetafore.appendTo('#displaycanto')
+
+		divFrasi.css("display", "none")
+		divDialoghi.css("display", "none")
+		divMetafore.css("display", "none")
+
+		//titoloFrasi.appendTo(divFrasi)
+		titoloDialoghi.appendTo(divDialoghi)
+		titoloMetafore.appendTo(divMetafore)
+
+
+		for (var cantica of cantiche) {
+			for (var i = 1; i < 35; i++) {
+				if (i == 34 && cantica !== "Inferno") {
+					continue
+				}
+				var canto = "Canto " + i
+				var cantoRomano = "Canto " + getRoman(i)
+
+				var divcanto = $('<div />')
+				var titolocanto = $('<h4 class="titolo-canto pb-2" />')
+				//titolocanto.append(cantica + ", " + cantoRomano)
+				var spantitolocanto = $('<span />')
+				spantitolocanto.attr('id', 'Titolo' + (cantica + canto).replace(" ", "_"))
+				spantitolocanto.append(cantica + ", " + cantoRomano)
+				titolocanto.append(spantitolocanto)
+
+				divcanto.attr('class', 'canto pt-3')
+				divcanto.css("display", "none")
+
+				divcanto.attr('id', (cantica + canto).replace(" ", "_"))
+				titolocanto.appendTo(divcanto)
+				//nuovo
+				var olversi = $('<ol />')
+				olversi.attr('class', 'pb-4 pr-4')
+				olversi.appendTo(divcanto)
+				//fine nuovo
+				divcanto.appendTo('#displaycanto')
+			}
+		}
+	}
+
+	//execute query
+	async function executeQuerySearch(query) {
+
+
+		//alert(query)
+		$("#loader").fadeIn(300);
+
+		try {
+			var seachbBindingsStream = await myEngine.queryBindings(query, { sources: [{ type: 'sparql', value: sparqlEndpoint },], });
+		}
+		catch (err) {
+			$("#loader").fadeOut(300);
+			console.log(err.message);
+		};
+
+		try {
+			var result = new Set()
+			var resultClauses = new Set()
+
+			var resultsInCantica = []
+			var resultsInCanto = []
+			var cantica = 'Nessuna'
+			var canto = 'Canto 0'
+			//var numverso=0
+			var pos = 0
+			seachbBindingsStream.on('data', (binding) => {
+
+				//cantica
+				if (binding.has('Cantica'))
+					cantica = binding.get('Cantica').value;
+				else
+					cantica = 'Nessuna'
+
+
+				//canto
+				if (binding.has('Canto'))
+					canto = binding.get('Canto').value;
+				else
+					canto = 'Canto 0'
+
+				//numero del verso
+				/*if (binding.has('NumeroVerso'))
+					numverso = binding.get('NumeroVerso').value;
+				else
+					numverso = 0*/
+				//posizione del frammento
+				if (binding.has('pos'))
+					pos = binding.get('pos').value;
+				else {
+					pos = 0;
+				}
+
+				//regione della clausola
+				var clfrom = binding.get('clfr').value;
+				var clto = binding.get('clto').value;
+				var clfunction = ''
+				if (binding.has('clafunction'))
+					clfunction = binding.get('clafunction').value.replaceAll(syntitNamespace, '')
+				var clocc = ''
+				if (binding.has('clocc'))
+					clocc = binding.get('clocc').value.replaceAll(hdnNamespace, '')
+				//var clfunction=binding.get('clf').value.replace(syntitNamespace,'')
+				//id del periodo
+				var sentenceid = ''
+				if (binding.has('sentence'))
+					sentenceid = binding.get('sentence').value.replace(hdnNamespace, '')
+
+				if (pos && !result.has(pos)) {
+					if (pos.includes(';')) {
+						var posses = pos.slice(0, -1).split(';')
+						for (var po in posses)
+							result.add(posses[po])
+					}
+					else
+						result.add(pos)
+					resultsInCantica.push(cantica);
+					resultsInCanto.push(cantica + canto)
+				}
+
+				//cambiare!
+				for (var ip = 1; ip < 30; ip++) {
+					if (binding.has('pos' + ip)) {
+						var tp = binding.get('pos' + ip).value;
+						if (!result.has(tp))
+							result.add(tp)
+					}
+				}
+				//cambiare!
+				if (unitaRicerca != 'frase' && pos == -1) {
+					unitaRicerca = 'frase'
+				}
+				if (clfunction.includes(';')) {
+					var funcs = clfunction.slice(0, -1).split(';')
+					var occs = clocc.slice(0, -1).split(';')
+					for (var mi = 0; mi < funcs.length; mi++)
+						resultClauses.add(sentenceid + "-" + clfrom + '-' + clto + "-" + funcs[mi].trim().replace('ordinateClause', '').replace('MainClause', 'Ma') + '-' + cantica + '-' + canto + '-' + occs[mi])
+
+				}
+				else
+					resultClauses.add(sentenceid + "-" + clfrom + '-' + clto + "-" + clfunction.trim().replace('ordinateClause', '').replace('MainClause', 'Ma') + '-' + cantica + '-' + canto + '-' + clocc)
+				//resultSentences.add(sentenceid)//NON USATO????
+
+			});
+			seachbBindingsStream.on('end', () => {
+				var resSent = new Set()
+				var resSentence = new Set()
+				var resClauses = []
+				//let minim=$(" .minimap__content")
+				//console.log('start rendering...')
+				listarisultati = Array.from(result)
+				var listaclausole = Array.from(resultClauses)
+
+
+
+				listaPeriodiRisultato = []
+				listaClausoleRisultato = []
+				listaClausoleRisultatoContesti = []
+
+				//controllo se ci sono risultati
+				if (listarisultati.length == 0 && listaclausole.length == 0) {
+					$("#loader").fadeOut(300);
+					console.log("Nessun risultato!")
+
+					return
+				}
+				//Unità di ricerca è 'frase'
+
+				if ((!listarisultati.length && unitaRicerca == 'forme') || unitaRicerca == 'frase' || unitaRicerca == 'verso') {
+					//if (unitaRicerca == 'frase') {
+					unitaRicerca = 'frase'
+					resultsInCantica = []
+					resultsInCanto = []
+					//listaPeriodiRisultato = []
+
+					if (listaclausole.length) {
+						for (var frase of listaclausole) {
+							var fraseItems = frase.split('-');
+
+							//loadFrase(fraseItems[0].toString(), fraseItems[3].toString())
+							loadClausola(fraseItems[0].toString(), fraseItems[3].toString(), fraseItems[1], fraseItems[2])
+							resSent.add(fraseItems[0] + '-' + fraseItems[3] + '-' + fraseItems[1] + '-' + fraseItems[2]);
+							//if (!resSent.has(fraseItems[0] + '-' + fraseItems[3])) {
+							let tmpocc = fraseItems.slice(-1)
+
+							if (resClauses.filter(clocc => clocc == tmpocc[0]).length == 0 || tmpocc[0] == '') {
+								resClauses.push(tmpocc[0]);
+								//resSent.add(fraseItems[0] + '-' + fraseItems[3]+'-'+fraseItems[1] + '-' + fraseItems[2]);
+								resSentence.add(fraseItems[1] + '-' + fraseItems[2]);
+								//resSent.add(fraseItems.slice(-1))
+								resultsInCantica.push(fraseItems[4]);
+								resultsInCanto.push(fraseItems[4] + fraseItems[5]);
+
+							}
+
+						}
+						listaClausoleRisultato = Array.from(resSent);
+					}
+				}
+				//Unità di ricerca è 'periodo'
+
+				if (unitaRicerca == 'periodo' && listaclausole.length) {
+					resultsInCantica = []
+					resultsInCanto = []
+					//listaPeriodiRisultato=[]
+					for (var frase of listaclausole) {
+						var fraseItems = frase.split('-');
+						//var mysid = '.' + fraseItems[0].toString()
+
+						listaPeriodiRisultato.push(fraseItems[0].toString())
+						loadPeriodo(fraseItems[0].toString())
+						loadClausola(fraseItems[0].toString(), fraseItems[3].toString(), fraseItems[1], fraseItems[2])
+						resSent.add(fraseItems[0] + '-' + fraseItems[3] + '-' + fraseItems[1] + '-' + fraseItems[2]);
+
+
+						if (!resSent.has(fraseItems[0])) {
+							resSent.add(fraseItems[0]);
+							resultsInCantica.push(fraseItems[4]);
+							resultsInCanto.push(fraseItems[4] + fraseItems[5]);
+						}
+					}
+					listaClausoleRisultato = Array.from(resSent);
+				}
+
+				//Unità di ricerca è 'Discorso'
+
+				if (unitaRicerca == 'discorso' && listaclausole.length) {
+					//console.log('Dialoghi')
+					resultsInCantica = []
+					resultsInCanto = []
+					var tmplr = []
+					for (var ris of listarisultati) {
+						for (const india in dialoghi) {
+							var tfr = parseInt(dialoghi[india]['Clfr'])
+							var tto = parseInt(dialoghi[india]['Clto'])
+							if (ris >= tfr && ris <= tto) {
+								tmplr.push(ris)
+							}
+						}
+					}
+					listarisultati = tmplr
+					for (var frase of listaclausole) {
+						var fraseItems = frase.split('-');
+						var testf = fraseItems[0].toString();
+
+						for (const india in dialoghi) {
+							var diaclass = dialoghi[india]['Cnt'].replace('_so', '')
+							if (testf == diaclass) {
+								listaPeriodiRisultato.push(fraseItems[0].toString())
+								loadPeriodo(fraseItems[0].toString())
+								loadClausola(fraseItems[0].toString(), fraseItems[3].toString(), fraseItems[1], fraseItems[2])
+								//resSent.add(fraseItems[0] + '-' + fraseItems[3] + '-' + fraseItems[1] + '-' + fraseItems[2]);
+								if (!resSent.has(fraseItems[0])) {
+									resSent.add(fraseItems[0]);
+									resultsInCantica.push(fraseItems[4]);
+									resultsInCanto.push(fraseItems[4] + fraseItems[5]);
+
+								}
+								continue
+							}
+						}
+
+					}
+					listaClausoleRisultato = Array.from(resSent);
+
+
+				}
+
+				if (listarisultati.length) {
+					//evidenzia risultati
+					for (var ris of listarisultati) {
+						var idris = '#' + ris
+						$(idris).addClass("mark ")
+						minim.contents().find(idris).addClass("font-weight-bold mark ")
+
+					}
+				}
+
+				//ordino la lista dei risultati
+				listarisultati.sort(function(a, b) { return a - b });
+				// ordino la lista delle clausole del risultato
+				listaClausoleRisultato.sort(function(a, b) {
+					var valA = a.split('-')[2]
+					var valB = b.split('-')[2]
+					return valA - valB
+				});
+				//crea la lista dei risultati per i contesti
+				if (listaClausoleRisultato.length) {
+					var tempr = new Set()
+					for (var singleres of listaClausoleRisultato) {
+						tempr.add(singleres.split('-')[0])
+					}
+
+					tempr.forEach(y => listaClausoleRisultatoContesti.push(listaClausoleRisultato.filter(x => (x.split('-')[0] == y) && x.split('-').length > 1)))
+				}
+
+				//aggiunge badge con totale risultati accanto alle cantiche
+
+				var totResultN = showBadgeInCantica(resultsInCantica)
+
+				//aggiunge badge con totale risultati nel bottone lista risultati
+				var listIcon = ' <i class="icon icon-list-outline"></i>';
+				if (totResultN > 0) {
+					$("#headingZero").closest('.card').attr('style', 'display: d-flex;')
+					var spanbadgelista = $('<span />');
+					spanbadgelista.attr('class', 'badge badge-warning badge-pill mx-2 ');
+					spanbadgelista.append(totResultN + listIcon)
+					spanbadgelista.appendTo($('#cantica0-badge'))
+				}
+
+				//aggiunge badge con totale risultati accanto ai canti
+				showBadgeInCanto(resultsInCanto)
+
+				//console.log('badge end...')
+				//calcolo numero dei contesti
+				countResultContexts()
+				$("#loader").fadeOut(300);
+				// mostra lista risultati
+				//$.manageResultList(0, showOffset);
+				//$("#cantica0").trigger("click");
+				setCurrentPage(0);
+				managePage();
+				$("#printRisultati").prop("disabled", false);
+				$("#printCantoCorrente").prop("disabled", true);
+				$("#collapseZero").collapse('show');
+
+			});
+			//var queryExecuted = true;
+			//$(cantoDisplayed).attr('style', 'display: d-flex;');
+			/*			$("#cantica0").trigger("click");
+						$("#vistaFrasi").css("display", "none");*/
+
+		}
+		catch (err) {
+			$("#loader").fadeOut(300);
+			$("#searchcomm2").prop("disabled", false);
+			$("#searchcomm2").html('<span class="" role="status" aria-hidden="true"></span> Search');
+			console.log(err.message);
+
+		};
+
+
+
+	};
+
+	//VISUALIZZAZIONE BADGE RISULTATI IN CANTICA
+
+	function showBadgeInCantica(resultsInCantica) {
+		var i = 0, totResultN = 0
+		//var listIcon = '<i class="icon icon-list-outline"></i>';
+		for (var cantica of cantiche) {
+			i += 1
+			let count = resultsInCantica.reduce((n, x) => n + (x === cantica), 0);
+			if (count > 0) {
+				totResultN += count
+				var spanbadgecantica = $('<span />');
+				spanbadgecantica.attr('class', 'badge badge-warning badge-pill mx-2');
+				spanbadgecantica.append(count)
+				spanbadgecantica.appendTo($('#cantica' + i + '-badge'))
+				//$('#cantica' + i).after(spanbadgecantica)
+			}
+		}
+		return (totResultN)
+	}
+
+	//VISUALIZZAZIONE BADGE RISULTATI IN CANTO
+
+	function showBadgeInCanto(resultsInCanto) {
+
+		var $nctags = $(' .navig-canto')
+
+
+		for (var cantica of cantiche) {
+			for (var k of Array(35).keys()) {
+				if (k == 0)
+					continue
+
+				let count = resultsInCanto.reduce((n, x) => n + (x === cantica + 'Canto ' + k), 0);
+				if (count > 0) {
+					var spanbadge = $('<span />');
+					spanbadge.attr('class', cantobadgeclass);
+					spanbadge.append(count)
+					//spanbadge.appendTo($('[name="' + cantica + 'Canto ' + k + '"]'))
+					spanbadge.appendTo($nctags.filter('[name="' + cantica + 'Canto ' + k + '"]'))
+					//spanbadge.insertAfter($('[name="'+cantica+'Canto '+k+'"]'))
+				}
+			}
+		}
+	}
+
+
+
+	/*
+	*	REGOLE DI PARSING PER VISUALIZZAZIONE CATEGORIE GRAMMATICALI 
+	*/
+
+	const categoriegrammaticali = {
+		"v": "Verbo", "s": "Sostantivo", "a": "Aggettivo", "p": "Pronome", "r": "Articolo", "b": "Avverbio", "e": "Preposizione",
+		"c": "Congiunzione", "i": "Interiezione", "n": "Onomastica", "f": "Citazione", "l": "Locuzione",
+		"r-e": "Articolo, Preposizione", "b-v": "Avverbio, Verbo", "p-v": "Pronome, Verbo",
+		"b-p-v": "Avverbio, Pronome, Verbo", "b-p": "Avverbio, Pronome",
+		"e-p": "Preposizione, Pronome", "a-s": "Aggettivo, Sostantivo",
+		"e-r": "Preposizione, Articolo", "v-b": "Verbo, Avverbio", "v-p": "Verbo, Pronome",
+		"v-p-b": "Verbo, Pronome, Avverbio", "p-b": "Pronome, Avverbio",
+		"p-e": "Pronome, Preposizione", "s-a": "Sostantivo, Aggettivo",
+	}
+
+
+	var categoriegrammaticaliGrammar = `Expression = head:(Filtro){return 'Verbo,'+head.join()}
+Filtro= fhead:("v")? tail:( transitivita? diatesi? impersonalita?
+    						coniugazione? modotempo?
+                            persona? funzione? declinazione?
+                            genere? numero? grado?){return tail}
+    
+
+diatesi= [a|p] {if (text()=='a') return ' Attivo'; else return ' Passivo';}
+    
+transitivita=[i|t]? {if (text()=='t') return ' Transitivo'; else if (text()=='i') return ' Intransitivo';}
+
+impersonalita=([*|+])* {if (text()=='*') return ' Impersonale'; else if (text()=='+')return ' Riflessivo';}
+
+coniugazione=[1|2|3|4|5]? {switch(parseInt(text())){
+							case(1): return ' Prima coniugazione';
+                            case(2): return ' Seconda coniugazione';
+                            case(3): return ' Terza coniugazione';
+                            case(4): return ' Ausiliare essere'
+                            case(5): return ' Ausiliare avere'}}
+modotempo=modo:"ip" {return(' Presente indicativo')}/
+			   "ib" {return(" Passato Prossimo Indicativo")}/
+			   "ii" {return(" Imperfetto Indicativo")}/
+              "ir" {return(" Passato Remoto Indicativo")}/
+              "is" {return( " Trapassato Prossimo Indicativo")}/
+              "it" {return( " Trapassato Remoto Indicativo")}/
+              "if" {return(" Futuro Semplice Indicativo")}/
+              "ia" {return(" Futuro Anteriore Indicativo")}/
+              "cp" {return( " Presente Congiuntivo")}/
+              "ci" {return( " Imperfetto Congiuntivo")}/
+              "cr" {return( " Passato Congiuntivo")}/
+              "ct" {return( " Trapassato Congiuntivo")}/
+              "dp" {return( " Presente Condizionale")}/
+              "dr" {return( " Passato Condizionale")}/
+              "mp" {return( " Presente Imperativo")}/
+              "fp" {return( " Presente Infinito")}/
+              "fr" {return( " Passato Infinito")}/
+              "pp" {return( " Presente Participio")}/
+              "pr" {return( " Passato Participio")}/
+              "gp" {return( " Presente Gerundio")}/
+              "gr" {return( " Passato Gerundio")}/
+              "pf" {return( " Participio Futuro")} 
+persona="s1" {return(' Prima persona singolare')}/
+		"s2" {return(' Seconda persona singolare')}/
+        "s3" {return(' Terza persona singolare')}/
+        "p1" {return(' Prima persona plurale')}/
+        "p2" {return(' Seconda persona plurale')}/
+        "p3" {return(' Terza persona plurale')}
+
+
+funzione="a" {return(' Verbo Funzione Aggettivo')}/
+		"sm" {return(' Verbo Funzione Sostantivo maschile')}/
+        "sf" {return(' Verbo Funzione Sostantivo femminile')}/
+        "b" {return(' Verbo Funzione Avverbio')}/
+        "l" {return(' Verbo Funzione Locuzione')}
+
+
+declinazione=[1|2|3|4|5] {switch(parseInt(text())){
+							case(1): return ' Prima declinazione';
+                            case(2): return ' Seconda declinazione';
+                            case(3): return ' Terza declinazione';
+                            case(4): return ' nd'
+                            case(5): return ' nd'}}
+                     
+genere=[f|m] {if (text()=='f') return ' Femminile'; else if (text()=='m') return ' Maschile';}
+
+numero=[s|p] {if (text()=='s') return ' Singolare'; else if (text()=='p') return ' Plurale';}
+
+grado="c+" {return(' Grado c+ singolare')}/
+		"c-" {return(' Grado c-')}/
+        "c=" {return(' Grado c=')}
+
+Integer "integer"
+  = _ [0-9]+ { return parseInt(text(), 10); }
+
+_ "whitespace"= " "*
+
+`
+
+	var categoriaGrammaticaleSostantivo = `
+Expression = head:(Filtro){return 'Sostantivo,'+head.join()}
+Filtro= fhead:("s")? tail:( genereforma? declinazionesostantivo? generelemma?
+    						numersingolareplurale? locuzione?){return tail}
+    
+
+declinazionesostantivo= [1|2|3]? {switch(parseInt(text())){
+							case(1): return ' Prima declinazione';
+                            case(2): return ' Seconda declinazione';
+                            case(3): return ' Terza declinazione'}}
+    
+genereforma=[m|f]? {if (text()=='m') return ' forma maschile'; else if (text()=='f') return ' forma femminile';}
+
+generelemma=[m|f]? {if (text()=='m') return ' lemma maschile'; else if (text()=='f') return ' lemma femminile';}
+
+numersingolareplurale=[s|p]? {if (text()=='s') return ' numero singolare'; else if (text()=='p') return ' numero plurale';}
+
+locuzione="Iv" {return('In Locuzione verbo');}
+
+Integer "integer"
+  = _ [0-9]+ { return parseInt(text(), 10); }
+
+_ "whitespace"= " "*
+
+`
+
+	var categoriaGrammaticalePreposizione = `
+Expression = head:(Filtro){return 'Preposizione,'+head.join()}
+Filtro= fhead:("e")? tail:( tipo1? tipo2? sintassi? complemento1? complemento2?){return tail}
+    
+
+tipo1=[p|i] {if (text()=='i') return ' Impropria'; else if (text()=='p') return ' Impropria';}
+tipo2=modo:"a" {return(' Articolata')}/
+			   "lx" {return(" In locuzione separata")}/
+			   "l" {return(" In locuzione")} /
+               "s" {return(" Semplice")}
+               
+sintassi=[sodbfcnutmezlpa] {if (text()=='s') return ' Soggettiva'; 
+							if (text()=='o') return ' Oggettiva';
+                            if (text()=='d') return ' Dichiarativa';
+                            if (text()=='b') return ' Completiva obliqua';
+                            if (text()=='f') return ' Finale';
+                            if (text()=='c') return ' Causale';
+                            if (text()=='n') return ' Concessiva';
+                            if (text()=='u') return ' Consecutiva';
+                            if (text()=='t') return ' Temporale';
+                            if (text()=='m') return ' Modale';
+                            if (text()=='e') return ' Eccettuativa';
+                            if (text()=='z') return ' Esclusiva';
+                            if (text()=='l') return ' Limitativa';
+                            if (text()=='p') return ' Comparativa';
+                            if (text()=='a') return ' Avversativa';}
+                            
+complemento1="ktd" {return(" Di tempo determinato")} /
+               "ktc" {return(" Di tempo continuato")} /
+               "kt" {return(' Di tempo')}/
+			   "kdl" {return(" Di moto da luogo")} /
+			   "kd" {return(" Di termine")}/
+			   "kv" {return(" Di vantaggio")} /
+               "ksl" {return(" Di stato in luogo")} /
+               "ks" {return(" Di svantaggio")} /
+               "kg" {return(" Di specificazione")} /
+               "kml" {return(" Di moto a luogo")} /
+               "km" {return(" Di modo")} /
+               "kw" {return(" Di mezzo")} /
+               "kc" {return(" Di compagnia")} /
+               "ku" {return(" Di unione")} /
+               "ka" {return(" Di allontanamento/separazione")} /
+               "kz" {return(" Di materia")} /
+               "kl" {return(" Di luogo")} /
+               "ko" {return(" Di sostanza")} /
+               "kpl" {return(" Di moto per luogo")} /
+               "kps" {return(" Predicativa del soggetto")} /
+               "kpo" {return(" Predicativa dell'oggetto")}
+               
+           
+complemento2= 
+    "kp" {return(" Di Limitazione")} /
+    "kq" {return("  Di Qualità")} /
+    "kr" {return("  Di Causa")} /
+    "ki" {return("  Di Agente")} /
+    "ke" {return("  Di Causa Efficiente")} /
+    "kf" {return("  Di Fine Scopo")} /
+    "ky" {return("  Di Paragone")} /
+    "kx" {return("  Di Argomento")} /
+    "kb" {return("  Distributivo")} /
+    "kj" {return("  Di Sostituzione")} /
+    "kn" {return("  Di Estensione")} /
+    "k1b" {return("  Indiretta Benefattiva")} /
+    "k1p" {return("  Indiretta Possessore")} /
+    "k1o" {return(" Indiretta Oggetto")} /
+    "k1d" {return(" Indiretta Dativo")} /
+    "k1e" {return(" Indiretta Esperiente")} /
+    "k2" {return(" Simmetrica")} /
+    "k3" {return(" Di Pena")} /
+    "k4" {return("  Di Effetto")} /
+    "k5" {return("  Concessiv")} /
+    "k6" {return(" Di Origine Provenienza")} /
+    "k7" {return(" Di Abbondanza/Privazione")} /
+    "k8" {return(" Partitiva")} /
+    "k9" {return(" Di Denominazione")} /
+    "k10" {return(" Di Colpa")} /
+    "k11" {return(" Di Quantità")} /
+    "k12" {return(" Di Peso")} /
+    "k13" {return(" Di Esclusione")} /
+    "k14" {return(" Di Rapporto")}
+
+`
+	var avverbio = ` Expression = head:(Filtro){return 'Avverbio,'+head.join()}
+Filtro= fhead:("b")? tail:( fake?  tipo?){return tail}
+     
+fake= ""
+
+tipo="c+" {return(' Avverbio al Comparativo di Maggioranza')}/
+        "c-" {return(' Avverbio al Comparativo di Minoranza')}/
+        "sa" {return(' Avverbio al Superlativo Assoluto')}/
+        "sr" {return(' Avverbio al Superlativo Relativo')}/
+        "lz" {return(' Avverbio in Locuzione Separato')}/
+        "l" {return(' Avverbio in Locuzione')}/
+        "y" {return(' Avverbio Proclitico')}/
+        "x" {return(' Avverbio Enclitico')}/
+        "c" {return(' Avverbio al Comparativo di Uguaglianza')}
+
+
+Integer "integer"
+  = _ [0-9]+ { return parseInt(text(), 10); }
+
+_ "whitespace"= " "*
+
+`
+
+	var pronome = `
+
+Expression = head:(Filtro){return 'Pronome,'+head.join()}
+Filtro= fhead:("p")? tail:(  tipo_pronome* classe_pronome? genere_pronome? 
+		numero_pronome?  forma_pronome? funzione_pronome? tiporiflessivi?){return tail}
+    
+
+tipo_pronome= "p" {return(' Pronome Personale')}/
+			  "d" {return(" Pronome Dimostrativo")}/
+			  "f" {return(" Pronome Riflessivo")}/
+			  "s" {return(" Pronome Possessivo")}/
+			  "r" {return(" Pronome Relativo")}/
+              "i" {return(" Pronome Indefinito")}/
+              "t" {return(" Pronome Interrogativo")}/
+              "e" {return(" Pronome Esclamativo")}/
+              "n" {return(" Pronome Numerale")} 
+    
+classe_pronome=	"1" {return(" Prima Classe Persona")}/
+              	"2" {return(" Seconda Classe Persona")}/
+              	"3" {return(" Terza Classe Persona")} 
+
+genere_pronome=	"m" {return(" Maschile")}/
+              	"f" {return(" Femminile")}/
+              	"n" {return(" Neutro")} 
+numero_pronome=	"s" {return(" Singolare")}/
+              	"p" {return(" Plurale")}
+forma_pronome= 	"l" {return(" Pronome Libero")}/
+              	"i" {return(" Pronome Libero In Composizione")}/
+              	"y" {return(" Pronome Proclitico")}/
+             	"x" {return(" Pronome Enclitico")} 
+funzione_pronome="so" {return(' Libero Soggetto')}/
+		"soi" {return(' Libero Soggetto Impersonale')}/
+        "co" {return(' Libero Complemento')}/
+        "ra" {return(' Libero Rafforzativo')}/
+        "ac" {return(' Clitico Accusativo')}/
+        "da" {return(' Clitico Dativo')}/
+        "pt" {return(' Clitico Partitivo')}
+
+
+tiporiflessivi="pr" {return(' Proprio')}/
+		"le" {return(' Lessicalizzato')}/
+        "im" {return(' Impersonale')}/
+        "pa" {return(' Passivo')}/
+        "re" {return(' Reciproco')}
+
+
+Integer "integer"
+  = _ [0-9]+ { return parseInt(text(), 10); }
+
+_ "whitespace"= " "*
+
+`
+	var categoriaGrammaticaleAggettivo = `
+Expression = head:(Filtro){return 'Aggettivo,'+head.join()}
+Filtro= fhead:("a")? tail:(  tipo_aggettivo classe_aggettivo? genere_aggettivo? 
+		numero_aggettivo? grado_aggettivo? tipo_complemento? tipo_frase? 
+		oggetto_indiretto?){return tail}
+
+tipo_aggettivo = 
+		"i" {return(" Indefinito")}/
+		"t" {return(" Interrogativo")}/
+		"e" {return(" Esclamativo")}/
+		"n" {return(" Numerale")}/
+		"d" {return(" Dimostrativo")}/
+		"r" {return(" Relativo")}/
+		"s" {return(" Possessivo")}/
+		"l" {return(" In locuzione")}/
+		"" 	{return(" Qualificativo")} 
+
+    
+classe_aggettivo =	"1" {return(" Prima Classe")}/
+              		"2" {return(" Seconda Classe")} 
+
+genere_aggettivo=	"m" {return(" Maschile")}/
+              		"f" {return(" Femminile")}/
+              		"n" {return(" Neutro")} 
+              	
+numero_aggettivo=	"s" {return(" Singolare")}/
+              		"p" {return(" Plurale")}
+              	
+grado_aggettivo = 	"c+" {return(" Comparativo Di Maggioranza")}/
+					"c-" {return(" Comparativo Di Minoranza")}/
+        			"c=" {return(" Comparativo Di Uguaglianza")}/
+        			"sr" {return(" Superlativo Relativo")}/
+        			"sa" {return(" Superlativo Assoluto")}        		
+        
+tipo_complemento ="xc10" {return(" Introdotto Da VERSO")}/
+    	"xc11" {return(" Introdotto Da SOPRA")}/
+    	"xc12" {return(" Introdotto Da SOTTO")}/
+    	"xc13" {return(" Introdotto Da DINANZI")}/
+      	"xc1"  {return(" Introdotto Da A")}/ 
+    	"xc2"  {return(" Introdotto Da CON")}/
+   		"xc3"  {return(" Introdotto Da CONTRO")}/
+    	"xc4"  {return(" Introdotto Da DA")}/
+   	 	"xc5"  {return(" Introdotto Da DI")}/
+    	"xc6"  {return(" Introdotto Da IN")}/
+    	"xc7"  {return(" Introdotto Da PER")}/
+    	"xc8"  {return(" Introdotto Da SU")}/
+    	"xc9"  {return(" Introdotto Da TRA")}/ 	
+    	"xc"   {return(" Introdotto Da Preposizione")}/
+    	"xo1"  {return(" Oggetto Ind")}/
+    	"xo5"  {return(" Oggetto Ind Compl Con DI")}/
+    	"xo"   {return(" Oggetto Ind Pronom")}
+        
+
+
+tipo_frase =
+    "xf1" {return("Con Infinito Retto Da A")}/
+    "xf2" {return("Con Infinito Retto Da DA")}/
+    "xf3" {return("Con Infinito Retto Da DI")}/
+    "xf4" {return("Con Infinito Retto Da PER")}/
+    "xf5" {return("Con Infinito Retto Da SE")}/
+    "xh1" {return("Con Subordinata All Indicativo")}/
+    "xh2" {return("Con Subordinata Al Congiuntivo")}/
+    "xz1" {return("In Locuzione Imp Infinito")}/
+    "xz2" {return("In LocuzioneImp Che Indicativo")}/
+    "xz3" {return("In Locuzione Imp Che Congiuntivo")}/
+    "xz4" {return("In Locuzione Imp Se Indicativo")}/
+    "xz5" {return("In Locuzione Imp Se Congiuntivo")}/
+    "xz6" {return("In Locuzione Imp Come Indicativo")}/
+    "xz7" {return("In Locuzione Imp Quando Indicativo")}/
+    "xz8" {return("In Locuzione Imp Perché Congiuntivo")}/
+    "xz9" {return("In Locuzione Imp A Infinito")}
+        
+
+oggetto_indiretto = 
+        ",o" {return(" Con Oggetto Indiretto")}
+        
+        
+Integer "integer"
+  = _ [0-9]+ { return parseInt(text(), 10); }
+
+_ "whitespace"= " "*
+		
+`
+	var categoriaGrammaticaleArticolo = `
+
+Expression = head:(Filtro){return 'Articolo,'+head.join()}
+Filtro= fhead:("r")? tail:(  tipo? genere? numero?){return tail}
+
+tipo = 
+		"d" {return(" Determinativo")}/
+		"i" {return(" Indeterminativo")} 
+
+    
+
+genere =	"m" {return(" Maschile")}/
+             "f" {return(" Femminile")}
+              	
+numero =	"s" {return(" Singolare")}/
+            "p" {return(" Plurale")}
+ 
+        
+Integer "integer"
+  = _ [0-9]+ { return parseInt(text(), 10); }
+
+_ "whitespace"= " "*
+		
+
+`
+	var citazione = `
+Expression = head:(Filtro){return 'Citazione,'+head.join()}
+Filtro= fhead:("f") tail:(  fake? tipo?){return tail}
+
+fake = ""
+tipo="l" {return(' Citazione Latina')}/
+        "p" {return(' Citazione Provenzale')}/
+        "r" {return(' Citazione Francese')}/
+        "s" {return(' Citazione Spagnola')}/
+        "e" {return(' Citazione Ebraica')}/
+        "g" {return(' Citazione Greca')}
+
+Integer "integer"
+  = _ [0-9]+ { return parseInt(text(), 10); }
+
+_ "whitespace"= " "*
+
+`
+	var onomastica = `Expression = head:(Filtro){return 'Onomastica,'+head.join()}
+Filtro= fhead:("n") tail:(  proprio tipo?){return tail}
+
+tipo="x" {return(' Separato')}/
+        "t" {return(' Titolo')}
+proprio = "p" {return("Nome Proprio")}
+
+Integer "integer"
+  = _ [0-9]+ { return parseInt(text(), 10); }
+
+_ "whitespace"= " "*
+`
+	var congiunzione = ` 
+Expression = head:(Filtro){return 'Congiunzione,'+head.join()}
+Filtro= fhead:("c") tail:(  tipo? cordinativasubordinativa? tipocoordinativa? 
+		tiposubordinativa*  complementodue?){return tail}
+    
+
+tipo = "lx" {return(' LocuzioneSeparata')}/
+			  "c" {return(" Composta")}/
+			  "l" {return(" Locuzione")}/
+              "s" {return(" Semplice")} 
+    
+cordinativasubordinativa =	"c" {return(" Coordinativa")}/
+              	"s" {return(" Subordinativa")} 
+
+tipocoordinativa =	"c" {return(" Copulativa")}/
+              	"d" {return(" Disgiuntiva")}/              	
+              	"a" {return(" Avversativa")}/              	
+              	"n" {return(" Conclusiva")}/              	
+              	"e" {return(" Esplicativa")}/      	
+              	"r" {return(" Correlativa")} 
+tiposubordinativa =	"s" {return(" Soggettiva")}/
+              	"o" {return(" Oggettiva")}/
+              	"d" {return(" Dichiarativa")}/              	
+              	"b" {return(" Completiva Obliqua")}/              	
+              	"i" {return(" Interrogativa")}/              	
+              	"f" {return(" Finali")}/
+              	"c" {return(" Causali")}/
+              	"n" {return(" Concessiva")}/              	
+              	"u" {return(" Consecutiva")}/              	
+              	"t" {return(" Temporale")}/              	
+              	"m" {return(" Modale")}/
+              	"e" {return(" Eccettuativa")}/
+              	"p" {return(" Comparativa")}/              	
+              	"v" {return(" Condizionale")}/              	
+              	"z" {return(" Esclusiva")}/              	
+              	"l" {return(" Limitativa")} 
+complementodue = 	
+             	"x" {return(" Locuzione Separata")} 
+
+Integer "integer"
+  = _ [0-9]+ { return parseInt(text(), 10); }
+
+_ "whitespace"= " "*
+`
+	//parser per categorie grammaticali
+	var parserVerbi = peg.generate(categoriegrammaticaliGrammar);
+	var parserSostantivi = peg.generate(categoriaGrammaticaleSostantivo);
+	var parserPreposizioni = peg.generate(categoriaGrammaticalePreposizione);
+	var parserAvverbi = peg.generate(avverbio);
+	var parserPronomi = peg.generate(pronome);
+	var parserAggettivi = peg.generate(categoriaGrammaticaleAggettivo);
+	var parserArticolo = peg.generate(categoriaGrammaticaleArticolo);
+	var parserCitazione = peg.generate(citazione);
+	var parserOnomastica = peg.generate(onomastica);
+	var parserCongiunzione = peg.generate(congiunzione);
+
+
+
+});
\ No newline at end of file
diff --git a/css/ionicons.css b/css/ionicons.css
index e0e3b0a..e4c6fcb 100644
--- a/css/ionicons.css
+++ b/css/ionicons.css
@@ -9,7 +9,7 @@
   font-display: block;
 }
 
-i {
+i.icon {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: 'ionicons' !important;
   speak: never;
diff --git a/index_5.2.html b/index_5.2.html
index b448334..5fd3300 100644
--- a/index_5.2.html
+++ b/index_5.2.html
@@ -199,7 +199,7 @@
 									<div class="btn-group btn-group-sm my-1" role="group">
 										<label
 											class="input-group-text border-top border-bottom border-right-0 border-left rounded"
-											style="border-radius: 0;"><i class="icon-print"></i></label>
+											style="border-radius: 0;"><i class="icon icon-print"></i></label>
 										<button id="stampa1" type="submit" data-toggle="dropdown"
 											class=" btn btn-sm btn-outline-primary border border-left-0 rounded">
 											<span class="h6 font-weight-bold">Stampa</span>
@@ -218,8 +218,8 @@
 									Ricerca
 							</a>
 							<div class="dropdown-menu dropdown-menu-right mt-2" aria-labelledby="navbarDropdown">
-								<a class="dropdown-item  my-2 disabled" href="#" id="searchSimple"><i class="icon-checkmark-outline" id="checkmarkSimple" style="opacity: 1;"></i> Semplice</a>
-								<a class="dropdown-item  my-2" href="#" id="searchAdvanced"><i class="icon-checkmark-outline" id="checkmarkAdvanced" style="opacity: 0;"></i> Avanzata</a>
+								<a class="dropdown-item  my-2 disabled" href="#" id="searchSimple"><i class="icon icon-checkmark-outline" id="checkmarkSimple" style="opacity: 1;"></i> Semplice</a>
+								<a class="dropdown-item  my-2" href="#" id="searchAdvanced"><i class="icon icon-checkmark-outline" id="checkmarkAdvanced" style="opacity: 0;"></i> Avanzata</a>
 								<div class="dropdown-divider"></div>
 								<a class="dropdown-item  my-2" href="./sparql/" target="_blank" id="searchSPARQL">SPARQL editor</a>
 							</div>			
@@ -562,11 +562,11 @@
 							
 								<ul class="nav nav-tabs" id="tab-list" role="tablist">
 									<li class="nav-item" role="presentation">
-										<a class="nav-link py-1 active" id="vis0-tab" data-toggle="tab" href="#vis0" role="tab" aria-controls="vis0" aria-selected="true"><span class=" btn-link"><i class="icon-document-attach"></i></span>
+										<a class="nav-link py-1 active" id="vis0-tab" data-toggle="tab" href="#vis0" role="tab" aria-controls="vis0" aria-selected="true"><span class=" btn-link"><i class="icon icon-document-attach"></i></span>
 										<span class="h6 btn-link" id="tabRiferimenti"> Riferimenti</span></a>
 									</li>
 									<li class="nav-item" role="presentation">
-										<a class="nav-link py-1" id="vis1-tab" data-toggle="tab" href="#vis1" role="tab" aria-controls="vis1" aria-selected="true"><span class=" btn-link"><i class="icon-analytics"></i></span>
+										<a class="nav-link py-1" id="vis1-tab" data-toggle="tab" href="#vis1" role="tab" aria-controls="vis1" aria-selected="true"><span class=" btn-link"><i class="icon icon-analytics"></i></span>
 										<span class="h6 btn-link"> Periodo</span></a>
 									</li>
 								</ul>
@@ -604,7 +604,7 @@
 													<div class="d-flex flex-wrap-reverse ml-auto align-items-center justify-content-end px-1 pt-1 pb-0">
 														<button id="closeStruct0"
 															class="btn btn-sm btn-outline-warning btn-outline-warning-mod closeStruct rounded text-warning align-self-end noPrintA px-1 pb-0 ml-1 mb-1">
-															<i class="icon-close-circle"></i>
+															<i class="icon icon-close-circle"></i>
 														</button>
 													</div>
 												</div>
@@ -656,7 +656,7 @@
 										</div>
 										<button class="btn btn-sm btn-secondary" type="submit"
 											id='searchcomm'>
-											<i class="icon-search"></i>
+											<i class="icon icon-search"></i>
 										</button>
 									</div>
 								</div>
@@ -668,8 +668,8 @@
 										<input style="display: none;" type="file" id="apriFile">
 										<span
 											class="border border-success rounded bg-light p-1 mb-1 align-text-bottom">
-											<i class="icon-save-outline curPoint"></i> 
-											<i class="icon-folder-open-outline curPoint"></i> </span>
+											<i class="icon icon-save-outline curPoint"></i> 
+											<i class="icon icon-folder-open-outline curPoint"></i> </span>
 
 									</div>
 									<div class="btn-group d-sm-inline flex-nowrap p-0 pr-1" role="group"
@@ -689,7 +689,7 @@
 									</div>
 										<button class="btn btn-sm btn-success border ml-2 mr-1" type="submit"
 											id='searchcomm2'>
-											<i class="icon-search" class="px-2"></i>
+											<i class="icon icon-search" class="px-2"></i>
 										</button>
 								</div>
 
@@ -716,7 +716,7 @@
 														<div class="input-group input-group-sm px-1 pt-1" style="max-width: 150px;">
 															<div class="input-group-prepend">
 																<label
-																	class="input-group-text border-right-0 border-success"><i class="icon-receipt-outline"></i></label>
+																	class="input-group-text border-right-0 border-success"><i class="icon icon-receipt-outline"></i></label>
 															</div>
 															<select
 																class="custom-select text-muted bg-light border border-success btn-outline-success "
@@ -751,7 +751,7 @@
 																	</button>
 																	<label
 																		class="input-group-text border-top border-bottom border-right-0 border-left-0 border-success"
-																		style="border-radius: 0;"><i class="icon-extension-puzzle"></i></label>
+																		style="border-radius: 0;"><i class="icon icon-extension-puzzle"></i></label>
 																	<button id="btnAddCond" type="button"
 																		class="addCCbtn btn btn-sm btn-outline-success bg-light">
 																		<span class="text-muted">AND/OR</span>
@@ -813,7 +813,7 @@
 																	</button>
 																	<label
 																		class="input-group-text border-top border-bottom border-right-0 border-left-0 border-success"
-																		style="border-radius: 0;"><i class="icon-extension-puzzle"></i></label>
+																		style="border-radius: 0;"><i class="icon icon-extension-puzzle"></i></label>
 																	<button id="btnAddRifCond" type="button"
 																		class="addCCbtn btn btn-sm btn-outline-success bg-light">
 																		<span class="text-muted">AND/OR</span>
@@ -887,7 +887,7 @@
 				<div class="form-group form-inline input-group pt-3 px-2 m-0"
 					action="">
 					<div class="input-group-prepend">
-						<label class="input-group-text"><i class="icon-document-text"></i></label>
+						<label class="input-group-text"><i class="icon icon-document-text"></i></label>
 					</div>
 					<select
 						class="form-control custom-select custom-select-sm monMe bg-light text-muted border btn-outline-success"
@@ -914,7 +914,7 @@
 						grammaticale:</label>
 					<div class="form-inline input-group px-1 pt-1" action="">
 						<div class="input-group-prepend">
-							<label class="input-group-text"><i class="icon-options"></i></label>
+							<label class="input-group-text"><i class="icon icon-options"></i></label>
 						</div>
 						<select
 							class="form-control custom-select custom-select-sm catgram monMe bg-light text-muted border btn-outline-success"
@@ -966,7 +966,7 @@
 						sintattico:</label>
 					<div class="form-inline input-group px-1 pt-1" action="">
 						<div class="input-group-prepend">
-							<label class="input-group-text"><i class="icon-options"></i></label>
+							<label class="input-group-text"><i class="icon icon-options"></i></label>
 						</div>
 						<select
 							class="form-control custom-select custom-select-sm monMe bg-light text-muted border btn-outline-success"
@@ -1550,7 +1550,7 @@
 						subordinazione:</label>
 					<div class="form-inline input-group px-1 pt-1" action="">
 						<div class="input-group-prepend">
-							<label class="input-group-text"><i class="icon-options"></i></label>
+							<label class="input-group-text"><i class="icon icon-options"></i></label>
 						</div>
 						<select
 							class="form-control custom-select custom-select-sm monMe bg-light text-muted border btn-outline-success"
@@ -1922,7 +1922,7 @@
 								<button id="trashClaCont-xX0"
 									class="btn btn-sm btn-outline-secondary bg-light trashClaCont border rounded text-secondary px-1 pb-0"
 									style="z-index: 90">
-									<i class="icon-refresh-circle"></i>
+									<i class="icon icon-refresh-circle"></i>
 								</button>
 							</div>
 						</div>
@@ -1970,7 +1970,7 @@
 										</div>
 										<div class="col-md-auto p-0 m-0 text-right text-success">
 											<button class="btn btn-sm removeCla noPrintA text-success border rounded px-1 pb-0" style="z-index: 90" id="removeClaxX3Xx">
-												<i class="icon-close-circle"></i>
+												<i class="icon icon-close-circle"></i>
 											</button>
 										</div>
 									</div>
@@ -1985,7 +1985,7 @@
 										class="btn btn-sm btn-link claCollBtn collapsed px-4 pb-0 border text-success btn-outline-success bg-light"
 										data-toggle="collapse" data-target="#collapseClaxX1Xx"
 										aria-expanded="false" aria-controls="collapseClaxX1Xx">
-										<i class="icon-pencil"></i>
+										<i class="icon icon-pencil"></i>
 									</button>
 								</div>
 							</div>
@@ -2031,7 +2031,7 @@
 											<button
 												class="btn btn-sm removeCla noPrintA text-success border rounded px-1 pb-0"
 												style="z-index: 90" id="removeRifxR3Rx">
-												<i class="icon-close-circle"></i>
+												<i class="icon icon-close-circle"></i>
 											</button>
 										</div>
 									</div>
@@ -2046,7 +2046,7 @@
 										class="btn btn-sm btn-link claCollBtn collapsed px-4 pb-0 border text-success btn-outline-success bg-light"
 										data-toggle="collapse" data-target="#collapseClaxR1Rx"
 										aria-expanded="false" aria-controls="collapseClaxR1Rx">
-										<i class="icon-pencil"></i>
+										<i class="icon icon-pencil"></i>
 									</button>
 								</div>
 							</div>
@@ -2070,7 +2070,7 @@
 											class="text-muted control-label small pl-2 pt-2 m-0">Commentatore:</label>
 										<div class="form-inline input-group px-1 pt-1" action="">
 											<div class="input-group-prepend">
-												<label class="input-group-text"><i class="icon-options"></i></label>
+												<label class="input-group-text"><i class="icon icon-options"></i></label>
 											</div>
 											<select
 												class="form-control custom-select custom-select-sm catgram monMe bg-light text-muted border btn-outline-success"
@@ -2086,7 +2086,7 @@
 											class="text-muted control-label small pl-2 pt-2 m-0">Fonte:</label>
 										<div class="form-inline input-group px-1 pt-1" action="">
 											<div class="input-group-prepend">
-												<label class="input-group-text"><i class="icon-options"></i></label>
+												<label class="input-group-text"><i class="icon icon-options"></i></label>
 											</div>
 											<select
 												class="form-control custom-select custom-select-sm catgram monMe bg-light text-muted border btn-outline-success"
@@ -2102,7 +2102,7 @@
 											della fonte:</label>
 										<div class="form-inline input-group px-1 pt-1" action="">
 											<div class="input-group-prepend">
-												<label class="input-group-text"><i class="icon-options"></i></label>
+												<label class="input-group-text"><i class="icon icon-options"></i></label>
 											</div>
 											<select
 												class="form-control custom-select custom-select-sm catgram monMe bg-light text-muted border btn-outline-success"
@@ -2119,7 +2119,7 @@
 											tematica:</label>
 										<div class="form-inline input-group px-1 pt-1" action="">
 											<div class="input-group-prepend">
-												<label class="input-group-text"><i class="icon-options"></i></label>
+												<label class="input-group-text"><i class="icon icon-options"></i></label>
 											</div>
 											<select
 												class="form-control custom-select custom-select-sm catgram monMe bg-light text-muted border btn-outline-success"
@@ -2136,7 +2136,7 @@
 											della fonte:</label>
 										<div class="form-inline input-group px-1 pt-1" action="">
 											<div class="input-group-prepend">
-												<label class="input-group-text"><i class="icon-document-text"></i></label>
+												<label class="input-group-text"><i class="icon icon-document-text"></i></label>
 											</div>
 											<input type="text" class="form-control form-control-sm monMe"
 												id="Testo_FontexR1Rx"
@@ -2151,7 +2151,7 @@
 											riferimento:</label>
 										<div class="form-inline input-group px-1 pt-1" action="">
 											<div class="input-group-prepend">
-												<label class="input-group-text"><i class="icon-options"></i></label>
+												<label class="input-group-text"><i class="icon icon-options"></i></label>
 											</div>
 											<select
 												class="form-control custom-select custom-select-sm catgram monMe bg-light text-muted border btn-outline-success"
@@ -2192,7 +2192,7 @@
 											del riferimento:</label>
 										<div class="form-inline input-group px-1 pt-1" action="">
 											<div class="input-group-prepend">
-												<label class="input-group-text"><i class="icon-options"></i></label>
+												<label class="input-group-text"><i class="icon icon-options"></i></label>
 											</div>
 											<select
 												class="form-control custom-select custom-select-sm catgram monMe bg-light text-muted border btn-outline-success"
@@ -2216,7 +2216,7 @@
 											testo/fonte:</label>
 										<div class="form-inline input-group px-1 pt-1" action="">
 											<div class="input-group-prepend">
-												<label class="input-group-text"><i class="icon-options"></i></label>
+												<label class="input-group-text"><i class="icon icon-options"></i></label>
 											</div>
 											<select
 												class="form-control custom-select custom-select-sm catgram monMe bg-light text-muted border btn-outline-success"
@@ -2236,7 +2236,7 @@
 											della nota:</label>
 										<div class="form-inline input-group px-1 pt-1" action="">
 											<div class="input-group-prepend">
-												<label class="input-group-text"><i class="icon-document-text"></i></label>
+												<label class="input-group-text"><i class="icon icon-document-text"></i></label>
 											</div>
 											<input type="text" class="form-control form-control-sm monMe"
 												id="Testo_NotaxR1Rx"
@@ -2276,7 +2276,7 @@
 								</div>
 								<div class="col-md-auto p-0 mr-2 mt-0 text-right text-success">
 									<button class="btn btn-sm btn-outline-success iconClClass removeCond text-success border rounded px-1 pb-0" style="z-index: 90">
-										<i class="icon-close-circle"></i>
+										<i class="icon icon-close-circle"></i>
 									</button>
 								</div>
 							</div>
diff --git a/script_5.2.js b/script_5.2.js
new file mode 100644
index 0000000..4a1923e
--- /dev/null
+++ b/script_5.2.js
@@ -0,0 +1,2012 @@
+/**
+ * 
+ */
+
+
+import {numeroContesti, resetResult, isSearchRiferimenti, manageRisultatoCommmenti, showRiferimentiFrasi, showFrasi, listarisultati} from './browseMgr_5.2.js'
+import { resetGraphStr } from './syntgraph_5.2.js';
+
+export var getJsonQuery;
+export var fillStructCard;
+export var emptyStructCard;
+export var setCurrentPage;
+export var managePage;
+export var emptyNoteList;
+
+var currPage = 0;
+var latestPhraseId = "";
+var numeroPagine = 0;
+var latestOffset = 0;
+
+const cssCantoHeight = 0.65;
+export const cssTableMainHeight = 0.95;  //.tableMain {height: 95%;}
+const bgImgUrl1 = "./images/fefeff.png";
+const bgImgUrl2 = "./images/f8f9fa.png";
+const textAbout = '<div class="container"><div class="row align-items-start pt-3"><div class="col">'
++ '<div><h3 class="font-weight-bold">Linking Dante <small class=\"text-muted\">(LiDa)</small></h3> '
++ '<p>Linking Dante (LiDa) è un progetto federatore sviluppato dall’<a href="https://www.isti.cnr.it/" target="_blank" rel="noopener noreferrer">ISTI CNR</a> con l’obiettivo di digitalizzare le '
++ 'opere dantesche e la conoscenza a esse relativa, collegando – e in alcuni casi implementando – precedenti progetti per mettere a disposizione dell’utente una piattaforma integrata, dove sono '
++ 'possibili diverse tipologie di navigazione ed interrogazione. <br> La biblioteca digitale di LiDa è basata sulle tecnologie e sui linguaggi del Semantic Web e rispetta i principi FAIR (Findable, '
++ 'Accessible, Interoperable, Reusable): il testo di Dante si trova al centro di una rete che lo connette a diverse risorse che permettono di approfondire le sue caratteristiche linguistiche, '
++ 'retoriche e semantiche; per raggiungere questo scopo, LiDa ha tradotto la conoscenza relativa al testo dantesco che si trova disseminata in diversi strumenti digitali e cartacei in un grafo '
++ 'strutturato secondo logiche calcolabili ed espresso in linguaggio formale. In particolare, LiDa integra la conoscenza raccolta dai progetti:</p><ul class="m-0 mb-1"><li><strong> <a href="https://dantesearch.dantenetwork.it/" '
++ 'target="_blank" rel="noopener noreferrer">DanteSearch</a></strong> è una risorsa digitale che permette l’interrogazione dell’intero corpus delle opere volgari e latine di Dante, che sono state interamente '
++ 'lemmatizzate e annotate in XML-TEI per descriverne la morfologia e – solo nel caso di Rime, Convivio e Commedia – la sintassi. Il progetto attivato nel 1999 ed espanso nel 2009 con il coordinamento del '
++ 'prof. Mirko Tavoni dell’Università di Pisa; all’interno di LiDa, la conoscenza raccolta da DanteSearch è stata strutturata grazie alle ontologie OLiRes e ORL, che sono a loro volta interoperabili '
++ 'con MOnt, l’ontologia delle metafore della Commedia realizzata da Carlo Meghini e Gaia Tomazzoli.</li><li><strong> <a href="https://dama.dantenetwork.it/" target="_blank" rel="noopener noreferrer">'
++ 'Dante Medieval Archive (DaMA)</a></strong>, allestito nell’ambito del progetto PRIN 2006 "La biblioteca medievale di Dante. Archivio digitale delle fonti volgari e latine (DaMA-Dante Medieval '
++ 'Archive) e edizioni commentate delle opere minori", coordinato dall’Università di Pisa, è un archivio digitale che pubblica le opere dantesche e molte delle loro fonti classiche, tardoantiche e '
++ 'medievali, in latino e in volgare; tutte le opere possono essere consultate online o	scaricate in formato XML-TEI. </li><li><strong> <a href="https://dantesources.dantenetwork.it/" target="_blank" '
++ 'rel="noopener noreferrer">DanteSources</a></strong> è stato sviluppato grazie a una collaborazione tra l’ISTI CNR e l’Università di Pisa nell’ambito del progetto PRIN (2013-2016) "Per una Enciclopedia '
++ 'Dantesca Digitale". Il progetto mette a disposizione dell’utente una biblioteca digitale delle fonti primarie delle opere minori di Dante, e permette interrogazioni complesse fornendo diverse tipologie '
++ 'di visualizzazione dei risultati. L’ontologia alla base di DanteSources è stata arricchita con il progetto“Hypermedia Dante Network” (HDN), finanziato dal bando PRIN (2017) e coordinato dall’Università '
++ 'di Pisa in collaborazione con l’ISTI CNR. Grazie a un accordo con la Società Dantesca Italiana e con l’Università di Princeton, HDN rappresenta la conoscenza sulle fonti della Commedia disseminata nei '
++ 'commenti danteschi digitalizzati dal Dartmouth Dante Project.</li></ul><p class="m-0 p-1">&nbsp;</p></div>'
++ '</div></div><div class="row align-items-end justify-content-center"><div class="col align-self-end"><p class="text-muted text-center align-bottom border-top pt-2">Copyright © 2024 ISTI-CNR</p></div></div></div></div>';
+
+
+
+$(document).ready(function() {
+
+	window.addEventListener("resize", function() {
+    	clearTimeout(this.id);
+    	this.id = setTimeout(doneResizing, 300);
+	}, true);
+	
+	function doneResizing(){
+		$("#displayminimap").empty();;
+		$('#displayminimap').css('height', 'auto');
+		drawMinimap(currentMinimap, false, latestOffset);
+	};
+
+	$(displayCantoWrapperId).scroll(function() {
+		if (minimapScrolling) {
+			minimapScrolling = false
+		}
+		else {
+			trackScrollCanto()
+		}
+	});
+ 
+	// Evento: click sul cambio stile
+	$('.stileLink').on('click', function() {
+		var newStyle = $(this)[0].id;
+		setStyle(newStyle);
+    });
+
+
+	// Evento: click sulla voce about del menu info
+	$("#visAbout").PopupLayer({
+        to: 'bottom',
+        contentToggle: false,
+        screenRatio: 0.6,
+        blur: true,
+		content: textAbout,
+		color: "#212529", 
+        backgroundColor: "rgb(246, 247, 245)",
+	});
+	
+	// Evento: click sulla voce aiuto del menu info
+	$("#visAiuto").click(function(){
+			window.open("./Manuale/manualeGUI.html","_blank");
+	})
+		
+	$("#incrFontSize").click(function() {
+		newFontSize = incSize($('#displaycanto').css("font-size"), 10, 18, 58)
+		newH4FontSize = incSize($('#displaycanto h4').css("font-size"), 12, 24, 72)
+		//newLiFontSize = incSize($('#displaycanto li::marker').css("font-size"), 6, 12, 32)
+		$('#displaycanto').css("font-size", newFontSize);
+		$('#displaycanto h4').css("font-size", newH4FontSize);
+		//$('#displaycanto li::marker').css("font-size", newLiFontSize);
+		drawMinimap(currentMinimap, false);
+		$('iframe').contents().find('.blog-main').css("font-size", newFontSize);
+		$('iframe').contents().find('.blog-main h4').css("font-size", newH4FontSize);
+	});
+
+
+	// Funzioni di gestione del comportamento dei bottoni collapse 
+	$('#collapseAdvanced').on('hidden.bs.collapse', function (e) {
+		if (e.target.id == "collapseAdvanced") {
+			$("#showLogic").html('<span class="text-muted">Mostra</span>');
+		};
+	})
+	
+	$('#collapseAdvanced').on('shown.bs.collapse', function (e) {
+		if (e.target.id == "collapseAdvanced") {
+	  		$("#showLogic").html('<span class="font-weight-bold text-muted">Nascondi</span>');
+		};
+	})
+	
+	$('.collapse').on('hide.bs.collapse', function (e) {
+		if (e.target.id.substr(0,11) == "collapseCla"){
+			var claIdNum = e.target.id.substr(11);
+			$("#claCollapse" + claIdNum)[0].removeAttribute("style");
+			$("#claCollapse" + claIdNum).removeClass( "border-bottom-0" );
+			$("#claCollapse" + claIdNum).addClass( "border" );
+			$("#claCollapse" + claIdNum).blur();
+			e.stopPropagation();
+		};
+	})
+	
+	$('.collapse').on('show.bs.collapse', function (e) {
+		if (e.target.id.substr(0,11) == "collapseCla") {
+			var claIdNum = e.target.id.substr(11);
+			$("#claCollapse" + claIdNum)[0].setAttribute("style", "border-bottom-left-radius: 0;border-bottom-right-radius: 0;");
+			$("#claCollapse" + claIdNum).removeClass( "border" );
+			$("#claCollapse" + claIdNum).addClass( "border-bottom-0" );
+			$("#claCollapse" + claIdNum).blur();
+			e.stopPropagation();
+		};
+	})
+	
+	// Evento: click sullo switch di ricerca avanzata
+	$('#searchAdvanced').on('click', function() {
+			$('#searchAdvanced').addClass('disabled');
+			$('#searchSimple').removeClass('disabled');
+			$('#checkmarkAdvanced').attr('style','opacity: 1');
+			$('#checkmarkSimple').attr('style','opacity: 0');
+			queryJson.QueryAvanzata = "1";
+			$("#printRigaRicerca").prop("disabled", false);
+			$("#simpleSearchDiv").fadeOut(300, function(){
+				$("#rigaRicercaSemplice").removeClass( "bg-lida08" )
+				$("#rigaRicercaSemplice").addClass( "bg-lida10" )
+				$("#simpleSearchDiv").removeClass( "d-flex" )
+				$("#advancedSearchDiv").addClass( "d-flex" )
+				$("#advancedSearchDiv").fadeIn(400, function(){
+					$("#collapseAdvanced").collapse('show');
+					if (queryJson.unitaRicerca == "riferimento") {
+						$("#collapseLogicRif").collapse('show');
+					} else {
+						$("#collapseLogicCla").collapse('show');
+					};
+					if (claListLen == 0){
+						tabID++;
+						addClausola("#sortable0",1,tabID,1);
+						refreshClaList();
+					};
+					if (rifListLen == 0){
+						rifID++;
+						addRiferimento("#sortableRif0",1,rifID,1);
+						refreshClaList();
+					};
+				});
+			});
+			
+		});
+			
+	$('#searchSimple').on('click', function() {
+		$('#searchSimple').addClass('disabled');
+		$('#searchAdvanced').removeClass('disabled');
+		$('#checkmarkSimple').attr('style', 'opacity: 1');
+		$('#checkmarkAdvanced').attr('style', 'opacity: 0');
+		queryJson.QueryAvanzata = "0";
+		$("#printRigaRicerca").prop("disabled", true);
+		$("#collapseAdvanced").collapse('hide');
+		$("#advancedSearchDiv").fadeOut(300, function() {
+			$("#rigaRicercaSemplice").removeClass("bg-lida10")
+			$("#rigaRicercaSemplice").addClass("bg-lida08")
+			$("#advancedSearchDiv").removeClass("d-flex")
+			$("#simpleSearchDiv").addClass("d-flex")
+			$("#simpleSearchDiv").fadeIn(400);
+		});
+	});
+
+	// Inizializza sortable
+	$( "#sortable0" ).sortable({
+		items: "> li",
+		handle: ".handle",
+		opacity: 0.6, 
+		cursor: 'move'
+	});
+
+	$( "#sortableRif0" ).sortable({
+		items: "> li",
+		handle: ".handle",
+		opacity: 0.6, 
+		cursor: 'move'
+	});
+
+	// Inizializza selectable-xX0 e definisce le funzioni 
+	$("#selectable-xX0").selectable({
+		filter: ".sel-canto",
+		selected: function(event, ui) {
+            window.context0[ui.selected.id.substring(0,1)][ui.selected.id.substring(2)] = 1;
+            var tmpFocusBtn = "#plusBtn" + ui.selected.id.substring(0,1) + "-xX" + tabID;
+            $(tmpFocusBtn).focus();
+		}
+	});
+
+  // Inizializza resizable
+	$(".menuNavigazione").resizable({
+		handles: "e",
+		minWidth: 100,
+		maxWidth: 350,
+		resize: function(event, ui) {
+			getDimensionsDiv(true);
+		},
+		stop: function(event, ui) {
+			setWidthInPercent(ui.element);
+		}
+	});
+  
+	$(".menuRicerca").resizable({
+		handles: "w",
+		minWidth: 350,
+		resize: function(event, ui) {
+			ui.position.left = 0;
+			getDimensionsDiv(true);
+		},
+		stop: function(event, ui) {
+			setWidthInPercent(ui.element);
+		}
+	});
+  
+	$(".visCanto").resizable({
+		handles: "s",
+		minHeight: 60,
+		//maxHeight: 880,
+		alsoResize: "#displaycanto",
+		resize: function(event, ui) {
+			$("#displaycanto").width(" min-content");
+			var infoHeightToSet = $("body")[0].clientHeight*cssTableMainHeight - $(visCantoClass)[0].clientHeight-2-63-2-46;
+			$("#displayinfo").css("maxHeight", infoHeightToSet+"px");
+			$("#displayinfo").css("height", infoHeightToSet+"px");
+			$("#displaynote").css("maxHeight", infoHeightToSet+"px");
+			$("#displaynote").css("height", infoHeightToSet+"px");
+			$(".visInfo").css("height", (infoHeightToSet+4)+"px");
+			getDimensionsDiv(true);
+		},
+		stop: function(event, ui) {
+			$("#displaycanto").width(" min-content");
+		}
+	});
+
+	// Funzioni di gestione dei bottoni di paginazione
+	$('#collapseZero').on('shown.bs.collapse', function () {
+		managePage();
+	});
+
+	$('#paginaLista').on('change', function() {
+		currPage = $("#paginaLista")[0].options[$("#paginaLista")[0].selectedIndex].value;
+		managePage();
+	});
+
+	$('#pagPrecedente').on('click', function() {
+		if (!$(this).hasClass("disabled")){
+			currPage--;
+			$('#paginaLista option[value=' + currPage + ']').prop('selected', true);
+			managePage();
+		};
+	});
+
+	$('#pagSuccessiva').on('click', function() {
+		if (!$(this).hasClass("disabled")){
+			currPage++;
+			$('#paginaLista option[value=' + currPage + ']').prop('selected', true);
+			managePage();
+		};
+	});
+	
+	// Evento: modifica dell'unita di ricerca'
+	$("#unitaRicerca").on('change', function() {
+		queryJson.unitaRicerca = $("#unitaRicerca")[0].options[$("#unitaRicerca")[0].selectedIndex].value;
+		switch (this.value) {
+			case "verso":
+			case "frase":
+			case "periodo":
+			case "discorso":
+				$("#collapseLogicCla").collapse('show');	
+				break;
+			case "riferimento":
+				$("#collapseLogicRif").collapse('show');
+				break;
+		}
+	});
+	
+	// Evento: modifica di un campo clausole
+	$("form #lemma_forma,#queryText,#opzioni_testo").on('change', function() {
+		if ($(this)[0].id == "queryText"){
+			var qText = $(this)[0].value;
+			if (qText !== null && qText !== '') {qText = ' "' + qText + '"';}
+		};
+		refreshClaList();
+	});
+
+	$('#cla-TabContent,#rif-TabContent').on('change', '.monMe', function() {
+		refreshClaList();
+	});
+
+	// Evento: click sull'icona rimuovi clausola o riferimento
+    $('#cla-TabContent,#rif-TabContent').on('click', '.removeCla', function() {
+		if (!$(this).hasClass("disabled")) {
+			var claListItemId = $(this).closest('li').attr('id');
+			var claIdNum = claListItemId.substr(6);
+			claListLen--;
+	 		var thisIs = $("#" + claListItemId);
+			$("#" + claListItemId).fadeOut(300, function(){ 
+        	    thisIs.remove();
+	            if (queryJson.unitaRicerca == "riferimento") {
+					rifListLen--;
+       				delete queryJson["Riferimento" + claIdNum];
+				} else {
+					claListLen--;
+       				delete queryJson["Clausola" + claIdNum];
+				};
+				delete window["context" + claIdNum];
+    			refreshClaList();
+		    	refreshSortables();
+        	});
+		};
+	});
+
+	// Evento: click sull'icona rimuovi condizione
+	$('#sortable0,#sortableRif0').on('click', '.removeCond', function() {
+		var thisIs = $(this).closest('ul').parent();
+		$(this).closest('ul').fadeOut(300, function(){
+            thisIs.remove();
+            if (queryJson.unitaRicerca == "riferimento") {
+				condListRifLen--;
+				if (rifListLen == 0 && condListRifLen == 0) {
+					$('#sortableRif0').html(emptyRifList);
+				};
+			} else {
+				condListLen--;
+				if (claListLen == 0 && condListLen == 0) {
+					$('#sortable0').html(emptyClaList);
+				};
+			};
+			refreshClaList();
+			refreshSortables();
+			refreshConnectWith();
+        });
+	});
+	
+	// Evento: click sulla lista di clausole nel dropbox "Aggiungi clausola di tipo:" o "aggiungi condizione logica:"
+	$('.addCCbtn').on('click', function() {
+		var addCC =  $(this).attr('id');
+		switch (addCC) {
+        	case "btnAddCla1":
+         		tabID++;
+       			addClausola("#sortable0",1,tabID,1);
+         	    break;
+        	case "btnAddCond":
+        		addLogicCond("#sortable0","OR");
+        		break;
+        	case "btnAddRif1":
+        		rifID++;
+ 		       	addRiferimento("#sortableRif0",1,rifID,1);
+        		break;
+        	case "btnAddRifCond":
+        		addLogicCond("#sortableRif0","OR");
+        		break;
+        	default:
+        };
+        refreshClaList();
+        refreshSortables();
+	});
+
+	// Evento: clausola spostata nella lista
+	$('#sortable0').sortable({ 
+    	opacity: 0.6,
+    	cursor: 'move',
+    	update: function() {
+			refreshClaList();
+			refreshSortables();
+    	}
+	});
+		
+	// Evento: cambiato il tipo della condizione logica
+	$('#cla-TabContent,#rif-TabContent').on('change', '.condType', function() {
+		var condtype = $(this).val();
+		var condId = $(this).attr('id').substring(12);
+		if (condtype == "AND") {
+			$("#cond" + condId).removeClass( "condLI-OR bg-lida13" )
+			$("#cond" + condId).addClass( "condLI-AND bg-lida12" )
+		} else {
+			$("#cond" + condId).removeClass( "condLI-AND bg-lida12" )
+			$("#cond" + condId).addClass( "condLI-OR bg-lida13" )
+		};
+		refreshClaList();
+		refreshSortables();
+	});
+		
+	// Evento: click sul bottone di edit delle clausole e dei riferimenti
+	$('#cla-TabContent,#rif-TabContent').on('click', '.claAct', function() {
+		var claListItemId = $(this).closest('li').attr('id');
+		var tabPanelId = "#" + claListItemId.substring(3);
+        if ($(this).prop('checked')) {
+        	$(tabPanelId).attr("data-claActive", 1);
+			$(this).closest('li').find('.clatext').fadeTo( "slow", 1 );
+        } else {
+			$(tabPanelId).attr("data-claActive", 0);
+			$(this).closest('li').find('.clatext').fadeTo( "slow", 0.6 );
+		}
+		refreshClaList();
+		refreshSortables();
+    });
+	
+	// Evento: click sull'icona di refresh dei radio button
+	$('#cla-TabContent').on('click', '.radioReset', function() {
+		var fSet = $(this).parent().siblings('fieldset');
+		if (fSet.find(":checked").length) {
+			var radioChecked = fSet.find(":checked")[0];
+			radioChecked.checked = false;
+		};
+        refreshClaList();
+    });
+
+	// Evento: click sull'icona di trash del contesto
+	$('#rigaRicerca').on('click', '.trashClaCont', function() {
+		var claIdNum = $(this)[0].id.substring(15);
+		resetContext(claIdNum);
+		refreshClaList();
+    });
+
+	// Evento: click sull'icona di add del contesto
+	$('#rigaRicerca').on('click', '.addClaCont', function() {
+		var claIdNum = $(this).closest('.ui-selectable').attr('id').substr(13);
+		var selectedCanti = $(this).closest('.card').find('.ui-selected');
+		if (selectedCanti.length == 0) {
+			$(this).closest('.card').find('.ui-selectee').each(function() {
+				$(this).addClass( "ui-selected" );
+				window["context" + claIdNum][$(this).attr("id").substring(0,1)][$(this).attr("id").substring(2)] = 1;
+			});
+		};
+		parseContext(claIdNum);
+		hideContextCanti(claIdNum);
+		if ($(this).closest('.card').find('span:visible').length == 1) {
+			$(this).closest('.card').find('div .sel-canti-intro').text("Selezionati tutti i canti.");
+		};
+		refreshClaList();
+    });
+	
+	// Evento: click sull'icona di save local
+	$('#advancedSearchDiv').on('click', 'i.icon-save-outline', function() {
+		var fileA = document.createElement("a");
+		fileA.href = window.URL.createObjectURL(new Blob([JSON.stringify(queryJson)], {type: "text/plain;charset=utf-8"}));
+		fileA.download = "LiDaQuery.txt";
+		fileA.click();
+		fileA.remove();
+    });
+	
+	// Evento: click sull'icona di load local
+	$('#advancedSearchDiv').on('click', 'i.icon-folder-open-outline', function() {
+		$('#apriFile').click();
+    });
+	
+	$("#apriFile").on('change', function() {
+		var file = $(this).prop('files')[0];
+		var reader = new FileReader();
+        reader.onload = function(data){
+			queryJson = JSON.parse(data.target.result)
+        	makeUpGui(queryJson);
+        };
+  		if (file !== '') {
+			reader.readAsText(file);
+			$("#apriFile")[0].value = '';
+		};
+	});
+
+	// Evento: SCELTA CATEGORIA GRAMMATICALE 
+	$('#cla-TabContent').on('change', 'select.catgram', function(e) {
+		e.preventDefault();
+		var tabPaneId = ($(this).closest('.tab-pane').attr("id"));
+		var selectedValue = $(this).val();
+		addCatgramSubcla(tabPaneId,selectedValue);
+		refreshClaList();	
+	});
+
+	// Evento: Submit form
+	$("form").submit(function(e){
+		e.preventDefault();
+	});
+
+	// Evento: click sul bottone di reset semplice
+	$('#cleanresult').on('click', function() {
+		resetResult();
+		$('#queryText').val("");
+		refreshClaList();
+		$("#printRisultati").prop("disabled", true);
+	});
+	
+	// Evento: click sul bottone di reset azanzata
+	$('#cleanresult2').on('click', function() {
+		resetResult();
+		resetAdvGui();
+		if (claListLen == 0){
+			tabID++;
+			addClausola("#sortable0",1,tabID,1);
+		};
+		if (rifListLen == 0){
+			rifID++;
+			addRiferimento("#sortableRif0",1,rifID,1);
+		};
+		refreshClaList();
+		$("#printRisultati").prop("disabled", true);
+	});
+
+	// Evento: click sull'icona rimuovi nota
+    $('#displaynote').on('click', '.closeNote', function() {
+		var noteListItemId = $(this).closest('.card');
+		if (($(noteListItemId).siblings(".card-body").length == 0) && !($(noteListItemId).hasClass("noteCardGroup")) ) {
+			$(noteListItemId).parent().remove()
+		} else {
+			$(noteListItemId).remove();
+		}
+		if ($('#displaynote .card').length == 0) {
+			$('#displaynote').append($(emptyNoteList))
+			$("#printRiferimentiCorrenti").prop("disabled", true);
+		};
+	});
+
+	// Evento: click sull'icona rimuovi periodo
+    $('#displayinfo').on('click', '.closeStruct', function() {
+		$('#infoCard0').attr('style', "display: flex;");
+		$('#structGroupCard0').attr('style', "display: none;");
+		resetGraphStr()
+		$("#printPeriodoCorrente").prop("disabled", true);
+	});
+
+/*
+	// Evento: click sull'icona stampa
+	$('#stampa0').on('click', function() {
+		
+		var htmlPrintTemplatePre  = `<html><head><meta charset="UTF-8"><title>LiDa Dashboard</title>
+		<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css">
+		<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
+		<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Spectral">
+		<link rel="stylesheet" href="./css/jquery.popuplayer.min.css">
+		<link rel="stylesheet" id="style2-Boot" href="./css/bootstrap.min.lida2.css">
+		<link rel="stylesheet" id="style2-Custom" href="./css/custom2_4.3.css">
+		<link rel="stylesheet" href="./css/collapsemod.css">
+		<link rel="stylesheet" href="./css/bootstrap-slider.css">
+		</head><body class="body-vis">`
+		//var htmlPrintTemplatePost  = `<script>document.onreadystatechange = function () {if (document.readyState === "complete") {window.print(); window.close()}};</script></body></html>`
+		var htmlPrintTemplatePost  = `<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+		<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
+		<script>document.onreadystatechange = function () {if (document.readyState === "complete") {window.print();}};</script></body></html>`
+		
+		// Riferimenti correnti:
+		//var element = $('#displaynote')[0].innerHTML;
+		// Canto corrente:
+		//var element = $('#displaycanto')[0].innerHTML;
+		// Lista risultati:
+		var element = $('#vistaFrasi')[0].innerHTML;
+
+		var printWin=window.open('','','left=0,top=0,toolbar=0,scrollbars=0,status=0');
+		printWin.document.write(htmlPrintTemplatePre + element + htmlPrintTemplatePost);
+		printWin.document.close();
+		printWin.focus();
+	
+	});
+*/
+
+	// Evento: click sull'icona stampa
+	$('#stampa1').on('click', function() {
+		var div2print = "#printArea";
+		var printableElements = ["cantoCorrente","riferimentiCorrenti","periodoCorrente","rigaRicerca","risultatiLista"];
+		var printableElementsOptions = ["#printCantoCorrente","#printRiferimentiCorrenti","#printPeriodoCorrente","#printRigaRicerca","#printRisultati"];
+		var need2print =  0;
+		
+		for (let i = 0; i < printableElementsOptions.length; i++)  {
+			if (($(printableElementsOptions[i]).prop('checked') && !($(printableElementsOptions[i]).prop('disabled')))) {
+				need2print += preparePrint(printableElements[i],need2print,div2print);
+			};
+		};
+
+		if (need2print > 0) {
+		    $('body .site-container').css({display:'none'});
+    		$('body '+div2print).css({display:''});
+	    	window.print();
+	    	$('body '+div2print).empty()
+		    $('body '+div2print).css({display:'none'});
+    		$('body .site-container').css({display:''});		
+		};
+
+	});
+
+		
+	// Variabili JSON per i filtri
+	var verboJson = {
+		"filtriverbo": {
+			"Diatesi": ["Attivo", "Passivo"],
+			"Transitivita": ["Transitivo", "Intransitivo"],
+			"Genere": ["Femminile", "Maschile"],
+			"Numero": ["Singolare", "Plurale"],
+			"Pers": ["Impersonale"],
+			"Rifl": ["Riflessivo"],
+			"Coniugazione": ["Qualsiasi coniugazione", "Prima coniugazione", "Seconda coniugazione", "Terza coniugazione", "Essere coniugazione", "Avere coniugazione"],
+			"Tempi": ["Qualsiasi tempo verbale", "Indicativo presente", "Indicativo passato prossimo", "Indicativo imperfetto", "Indicativo passato remoto", 
+				"Indicativo trapassato prossimo", "Indicativo trapassato remoto", "Indicativo futuro semplice", "Indicativo futuro anteriore", "Congiuntivo presente", 
+				"Congiuntivo imperfetto", "Congiuntivo passato", "Congiuntivo trapassato", "Condizionale presente", "Condizionale passato", "Imperativo presente", 
+				"Infinito presente", "Infinito passato", "Participio presente", "Participio passato", "Gerundio presente", "Gerundio passato"],
+			"Persona" : ["Qualsiasi persona", "1ª persona singolare", "2ª persona singolare", "3ª persona singolare", "1ª persona plurale", "2ª persona plurale", "3ª persona plurale"],
+			"Funzione": ["Tutte le funzioni", "Aggettivo", "Sostantivo maschile", "Sostantivo femminile"],
+			"Declinazione": ["Tutte le declinazioni", "Prima declinazione", "Seconda declinazione", "Terza declinazione"],
+		}
+	}
+	
+	var sostantivoJson = {
+		"filtrisostantivo": {
+			"Numero": ["Singolare", "Plurale"],
+			"Genere_lemma": ["Lemma femminile", "Lemma maschile"],
+			"Genere_forma": ["Forma femminile", "Forma maschile"],
+			"riflpers": ["In locuzione"],
+			"Declinazione_sostantivo": ["Tutte le declinazioni", "Prima declinazione", "Seconda declinazione", "Terza declinazione"],
+		}
+	}
+
+	var aggettivoJson = {
+		"filtriaggettivo": {
+			"Classe": ["1ª", "2ª"],
+			"Genere": ["Femminile", "Maschile"],
+			"Numero": ["Singolare", "Plurale"],
+			"Con_oggetto_indiretto": ["Con oggetto indiretto"],
+			"Tipo_aggettivo": ["Qualsiasi tipo aggettivo", "Qualificativo", "Indefinito", "Interrogativo", "Esclamativo", "Numerale", "Dimostrativo", "Relativo", "Possessivo", "In locuzione"],
+			"Grado": ["Qualsiasi grado", "Comparativo di maggioranza", "Comparativo di minoranza", "Comparativo di uguaglianza", "Superlativo relativo", "Superlativo assoluto"],
+			"Tipo_di_Complemento": ["Qualsiasi tipo di Complemento", "Introdotto da A", "Introdotto da CON", "Introdotto da CONTRO", "Introdotto da DA", "Introdotto da DI", "Introdotto da IN",
+				"Introdotto da PER", "Introdotto da SU", "Introdotto da TRA", "Introdotto da VERSO", "Introdotto da SOPRA",
+				"Introdotto da SOTTO", "Introdotto da DINANZI", "Introdotto da prep.", "Oggetto ind.", "Ogg. indi. + compl. con DI", "Ogg. ind. pronom."],
+			"Tipo_di_frase": ["Qualsiasi tipo di frase", "Con infinito retto da A", "Con infinito retto da DA", "Con infinito retto da DI", "Con infinito retto da PER",
+				"Con infinito retto da SE", "Con subordinata all'indic.", "Con subordinata al cong.", "In locuzione imp.+infinito",
+				"In locuzione imp.+che+indic.", "In locuzione imp.+che+cong.", "In locuzione imp.+se+indic.", "In locuzione imp.+se+cong.",
+				"In locuzione imp.+come+indic.", "In locuzione imp.+quando+indic.", "In locuzione imp.+perché+cong.", "In locuzione imp.+a+infinito"]
+		}
+	}
+
+	var pronomeJson = {
+		"filtripronome": {
+			"Genere": ["Femminile", "Maschile"],
+			"Numero": ["Singolare", "Plurale"],
+			"Classe_Persona": ["Qualsiasi Classe Persona", "1ª", "2ª", "3ª"],
+			"Tipo": ["Qualsiasi tipo", "Personale", "Riflessivo", "Interrogativo", "Esclamativo", "Dimostrativo", "Relativo", "Possessivo"],
+			"Forma_Personali_Riflessivi": ["Qualsiasi forma (Personali-Riflessivi)", "Libero", "Libero in Composizione", "Proclitico", "Enclitico"],
+			"Funzione_Personali": ["Qualsiasi funzione (Personali)", "Libero - soggetto", "Libero - soggetto impersonale", "Libero - complemento", "Libero - rafforzativo",
+				"Clitico - accusativo", "Clitico - dativo", "Clitico - partitivo"],
+			"Tipo_Riflessivi": ["Qualsiasi tipo (Riflessivi)", "Proprio", "Lessicalizzato", "Impersonale", "Passivo", "Reciproco"]
+		}
+	}
+	
+	var articoloJson = {
+		"filtriarticolo": {
+			"Genere": ["Femminile", "Maschile"],
+			"Numero": ["Singolare", "Plurale"],
+			"Tipo": ["Determinativo", "Indeterminativo"]
+		}
+	}
+
+	var avverbioJson = {
+		"filtriavverbio": {
+			"Tipo": ["Qualsiasi tipo", "Al comparativo di maggioranza", "Al comparativo di minoranza",
+				"Al superlativo assoluto", "Al superlativo relativo",
+				"In Locuzione", "In Locuzione separato", "Proclitico", "Enclitico"]
+		}
+	}
+
+	var preposizioneJson = {
+		"filtripreposizione": {
+			"Tipo_I": ["Propria", "Impropria"],
+			"Tipo_preposizione": ["Qualsiasi tipo preposizione", "Semplice", "Articolata", "In locuzione", "In locuzione separata"],
+			"Sintassi": ["Qualsiasi sintassi", "Soggettiva", "Oggettiva", "Dichiarativa", "Completiva obliqua", "Finale",
+				"Causale", "Concessiva", "Consecutiva", "Temporale", "Modale", "Eccettuativa", "Esclusiva",
+				"Limitativa", "Comparativa", "Avversativa"],
+			"Complemento_(I)": ["Qualsiasi complemento (I)", "Di stato in luogo", "Di moto a luogo", "Di moto da luogo", "Di moto per luogo",
+				"Di luogo", "Predicativo del soggetto", "Predicativo dell'oggetto", "Di distanza",
+				"Di tempo determinato", "Di tempo continuato", "Di tempo", "Di termine", "Di vantaggio",
+				"Di svantaggio", "Di specificazione", "Di modo", "Di mezzo", "Di compagnia",
+				"Di unione", "Di allontanamento-separazione", "Di materia"],
+			"Complemento_(II)": ["Qualsiasi complemento (II)", "Di limitazione", "Di qualità", "Di causa", "Di agente", "Di causa efficiente", "Di fine o scopo",
+				"Di paragone", "Di argomento", "Distributivo", "Di sostituzione", "Di estensione", "Di rapporto",
+				"Di esclusione", "Di peso", "Di quantità", "Di colpa", "Di denominazione", "partitivo",
+				"Di abbondanza-privazione", "Di origine-provenienza", "Concessivo", "Di effetto", "Di pena",
+				"Simmetrico", "Indiretto esperiente", "Indiretto dativo", "Indiretto oggetto", "Indiretto possessore",
+				"Indiretto benefattivo"]
+		}
+	}
+
+	var congiunzioneJson = {
+		"filtricongiunzione": {
+			"Coo_sub": ["Coordinativa", "Subordinativa"],
+			"Tipo": ["Qualsiasi tipo", "Semplice", "Composta", "Locuzione", "Locuzione separata"],
+			"Coord_tipo": ["Qualsiasi coord. tipo", "Copulativa", "Disgiuntiva", "Avversativa", "Esplicativa", "Conclusiva", "Correlativa"],
+			"Subord_tipo": ["Qualsiasi subord. tipo", "Soggettiva", "Oggettiva", "Dichiarativa", "Completiva obliqua", "Interrogativa",
+				"Finali", "Causali", "Concessiva", "Consecutiva", "Temporale", "Modale",
+				"Eccettuativa", "Comparativa", "Condizionale", "Esclusiva", "Limitativa"]
+		}
+	}
+
+	var onomasticacitazioneJson = {
+		"filtrionomastica": {
+			"Tipo": ["Qualsiasi tipo", "Nome proprio", "Nome proprio separato", "Titolo"]
+		},
+
+		"filtricitazione": {
+			"Tipo": ["Qualsiasi tipo", "Latina", "Provenzale", "Francese", "Spagnola", "Ebraica", "Greca"]
+		}
+	}
+
+	var categorie = {
+		"verbovolgare": "filtriverbo",
+		"sostantivovolgare": "filtrisostantivo",
+		"pronomevolgare": "filtripronome",
+		"aggettivovolgare": "filtriaggettivo",
+		"articolovolgare": "filtriarticolo",
+		"avverbiovolgare": "filtriavverbio",
+		"preposizionevolgare": "filtripreposizione",
+		"congiunzionevolgare": "filtricongiunzione",
+		"onomasticavolgare": "filtrionomastica",
+		"citazionevolgare": "filtricitazione"
+	}
+
+	var catGrammsenzaspec = ['all', 'interiezionevolgare']
+
+	var subordinazioneJson = {
+		"subordinazione": {
+			"livello": ["Qualsiasi livello di subordinazione", "principale", "coordinata a una principale", "subordinata di I grado",
+				"subordinata di II grado", "subordinata di III grado", "subordinata di IV grado", "subordinata di V grado",
+				"subordinata di VI grado", "subordinata di VII grado", "coordinata a una subordinata di I grado",
+				"coordinata a una subordinata di II grado", "coordinata a una subordinata di III grado",
+				"coordinata a una subordinata di IV grado", "coordinata a una subordinata di V grado", "pseudo-coordinata",
+				"parentetica", "coordinata a una parentetica"]
+		}
+	}
+
+	var categorieJson = $.extend({}, verboJson, sostantivoJson, pronomeJson, aggettivoJson, articoloJson, avverbioJson, preposizioneJson, congiunzioneJson, onomasticacitazioneJson);
+
+
+    // Variabili testuali per compattezza
+    const iconReset = '<div class="p-0 align-self-start align-items-start justify-content-end text-right"> \
+						<button class="btn btn-sm btn-outline-success bg-light radioReset border rounded text-success px-1 pb-0" style="margin-top: 1px !important;margin-right: 1px !important;"> \
+						<i class="icon icon-refresh-circle"></i></button></div>';
+    const iconCloseCond = '<div class="p-0 mr-3 mt-0 text-right text-success"><span class="iconClClass removeCond"><i class="icon icon-close-circle"></i></span></div>';
+	const emptyClaList = '<li id="li-cla0" class="list-group-item align-items-center my-1 ui-state-default ui-state-disabled border text-muted bg-white ui-state-disabled-opacity-06 small">Nessuna clausola aggiunta.</li>';
+	const emptyRifList = '<li id="li-rif0" class="list-group-item align-items-center my-1 ui-state-default ui-state-disabled border text-muted bg-white ui-state-disabled-opacity-06 small">Nessuna clausola aggiunta.</li>';
+	const defaultCond = '<div id="cla-defaultCond" class="col-12 p-1 small font-weight-bold text-muted"> Clausole e condizioni in AND di default</div>';
+	const defaultRifCond = '<div id="cla-defaultRifCond" class="col-12 p-1 small font-weight-bold text-muted"> Clausole e condizioni in AND di default</div>';
+	emptyNoteList = '<div class="card card-body well well-sm m-1 mt-2 p-0" id="noteCard0"><span class="p-3 text-muted bg-lida-vis small" style="opacity: 0.6;">Nessun commento visualizzato</span></div>';
+
+	const canticheList = ["Inferno","Purgatorio","Paradiso"];
+	const cla0JsonText = '{"queryText": "", "TipoClausola": "0", "Attiva": "0"}';
+	const condLIplaceholderText1 = 'Trascina qui almeno 1 clausola o condizione';
+	const condLIplaceholderText2 = 'Trascina qui almeno 2 clausole o condizioni';
+	const condLIplaceholderText1d = 'Trascina qui almeno 1 clausola o condizione, oppure attiva le clausole inattive';
+	const condLIplaceholderText2d = 'Trascina qui almeno 2 clausole o condizioni, oppure attiva le clausole inattive';
+	const condLIplaceholderPart1 = '<li id="';
+	const condLIplaceholderPart2 = '" class="mx-0 my-1 p-1 pl-3 list-group-item align-items-center border text-muted small bg-light ui-state-disabled">';
+	
+	// Variabili e costanti funzionali
+	var minimapScrolling = false;
+	var tabID = 0;
+	var rifID = 100;
+	var claListLen = 0;
+	var rifListLen = 0;
+	var condListLen = 0;
+	var condListRifLen = 0;
+	var logicExprString = ``;
+	var guiLogicString = ``;
+	const cc0 = new Array(34).fill(0);
+	const cc1 = new Array(33).fill(0);
+	const cc2 = new Array(33).fill(0);
+	const contextEmpty = [cc0,cc1,cc2];
+	var queryJson = JSON.parse('{"EsprLogica":"", "LogicaGui":"", "EsprLogicaRif":"", "LogicaGuiRif":"", "QueryAvanzata":"0", "LiDaVersion":"1.0", "unitaRicerca":"verso"}');
+	queryJson.Clausola0 = JSON.parse(cla0JsonText);
+	queryJson.Clausola0.contesto = JSON.stringify(contextEmpty);
+	window.context0 = JSON.parse(JSON.stringify(contextEmpty));
+	window.context100 = JSON.parse(JSON.stringify(contextEmpty));
+	const jsonReplacer = (key, value) =>
+		typeof value === 'undefined' ? 0 : value;
+	var nRisultatiPerPag = 30;//showOffset;
+	// Fine variabili
+
+
+	function preparePrint(el2pr,needSeparator,div2print){
+		var element = "";
+		var content = "";
+		var result = 0; 
+		switch (el2pr) {
+        	case "cantoCorrente":
+				element = $('.canto[style*="display: d-flex"]')
+   	    		content = $(element).clone(true);
+   	    		$(content).addClass("blog-main");
+				if (needSeparator > 0){
+					//insert separator
+				}
+       			$('body '+div2print).append(content);
+   				result = 1; 
+        		break;
+        	case "riferimentiCorrenti":
+       			if ($("#noteCard0").length) {
+					console.log("Nessuna commento visualizzato");
+				} else {
+        			element = $('#displaynote')[0].innerHTML;
+   	    			content = $(element).clone(true);
+   	    			$(content).find('.noPrintA').remove()
+       				$(content).find('.collapse').addClass('show')
+   	    			$(content).find('.collapsed').removeClass('collapsed')
+        			$(content).find('a').each(function() {
+					if (($(this).prop("innerText") == "Nota completa") || ($(this).prop("innerText") == "Nota")) {
+						$(this).remove();
+					}
+				});
+				$(content).find("b").each(function() {
+				    var text = $(this).text();
+				    text = text.replace('Nota / ', 'Nota');
+		    		text = text.replace(' / Nota completa: ', 'Nota completa: ');
+				    $(this).text(text);
+				});
+				if (needSeparator > 0){
+					//insert separator
+				}
+   				$('body '+div2print).append(content);
+    			result = 1; 
+   			};
+        		break;
+        	case "periodoCorrente":
+        		if ($('#structGroupCard0').css('display') == 'none') {
+					console.log("Nessuna struttura visualizzata");
+				} else {
+        			element = $('#displayinfo')[0].innerHTML;
+   	    			content = $(element).clone();
+   	    			$(content).find('.noPrintA').remove()
+					if (needSeparator > 0){
+						//insert separator
+					}
+       				$('body '+div2print).append(content);
+   					result = 1; 
+    			};
+        		break;
+        	case "rigaRicerca":
+	       		if (queryJson.QueryAvanzata == 1) {
+					element = $('#rigaRicerca')[0].innerHTML;
+				} else {
+					element = $('#rigaRicercaSemplice')[0].innerHTML;
+				};
+       			content = $(element).clone(true);
+       			$(content).find('.noPrintA').remove()
+   				$(content).find('.noPrintB').removeClass('show')
+				var srcVal  = $("#rigaRicerca #unitaRicerca")[0].options[$("#rigaRicerca #unitaRicerca")[0].selectedIndex].value;
+				var dstSelect = $(content).find("#unitaRicerca");
+				$(dstSelect).val(srcVal);
+				var srcSelects = $('#rigaRicerca').find("select.condType");
+				$(srcSelects).each(function(i) {
+					srcVal = $(this)[0].options[$(this)[0].selectedIndex].value;
+					dstSelect = $(content).find("select.condType").eq(i)[0];
+					$(dstSelect).val(srcVal)
+				});
+				if (needSeparator > 0){
+					//insert separator
+				};
+       			$('body '+div2print).append(content);
+   				result = 1; 			
+          	    break;
+        	case "risultatiLista":
+				if (listarisultati.length) {
+					// ricerca sintattico-grammaticale
+					if (needSeparator > 0){
+						//insert separator
+					}
+					showFrasi(1, numeroContesti, div2print);
+					//$(div2print).find('.noPrintA').remove()
+					$(div2print).find('.noPrintA').css({display:'none'});
+   					result = 1; 
+				} else {
+					if (isSearchRiferimenti) {
+						// ricerca riferimenti
+						if (needSeparator > 0){
+							//insert separator
+						};
+						console.log(numeroContesti)
+						showRiferimentiFrasi(0, numeroContesti, div2print)
+						//$(div2print).find('.noPrintA').remove()
+						$(div2print).find('.noPrintA').css({display:'none'});
+						result = 1; 
+					} else {
+						console.log("Nessun risultato visualizzato");
+					};
+				};
+        		break;
+        	default:
+        };
+		return (result);
+	};
+
+
+	getJsonQuery = function(){
+		return queryJson;
+	};
+	
+	setCurrentPage = function(value){
+		currPage = value;
+	};
+
+	// Funzioni di gestione del tab Periodo, usate da synthgraph.js
+	fillStructCard = function(lisid){
+		var cantiche=["Inferno", "Purgatorio","Paradiso"];
+		var romani = ["I","II","III","IV","V","VI","VII","VIII","IX","X",
+					  "XI","XII","XIII","XIV","XV","XVI","XVII","XVIII","XIX","XX",
+					  "XXI","XXII","XXIII","XXIV","XXV","XXVI","XXVII","XXVIII","XXIX","XXX",
+					  "XXXI","XXXII","XXXIII","XXXIV"];
+		var lisidArray = lisid.split('_')		
+		$('#structHead0').text(cantiche[lisidArray[0]-1] + ", Canto " + romani[lisidArray[1]-1] + ", Verso " + lisidArray[2]);
+		$('#structGroupCard0').attr('style', "display: flex;");
+		$('#infoCard0').attr('style', "display: none;");
+	};
+	
+	emptyStructCard = function(){
+		$('#infoCard0').attr('style', "display: flex;");
+		$('#structGroupCard0').attr('style', "display: none;");
+	};
+
+	
+	// Funzione di creazione della clausola grammaticale+sintattica
+	function addClausola(sortableId,active,tabID,toExpand){
+		if (active > 0) {
+			var checkInsert = ' checked="checked"';
+		} else {
+			var checkInsert = '';
+		};
+		var claText = "Nessun filtro definito<br>";
+		addClaLIitem(sortableId,tabID,claText,checkInsert,toExpand);
+		var claClone = document.getElementById("clausolaN").cloneNode(true);
+		claClone.setAttribute("id","cla" + tabID);
+		claClone.setAttribute("data-claActive", active);
+		claClone.setAttribute("aria-labelledby","cla" + tabID + "-tab");
+		claClone.setAttribute("style", "");
+		$('#claBody' + tabID).append(claClone);
+		// se non cambio l'id della select react non rileva l'evento onchange:		
+		$('#cla' + tabID + " #grammtypesN").attr("id","grammtypes" + tabID);
+		$('#cla' + tabID + " #lemma_formaN").attr("id","lemma_forma" + tabID);
+		$('#cla' + tabID + " #queryTextN").attr("id","queryText" + tabID);
+		$('#cla' + tabID + " #opzioni_testoN").attr("id","opzioni_testo" + tabID);
+		$('#cla' + tabID + " #contextDivN").attr("id","contextDiv" + tabID);
+		$('#cla' + tabID + " #posSliderN").attr("id","posSlider" + tabID);
+		// inizializzo slider
+		$("#posSlider" + tabID).bootstrapSlider({
+			id: "slider"+tabID, 
+			min: 1,
+			max: 37,
+			range: true,
+			enabled: false,
+			value: [1, 37]
+		});
+		$("#posSlider" + tabID).on("slide", function() {
+			refreshClaList();
+		});
+
+		addClaContext(tabID);
+        refreshSortables();
+	}
+	
+	// Funzione di creazione della clausola riferimenti
+	function addRiferimento(sortableId,active,rifID,toExpand){
+		if (active > 0) {
+			var checkInsert = ' checked="checked"';
+		} else {
+			var checkInsert = '';
+		};
+		var rifText = "Nessun filtro definito<br>";
+		addRifLIitem(sortableId,rifID,rifText,checkInsert,toExpand);
+		$("#rif" + rifID).attr("data-claActive", active);
+		$("#rif" + rifID).attr("style", "");
+		addClaContext(rifID);
+        refreshSortables();
+	}
+	
+	// Funzione di creazione delle subclausole grammaticali basate sul valore scelto
+	function addCatgramSubcla(tabPaneId,selectedValue){
+		var dettagliBox = $("#" + tabPaneId + " .dettaglifiltri");
+		dettagliBox.html("");
+		if (Object.keys(categorie).includes(selectedValue)) {
+			var filtro = categorie[selectedValue]
+			var keys = Object.keys(categorieJson[filtro])
+			for (var key in keys) {
+				var vals = categorieJson[filtro][keys[key]]
+				switch (vals.length) {
+        			case 2:
+					var element = $('<div />');
+					element.attr('class', 'd-flex flex-sm-nowrap pr-0 py-0 mb-1 form-group form-control-sm border justify-content-between bg-light');
+					var rbfieldset = $('<fieldset />');
+					var flexdiv1 = $('<div />');
+					var flexdiv2 = $('<div />');
+					var input1 = $('<input />');
+					var input2 = $('<input />');
+					var label1 = $('<label />');
+					var label2 = $('<label />');
+
+					rbfieldset.attr('id', tabPaneId + keys[key].replace(/\s/g, ''));
+					rbfieldset.attr('class', 'custom-control-inline monMe');
+					flexdiv1.attr('class', 'custom-control custom-radio custom-control-inline m-0 mr-2 pb-0');
+					flexdiv1.attr('style', 'padding-top: 2px!important;');
+					flexdiv2.attr('class', 'custom-control custom-radio custom-control-inline m-0 pb-0');
+					flexdiv2.attr('style', 'padding-top: 2px!important;');
+					input1.attr('class', 'custom-control-input');
+					input2.attr('class', 'custom-control-input');
+					input1.attr('type', 'radio');
+					input2.attr('type', 'radio');
+					input1.attr('id', tabPaneId + vals[0].replace(/\s/g, ''));
+					input2.attr('id', tabPaneId + vals[1].replace(/\s/g, ''));
+					input1.attr('value', vals[0]);
+					input2.attr('value', vals[1]);
+					input1.attr('name', tabPaneId + keys[key]);
+					input2.attr('name', tabPaneId + keys[key]);
+					label1.attr('class', 'custom-control-label form-control-sm custom-control-inline m-0 pl-0 text-muted curPoint');
+					label1.attr('style', 'padding-top: 2px!important;');
+					label2.attr('class', 'custom-control-label form-control-sm custom-control-inline m-0 pl-0 text-muted curPoint');
+					label2.attr('style', 'padding-top: 2px!important;');
+					label1.attr('for', tabPaneId + vals[0].replace(/\s/g, ''));
+					label2.attr('for', tabPaneId + vals[1].replace(/\s/g, ''));
+					label1.append(vals[0]);
+					label2.append(vals[1]);
+
+					input1.appendTo(flexdiv1);
+					input2.appendTo(flexdiv2);
+					label1.appendTo(flexdiv1);
+					label2.appendTo(flexdiv2);
+					flexdiv1.appendTo(rbfieldset);
+					flexdiv2.appendTo(rbfieldset);
+					rbfieldset.appendTo(element);
+					var iconR = $(iconReset);
+					iconR.appendTo(element);
+					element.appendTo(dettagliBox);
+					break;
+       			case 1:
+					var element = $('<div />');
+					//element.attr('class', ' d-flex flex-sm-nowrap pr-2 py-1 mb-1 form-group form-control bg-light');
+					element.attr('class', 'd-flex flex-sm-nowrap form-group form-control-sm border px-2 mb-1 pt-1 pb-0 bg-light');
+					var rbfieldset = $('<fieldset />');
+					flexdiv1 = $('<div />');
+					input1 = $('<input />');
+					label1 = $('<label />');
+					rbfieldset.attr('id', tabPaneId + keys[key].replace(/\s/g, ''));
+					rbfieldset.attr('class', 'custom-control-inline monMe align-items-center');
+					flexdiv1.attr('class', 'custom-control custom-checkbox custom-control-inline');
+					flexdiv1.attr('style', 'padding-top: 1px!important;');
+					input1.attr('class', 'custom-control-input align-self-center');
+					input1.attr('type', 'checkbox');
+					input1.attr('id', tabPaneId + vals[0].replace(/\s/g, ''));
+					input1.attr('value', vals[0]);
+					input1.attr('name', keys[key]);
+					label1.attr('class', 'custom-control-label form-control-sm custom-control-inline p-0 text-muted curPoint align-self-start');
+					label1.attr('style', 'padding-top: 2px!important;');
+					label1.attr('for', tabPaneId + vals[0].replace(/\s/g, ''));
+					label1.append(vals[0]);
+
+					input1.appendTo(flexdiv1);
+					label1.appendTo(flexdiv1);
+					flexdiv1.appendTo(rbfieldset);
+					rbfieldset.appendTo(element);
+					element.appendTo(dettagliBox);
+					break;
+       			default:
+					var element = $('<div />');
+					element.attr('class', ' form-group p-0 pb-1 m-0');
+					//var select = $('<select class="form-control custom-select-sm monMe bg-light text-muted border btn-outline-success"/>');
+					var select = $('<select class="custom-select custom-select-sm monMe bg-light text-muted border btn-outline-success"/>');
+					select.attr('id', tabPaneId + keys[key].replace(/\s/g, ''));
+					select.attr('title', keys[key]);
+					select.attr('name', keys[key]);
+					for (var val in vals) {
+						var seloption = $('<option />');
+						seloption.attr('value', vals[val]);
+						seloption.append(vals[val]);
+						seloption.appendTo(select);
+					}
+					select.appendTo(element);
+					element.appendTo(dettagliBox);
+				}
+			}
+		}
+		if (element) {
+			element.attr('style', "display: block;");
+			element.appendTo(dettagliBox);
+		};
+	}
+
+	// Funzione di creazione della parte di definizione del contesto delle clausole
+	function addClaContext(tabID){
+		var contClone = document.getElementById("contextTable-xX0").cloneNode(true);
+		contClone.setAttribute("class","row no-gutters px-2 pt-0 pb-2 bg-lida11");
+		contClone = contClone.outerHTML.replace(/xX0/g, "xX" + tabID);
+		contClone = contClone.replace(/-secondary/g, "-success");
+		contClone = contClone.replace(/sel-canto/g, "sel-canto suxess");
+		$("#contextDiv" + tabID).append($(contClone)[0]);
+		resetContext(tabID);
+		$("#selectable-xX" + tabID).selectable({
+			filter: ".sel-canto",
+			selected: function(event, ui) {
+	            window["context" + tabID][ui.selected.id.substring(0,1)][ui.selected.id.substring(2)] = 1;
+            	var tmpFocusBtn = "#plusBtn" + ui.selected.id.substring(0,1) + "-xX" + tabID;
+            	$(tmpFocusBtn).focus();
+			}
+		});
+	};
+
+	// Funzione di creazione del LI delle condizioni logiche
+	function addLogicCond(sortableId,condtype){
+        if (~sortableId.indexOf("Rif")) {
+			condListRifLen++;
+			var sortableIdNum = "Rif" + condListRifLen;
+		} else {
+			condListLen++;
+			var sortableIdNum = condListLen;
+		};
+		var cloneLI = document.getElementById("condxX4Xx").cloneNode(true);
+		cloneLI.removeAttribute("style");
+		cloneLI = cloneLI.outerHTML.replace(/xX4Xx/g, sortableIdNum)
+		cloneLI = cloneLI.replace(/xX5Xx/g, condtype)
+		if (condtype == "AND") {
+			cloneLI = cloneLI.replace(/xX6Xx/g, "lida12")
+		} else {
+			cloneLI = cloneLI.replace(/xX6Xx/g, "lida13")
+		}
+
+		if ($("#li-cla0")[0]) {
+			$("#li-cla0")[0].remove();
+		};
+		$(sortableId).append($(cloneLI)[0]);
+		$("#andOrSelect-" + sortableIdNum).val(condtype);
+		$("#sortable" + sortableIdNum).sortable();
+		$("#sortable" + sortableIdNum).sortable( "option", "appendTo", document.body );
+		$("#sortable" + sortableIdNum).sortable({
+			items: "> li",
+			handle: ".handle",
+			opacity: 0.6, 
+			cursor: 'move',
+			update: function() {refreshSortables();}
+		});
+		refreshConnectWith();
+	}
+
+	// Funzione di creazione del LI di una clausola nella lista sortable
+	function addClaLIitem(sortableId,tabID,claText,checkInsert,toExpand){
+		claListLen++;
+		var cloneLI = document.getElementById("li-claxX1Xx").cloneNode(true);
+		cloneLI.setAttribute("style", "opacity: 0.1;");
+		cloneLI = cloneLI.outerHTML.replace(/xX1Xx/g, tabID)
+		cloneLI = cloneLI.replace(/xX2Xx/g, claText)
+		cloneLI = cloneLI.replace(/xX3Xx"/g, tabID + '" ' + checkInsert)
+		if (checkInsert == ' disabled') {
+			cloneLI = cloneLI.replace(/claCollBtn/g, "claCollBtn " + checkInsert);		
+		};
+		$(sortableId).append($(cloneLI)[0]);
+		if (toExpand == 1){
+			$("#claCollapse" + tabID).focus();
+			$("#claCollapse" + tabID).trigger("click");
+		}
+		$("#li-cla" + tabID).fadeTo(1000,1);
+	};
+
+	// Funzione di creazione del LI di un riferimento nella lista sortable
+	function addRifLIitem(sortableId,rifID,rifText,checkInsert,toExpand){
+		rifListLen++;
+		var cloneLI = document.getElementById("li-rifxR1Rx").cloneNode(true);
+		cloneLI.setAttribute("style", "opacity: 0.1;");
+		cloneLI = cloneLI.outerHTML.replace(/xR1Rx/g, rifID)
+		cloneLI = cloneLI.replace(/xR2Rx/g, rifText)
+		cloneLI = cloneLI.replace(/xR3Rx"/g, rifID + '" ' + checkInsert)
+		if (checkInsert == ' disabled') {
+			cloneLI = cloneLI.replace(/claCollBtn/g, "claCollBtn " + checkInsert);		
+		};
+		$(sortableId).append($(cloneLI)[0]);
+		if (toExpand == 1){
+			$("#claCollapse" + rifID).focus();
+			$("#claCollapse" + rifID).trigger("click");
+		}
+		$("#li-rif" + rifID).fadeTo(1000,1);
+	};
+
+	// Funzione di refresh della lista clausole nella tab principale e del json della query
+	function refreshClaList(){
+		var qText = $("form #queryText")[0].value;
+		if (qText == "") {			//disattivo clausola 0 se il testo e' vuoto 
+			var claActive = 0
+		} else {
+			var claActive = 1
+		};
+    	queryJson.Clausola0 = JSON.parse('{"queryText": "' + qText + '", "TipoClausola": "0", "Attiva": "' + claActive + '"}');
+		queryJson.unitaRicerca = $("#unitaRicerca")[0].options[$("#unitaRicerca")[0].selectedIndex].value;
+    	var claLiArray = $("#sortable0").find(".claLI");
+    	var countActCla = 0;
+    	var buttonID = "";
+    	if ($(claLiArray).length) {
+			if ($("#li-cla0")[0]) {
+				$("#li-cla0")[0].remove();
+			};
+    		$(claLiArray).each(function(){
+				var claIdNum = $(this).attr('id').substr(6);
+				if ($(this).find(".claAct").prop('checked')) {
+					countActCla++;
+				}
+				updateClaListItem(claIdNum, "#sortable0");
+			});
+			if ($(claLiArray).length == 1) {
+				var remCla = claLiArray.find(".removeCla");
+				remCla.addClass("disabled");
+				var actCla = claLiArray.find(".claAct");
+				actCla.prop('disabled', true);
+			} else {
+				if ( countActCla == 1 ) {
+					claLiArray.find(".claAct").each(function(){
+						if ($(this).prop('checked')) {
+							$(this).prop('disabled', true);
+							buttonID = "removeCla" + $(this).attr('id').substr(9);
+							$('#'+buttonID).addClass("disabled");
+						}	
+					});
+				}
+			};
+		} else {
+			if (claListLen == 0 && condListLen == 0) {
+				$('#sortable0').html(emptyClaList);
+				queryJson.EsprLogica = "";
+				queryJson.LogicaGui = "";
+			}
+			tabID = 0;
+		};
+		
+		var rifLiArray = $("#sortableRif0").find(".rifLI");
+    	if ($(rifLiArray).length) {
+			countActCla = 0;
+			if ($("#li-rif0")[0]) {
+				$("#li-rif0")[0].remove();	
+			};
+    		$(rifLiArray).each(function(){
+				var rifIdNum = $(this).attr('id').substr(6);
+				if ($(this).find(".claAct").prop('checked')) {
+					countActCla++;
+				}
+				updateRifListItem(rifIdNum, "#sortableRif0");
+			});
+			if ($(rifLiArray).length == 1) {
+				var remCla = rifLiArray.find(".removeCla");
+				remCla.addClass("disabled");
+				var actCla = rifLiArray.find(".claAct");
+				actCla.prop('disabled', true);
+			} else {
+				if ( countActCla == 1 ) {
+					rifLiArray.find(".claAct").each(function(){
+						if ($(this).prop('checked')) {
+							$(this).prop('disabled', true);
+							buttonID = "removeRif" + $(this).attr('id').substr(9);
+							$('#'+buttonID).addClass("disabled");
+						}	
+					});
+				}
+			};
+		} else {
+			if (rifLiArray == 0 && condListRifLen == 0) {
+				$('#sortableRif0').html(emptyRifList);
+				queryJson.EsprLogicaRif = "";
+				queryJson.LogicaGuiRif = "";
+			}
+			rifID = 100;
+		};
+		
+		if ($('#sortable0').children("li").length <= 1) {
+			$("#cla-defaultCond").remove();
+		} else {
+			if ($('#cla-defaultCond').length == 0) {
+				$("#cla-list-row").prepend($(defaultCond));
+			};
+		};
+		if ($('#sortableRif0').children("li").length <= 1) {
+			$("#cla-defaultRifCond").remove();
+		} else {
+			if ($('#cla-defaultRifCond').length == 0) {
+				$("#rif-list-row").prepend($(defaultRifCond));
+			};
+		};
+	}
+
+	// Funzione di refresh dei filtri sulla ricerca dei Riferimenti 
+	function updateRifListItem(rifIdNum, sortableRifId){
+		var rifText = '';
+		var checkInsert = '';
+		var jsonTextToParse = '{';
+		var rifId = "rif" + rifIdNum;
+		var rifListItemId = "li-rif" + rifIdNum;
+		var rifSubParList = $("#li-rif" + rifIdNum).find("select, input");
+		var contextText = $("#contextText-xX" + rifIdNum).text();
+		var claType = $("#" + rifId).attr('data-claType');
+		var claActive = $("#" + rifId).attr('data-claActive');
+		if (claActive > 0) {
+			checkInsert = ' checked="checked"';
+		};
+		var remCla = $("#" + rifListItemId).find(".removeCla");
+		if (remCla.hasClass("disabled")) {
+			remCla.removeClass("disabled");
+		}
+		var actCla = $("#" + rifListItemId).find(".claAct");
+		if (actCla.attr('disabled')) {
+			actCla.prop('disabled', false);
+		}
+
+		rifSubParList.each(function() {
+			var claSubParType = $(this)[0].type;
+			if (claSubParType == "select-one") {
+				if (!($(this).prop("disabled"))) {
+					rifText = rifText + $(this)[0].title + ': <span  class="font-italic">' + $(this)[0].options[$(this)[0].selectedIndex].text + '</span>; ';
+				};
+				jsonTextToParse = jsonTextToParse + ', "' + $(this)[0].id.replace(rifIdNum, "") + '": "' + $(this)[0].options[$(this)[0].selectedIndex].value + '", "TipoClausola": "' + claType + '", "Attiva": "' + claActive + '"';
+				if ($(this)[0].id.startsWith("Tipo_Riferimento")) {
+					if ($(this)[0][3].selected) {
+						$('#Tipo_Citazione' + rifIdNum)[0].removeAttribute("style");
+						$('#Tipo_Citazione' + rifIdNum).prop('disabled', false);
+					} else {
+						$('#Tipo_Citazione' + rifIdNum)[0].selectedIndex = 0;
+						$('#Tipo_Citazione' + rifIdNum)[0].setAttribute("style", "opacity: 0.6;");
+						$('#Tipo_Citazione' + rifIdNum).prop('disabled', true);
+					}
+				};
+			};
+			if (claSubParType == "text" && $(this)[0].value) {
+				rifText = rifText + $(this)[0].name + ': <span  class="font-italic">"' + $(this)[0].value + '"</span>; ';
+				jsonTextToParse = jsonTextToParse + ', "' + $(this)[0].id.replace(rifIdNum, "") + '": "' + $(this)[0].value + '"';
+			};
+		});
+		jsonTextToParse = jsonTextToParse.replace('{, ', '{') + '}'
+   		if ($("#" + rifListItemId)[0]) {
+			$("#" + rifListItemId + " .clatext").replaceWith('<span class="small clatext">' + rifText + '<br>Contesto: <span  class="font-italic">' + contextText + '</span></span>');
+   		} else {
+			addRifLIitem(sortableRifId,rifIdNum,rifText,checkInsert,0);
+		};
+		queryJson["Riferimento" + rifIdNum] = JSON.parse(jsonTextToParse);
+		queryJson["Riferimento" + rifIdNum].contesto = JSON.stringify(window["context" + rifIdNum]);
+		console.log(queryJson);
+	}
+
+	
+	// Funzione di creazione del LI nella lista delle clausole nel tab principale, aggiunta della clausola nel JSON
+	function updateClaListItem(claIdNum, sortableId){
+				var claText = '';
+				var termText = '';
+				var posText = '';
+				var posJson = '';
+				var checkInsert = '';
+				var claId = "cla" + claIdNum;
+				var claListItemId = "li-cla" + claIdNum;
+				var claType = $("#" + claId).attr('data-claType');
+				var claActive = $("#" + claId).attr('data-claActive');
+				if (claActive > 0) {
+					checkInsert = ' checked="checked"';
+				};
+				var remCla = $("#" + claListItemId).find(".removeCla");
+				if (remCla.hasClass("disabled")){
+					remCla.removeClass("disabled");					
+				}
+				var actCla = $("#" + claListItemId).find(".claAct");
+				if (actCla.attr('disabled')) {
+					actCla.prop('disabled', false);
+				}
+
+				switch (claType) {
+        	  		case "Clausola":
+						var l_f = $("form #lemma_forma" + claIdNum)[0].options[$("form #lemma_forma" + claIdNum)[0].selectedIndex].value;
+						var l_f_t = $("form #lemma_forma" + claIdNum)[0].options[$("form #lemma_forma" + claIdNum)[0].selectedIndex].text;
+						var qText = $("form #queryText" + claIdNum)[0].value;
+						var optText = $("form #opzioni_testo" + claIdNum)[0].value;
+						var optText_t = $("form #opzioni_testo" + claIdNum)[0].options[$("form #opzioni_testo" + claIdNum)[0].selectedIndex].text;
+						if (qText != "") {
+							termText = l_f_t + ' <span class="text-dark font-weight-bold">' + qText + '</span> ' + optText_t + '.<br>';
+						};
+						var jsonTextToParse = '{"queryText": "' + qText + '", "lemma_forma": "' + l_f + '", "opzioni_testo": "' + optText + '", "TipoClausola": "' + claType + '", "Attiva": "' + claActive + '"';
+            			var gramSelect = $("#" + claId).find(".catgram");
+            			var contextText = $("#contextText-xX" + claIdNum).text();
+						claText = termText + 'Categoria grammaticale: <span  class="font-italic">' + gramSelect[0].options[gramSelect[0].selectedIndex].text;
+						jsonTextToParse = jsonTextToParse + ', "' + gramSelect.attr('name') + '": "' + gramSelect[0].options[gramSelect[0].selectedIndex].value + '"';
+						var claSubParList = $("#" + claId).children(".dettaglifiltri").find("select, fieldset");
+						claSubParList.each(function(){
+							var claSubParType = $(this)[0].type;
+							if (claSubParType == "fieldset" && $(this).find(":checked").length) {
+								var claSubParName = $(this).find(":checked")[0].name;
+								if (claSubParName.startsWith(claId)) {
+									claSubParName = claSubParName.replace(claId,'');
+								}
+								claText = claText +  "; " + $(this).find(":checked")[0].defaultValue;
+								jsonTextToParse = jsonTextToParse + ', "' + claSubParName + '": "' + $(this).find(":checked")[0].value + '"';
+							};
+							if (claSubParType == "select-one" && $(this)[0].selectedIndex != 0) {
+								claText = claText + "; " + $(this)[0].options[$(this)[0].selectedIndex].text;
+		        	  			jsonTextToParse = jsonTextToParse + ', "' + $(this)[0].name + '": "' + $(this)[0].options[$(this)[0].selectedIndex].value + '"';
+							};
+						});
+
+        	  			var syntSelect = $("#" + claId).find("#synttypes");
+        	  			var funcSelect = $("#" + claId).find("#syntfunc");
+
+						if (!(gramSelect[0].options[gramSelect[0].selectedIndex].value == "all") && !(syntSelect[0].options[syntSelect[0].selectedIndex].value == "all")) {
+							var posArray = $("#posSlider" + claIdNum).bootstrapSlider("getValue")
+							if (posArray[0] == posArray[1]) {
+								posText = '</span>.<br>Posizione nella frase: <span  class="font-italic"> ' + posArray[0] + '<sup>a</sup>' ;
+							} else {
+								if ((posArray[0] == 1) && (posArray[1] == 37)) {
+									posText = '</span>.<br>Posizione nella frase: <span  class="font-italic">qualunque' ;
+								} else {
+									posText = '</span>.<br>Posizione nella frase: <span  class="font-italic">dalla ' + posArray[0] + '<sup>a</sup> alla ' + posArray[1] + '<sup>a</sup>' ;
+								}
+							}
+							posJson = ', "Posizioni": "' + $("#posSlider" + claIdNum).bootstrapSlider("getValue") + '"';
+							$("#posSlider" + claIdNum).bootstrapSlider('enable');
+						} else {
+							$("#posSlider" + claIdNum).bootstrapSlider('refresh');
+						};					
+
+						claText = claText + '</span>.<br>Tipo sintattico: <span  class="font-italic">' + syntSelect[0].options[syntSelect[0].selectedIndex].text + ';</span><br>Livello di subordinazione: <span  class="font-italic">' + funcSelect[0].options[funcSelect[0].selectedIndex].text + posText + '.</span><br>Contesto: <span  class="font-italic">' + contextText + '</span>';
+        	  			jsonTextToParse = jsonTextToParse + ', "' + syntSelect.attr('name') + '": "' + syntSelect[0].options[syntSelect[0].selectedIndex].value + '", "' + funcSelect.attr('name') + '": "' + funcSelect[0].options[funcSelect[0].selectedIndex].value + '"' + posJson;
+	       	    		break;
+					default:
+        	    		claText = $("#" + claListItemId + " .clatext").text();
+         	  			checkInsert = ' disabled';
+						var jsonTextToParse = '{"queryText": "", "lemma_forma": "", "opzioni_testo": "", "TipoClausola": "' + claType + '", "Attiva": "' + claActive + '"';
+         		};
+         		if ($("#" + claListItemId)[0]) {
+					$("#" + claListItemId + " .clatext").replaceWith('<span class="small clatext">' + claText + '</span>');
+         		} else {
+					addClaLIitem(sortableId,claIdNum,claText,checkInsert,0);
+				};
+				queryJson["Clausola" + claIdNum] = JSON.parse(jsonTextToParse + '}');
+				queryJson["Clausola" + claIdNum].contesto = JSON.stringify(window["context" + claIdNum]);
+				console.log(queryJson);
+	};
+	
+	// Funzione di refresh dei placeholders e attivazione/disattivazione bottoni nelle liste sortable
+	function refreshSortables() {
+		const sortableList = ["#sortable0", "#sortableRif0"];
+		const tabList = ["#cla-TabContent", "#rif-TabContent"];
+		const esprName = ["EsprLogica", "EsprLogicaRif"];
+		const guiName = ["LogicaGui", "LogicaGuiRif"];
+		const placeholderName = ["placeholderSort", "placeholderSortRif"];
+
+		for (var i = 0; i <= 1; i++) {
+			$(sortableList[i]).children(".claLI").each(function() {
+				if ($(this).find("input")[0].checked) {
+					$(this).find('.clatext').css({ opacity: 1 });
+				};
+				if ($(this).find("input")[0].checked == false) {
+					$(this).find('.clatext').css({ opacity: 0.6 });
+				};
+			});
+			$(tabList[i] + " .ui-sortable:not(:first)").each(function() {
+				var sortableID = $(this)[0].id;
+				var placeholderID = '#' + placeholderName[i] + sortableID.slice(-1);
+				var iconBtn = $(this).find(".iconClClass")[0];
+				var iconDiv = $(iconBtn).parent()[0];
+				var activeUL = $(this).children("li").children("ul").length;
+				var activeLI = 0;
+				var inactiveLI = 0;
+				var condLIplaceholder = "";
+				$(this).children("li .claLI,.rifLI").each(function() {
+					if ($(this).find("input")[0].checked) {
+						activeLI++;
+						$(this).find('.clatext').css({ opacity: 1 });
+					};
+					if ($(this).find("input")[0].checked == false) {
+						inactiveLI++;
+						$(this).find('.clatext').css({ opacity: 0.6 });
+					};
+				});
+				switch (activeLI + activeUL) {
+					case 0:
+						if ($(placeholderID).length) {
+
+							$(placeholderID).fadeOut(300, function() {
+								if (inactiveLI > 0) {
+									$(placeholderID).text(condLIplaceholderText2d);
+								} else {
+									$(placeholderID).text(condLIplaceholderText2);
+								};
+								$(placeholderID).fadeTo(100, 0.9).fadeTo(300, 0.6);
+							});
+						} else {
+							if (inactiveLI > 0) {
+								condLIplaceholder = condLIplaceholderPart1 + placeholderName[i] + sortableID.slice(-1) + condLIplaceholderPart2 + condLIplaceholderText2d + '</li>';
+							} else {
+								condLIplaceholder = condLIplaceholderPart1 + placeholderName[i] + sortableID.slice(-1) + condLIplaceholderPart2 + condLIplaceholderText2 + '</li>';
+							}
+							$("#" + sortableID).append(function() {
+								return $(condLIplaceholder).hide();
+							});
+							$(placeholderID).fadeTo(100, 0.9).fadeTo(300, 0.6);
+
+						};
+						if (inactiveLI == 0) {
+							$(iconBtn).attr("class", "btn btn-sm btn-outline-success iconClClass removeCond text-success border rounded px-1 pb-0");
+							$(iconBtn).prop("disabled", false);
+							$(iconDiv).attr("class", "col-md-auto p-0 mr-2 mt-0 text-right text-success");
+						};
+						break;
+					case 1:
+						if ($(placeholderID).length) {
+							$(placeholderID).fadeOut(300, function() {
+								if (inactiveLI > 0) {
+									$(placeholderID).text(condLIplaceholderText1d);
+								} else {
+									$(placeholderID).text(condLIplaceholderText1);
+								};
+								$(placeholderID).fadeTo(100, 0.9).fadeTo(300, 0.6);
+							});
+						} else {
+							if (inactiveLI > 0) {
+								condLIplaceholder = condLIplaceholderPart1 + placeholderName[i] + sortableID.slice(-1) + condLIplaceholderPart2 + condLIplaceholderText1d + '</li>';
+							} else {
+								condLIplaceholder = condLIplaceholderPart1 + placeholderName[i] + sortableID.slice(-1) + condLIplaceholderPart2 + condLIplaceholderText1 + '</li>';
+							}
+							$("#" + sortableID).append(function() {
+								return $(condLIplaceholder).hide();
+							});
+							$(placeholderID).fadeTo(100, 0.9).fadeTo(300, 0.6);
+						};
+						$(iconBtn).attr("class", "btn btn-sm iconClClass NOremoveCond noPrintA text-muted border rounded px-1 pb-0");
+						$(iconBtn).prop("disabled", true);
+						$(iconDiv).attr("class", "col-md-auto p-0 mr-2 mt-0 text-right text-muted");
+						break;
+					case 2:
+						if ($(placeholderID).length) {
+							$(placeholderID).fadeOut(300, function() {
+								$(placeholderID).remove();
+							});
+						};
+						$(iconBtn).attr("class", "btn btn-sm iconClClass NOremoveCond noPrintA text-muted border rounded px-1 pb-0");
+						$(iconBtn).prop("disabled", true);
+						$(iconDiv).attr("class", "col-md-auto p-0 mr-2 mt-0 text-right text-muted");
+						break;
+					default:
+						if ($(placeholderID).length) {
+							$(placeholderID).fadeOut(300, function() {
+								$(placeholderID).remove();
+							});
+						};
+				};
+			});
+			logicExprString = parseCond(sortableList[i], "AND", 0);
+			guiLogicString = parseCond(sortableList[i], "AND", 1);
+			var esprNameValue = esprName[i];
+			var guiNameValue = guiName[i];
+			queryJson[esprNameValue] = logicExprString.split(' ');
+			queryJson[guiNameValue] = guiLogicString.split(' ');
+		}
+	};
+	
+	// Funzione di refresh dei collegamenti tra elementi sortable
+	function refreshConnectWith(){
+		if (queryJson.unitaRicerca == "riferimento") {
+			var sortableIdNum = condListRifLen;
+			var sortableIdPrefix = "#sortableRif";
+		} else {
+			var sortableIdNum = condListLen;
+			var sortableIdPrefix = "#sortable";
+		};
+
+		for (var i=0; i <= sortableIdNum; i++) {
+			var cw = "";
+			for (var j=0; j <= sortableIdNum; j++) {
+				if (i != j) {
+					cw = cw + sortableIdPrefix + j + ", ";
+				};
+				$( sortableIdPrefix + i ).sortable( "option", "connectWith", cw.slice(0, -2) );
+			};
+		};
+	};
+
+	// Funzione usata da resizable
+	function setWidthInPercent(element) {
+		var percentageWidth = (element.width() / element.parent().width()) * 100;
+		element.width(percentageWidth + '%');
+	};
+	
+
+	// Funzione di parsing delle clausole e delle condizioni logiche	
+	function parseCond(sortableList, condType, forGui){
+		var condText = "";
+		var items = $(sortableList).children("li");
+		var itemsText = [];
+		$(items).each(function() {
+			if ($(this).hasClass("condLI-AND")) {
+				var andID = "#" + $(this).children("ul").attr("id");
+				var andText = parseCond(andID, "AND", forGui);
+				if (andText.length){
+					itemsText.push(andText);
+				};	
+			};
+			if ($(this).hasClass("condLI-OR")) {
+				var orID =  "#" + $(this).children("ul").attr("id");
+				var orText = parseCond(orID, "OR", forGui);
+				if (orText.length){
+					itemsText.push(orText);
+				};	
+			};
+			if ($(this).hasClass("claLI")) {
+				var claNum = "Clausola" + $(this)[0].id.substr(6);
+				if (forGui || ($(this).find("input")[0].checked == true)){
+					itemsText.push(claNum);
+				};
+			};
+			if ($(this).hasClass("rifLI")) {
+				var claNum = "Riferimento" + $(this)[0].id.substr(6);
+				if (forGui || ($(this).find("input")[0].checked == true)){
+					itemsText.push(claNum);
+				};
+			};
+		});
+		var iTlen = itemsText.length;
+		switch (iTlen) {
+        	case 0:
+        		break;
+        	case 1:
+        		if (forGui) {
+					condText = "( " + condType + " " + itemsText[0] + " )";
+				} else {
+        			condText +=  itemsText[0];
+        		}
+        		break;
+        	default:
+        		condText = "( " + condType + " ";
+				for (let i = 0; i < iTlen; i++) {
+					condText += itemsText[i] + " ";
+				}
+				condText +=  ")";
+			};
+		return condText;
+	};
+
+	function hideContextCanti(claIdNum) {
+		$('#selectable-xX' + claIdNum + " .ui-selected").each(function() {
+			$(this).attr('style', "display: none;");
+			$(this).removeClass( "ui-selected" )
+		});
+	};
+
+	function makeUpGui(queryJson) {
+		var domElementsNames = [["#sortable","Clausola",queryJson.LogicaGui],["#sortableRif","Riferimento",queryJson.LogicaGuiRif]]
+		// 1. verifica json legit --> TO DO
+		// -------------------
+		// Pulizia ricerca avanzata:
+		resetAdvGui();
+		// Imposta checkbox: .attr("checked", true)
+		if (queryJson["QueryAvanzata"] == 1) {
+			$("#cla-Advanced").attr('style', "display: block;");
+			$("#searchToggle").prop("checked", true);
+        } else {
+			$("#cla-Advanced").attr('style', "display: none;");
+			$("#searchToggle").prop("checked", false);
+		};
+		// Rigenerazione Clausola0:
+		if (queryJson["Clausola0"].Attiva) {
+			$("#queryText").val(queryJson["Clausola0"].queryText);
+		};
+		$("#unitaRicerca").val(queryJson.unitaRicerca);
+		if (queryJson.unitaRicerca == "riferimento") {
+			$("#collapseLogicRif").collapse('show');
+		} else {
+			$("#collapseLogicCla").collapse('show');
+		};
+		// Generazione lista clausole e condizioni con elementi padre, per clausole e riferimenti:
+		for (var i = 0; i <= 1; i++) {
+			var clau2Make = "";
+			var claParent = [];	// array di coppie [elemento, elemento padre]
+			var treeLevel = []; // pila di elementi padre 
+			fillStructureArrays(treeLevel, claParent, domElementsNames[i])
+			$(claParent).each(function() {
+				var itm = $(this)[0]
+				if ($(this)[0] == "OR" || $(this)[0] == "AND") {
+					addLogicCond($(this)[1], $(this)[0]);
+				} else {
+					clau2Make = queryJson[domElementsNames[i][1] + itm].TipoClausola;
+					var active = queryJson[domElementsNames[i][1] + itm].Attiva
+					switch (clau2Make) {
+						case "Clausola":
+							tabID++;
+							addClausola($(this)[1], active, tabID, 0);
+							$("#lemma_forma" + tabID).val(queryJson["Clausola" + itm].lemma_forma);
+							$("#queryText" + tabID).val(queryJson["Clausola" + itm].queryText);
+							$("#opzioni_testo" + tabID).val(queryJson["Clausola" + itm].opzioni_testo);
+							var selectedValue = queryJson["Clausola" + itm].typeGramm0;
+							if (selectedValue != "all") {
+								$("#grammtypes" + tabID).val(selectedValue);
+								addCatgramSubcla("cla" + tabID, selectedValue);
+								var ks = Object.keys(queryJson["Clausola" + itm]);
+								for (var j = 6; j < ks.length - 1; j++) {
+									var melID = "cla" + tabID + ks[j];
+									var melement = document.getElementById(melID);
+									if (melement) {
+										switch (melement.type) {
+											case "fieldset":
+												var sval = queryJson["Clausola" + itm][ks[j]]
+												$("#cla" + tabID + sval.replace(/\s/g, '')).attr("checked", true);
+												break;
+											case "select-one":
+												melement.value = ([queryJson["Clausola" + itm][ks[j]]])
+												break;
+											default:
+										};
+									};
+								};
+							};
+							if (queryJson["Clausola" + itm].typeSyntax0 != "all") {
+								$("#cla" + tabID + " #synttypes").val(queryJson["Clausola" + itm].typeSyntax0);
+							}
+							if (queryJson["Clausola" + itm].functionSyntax != "all") {
+								$("#cla" + tabID + " #syntfunc").val(queryJson["Clausola" + itm].functionSyntax);
+							}
+							if (queryJson["Clausola" + itm].Posizioni) {
+								var pos = queryJson["Clausola" + itm].Posizioni.split(",")
+								$("#posSlider" + itm).bootstrapSlider('enable');
+								$("#posSlider" + itm).bootstrapSlider('setValue', [parseInt(pos[0]), parseInt(pos[1])]);
+							}
+							window["context" + tabID] = JSON.parse(queryJson["Clausola" + itm].contesto);
+							parseContext(tabID);
+							break;
+						case "Riferimento":
+							rifID++;
+							addRiferimento($(this)[1], active, rifID, 0);
+							var ks = Object.keys(queryJson["Riferimento" + itm]);
+							for (var j = 0; j < ks.length - 1; j++) {
+								var melID = ks[j] + rifID;
+								var melement = document.getElementById(melID);
+								if (melement) {
+									melement.value = ([queryJson["Riferimento" + itm][ks[j]]])
+								}
+							};
+							window["context" + rifID] = JSON.parse(queryJson["Riferimento" + itm].contesto);
+							parseContext(rifID);
+							break;
+						default:
+					};
+				};
+			});
+
+		};
+		refreshClaList();
+	    refreshSortables();
+	};
+
+	function fillStructureArrays(treeLevel,claParent,domElementsNamesArray) {
+		var condNum = 0;
+		var guiLogicString = domElementsNamesArray[2];
+		for (var i=0; i < guiLogicString.length; i++) {
+			switch (guiLogicString[i]) {
+				case "(":
+					break;
+				case ")":
+					treeLevel.pop();
+					break;
+				case "OR":
+    	    		claParent.push([guiLogicString[i], treeLevel[treeLevel.length - 1]]);
+    	    		treeLevel.push(domElementsNamesArray[0] + ++condNum);
+					break;
+				case "AND":
+					if (i > 1) {
+	    	    		claParent.push([guiLogicString[i], treeLevel[treeLevel.length - 1]]);
+    	    			treeLevel.push(domElementsNamesArray[0] + ++condNum);
+					} else {
+						treeLevel.push(domElementsNamesArray[0]+"0");
+					};
+					break;
+				default:
+					claParent.push([guiLogicString[i].replace(domElementsNamesArray[1], ""), treeLevel[treeLevel.length - 1]]);
+			};
+		};
+	};
+
+
+	function resetContext(claIdNum) {
+		$('#selectable-xX' + claIdNum + " .ui-selectee").each(function() {
+			$(this).attr('style', "line-height: 1.2em");
+		});
+		$('#selectable-xX' + claIdNum + " .ui-selected").removeClass( "ui-selected" )
+		$('#selectable-xX' + claIdNum + ' .sel-canti-intro').each(function() {
+			$(this).text("Seleziona i canti:")
+		});;
+		$("#contextText-xX" + claIdNum).html("Tutta l'opera.");
+		window["context" + claIdNum] = JSON.parse(JSON.stringify(contextEmpty));
+		$('#selectable-xX' + claIdNum + " .show").removeClass("show");
+	};
+
+	function resetAdvGui() {
+		for (var i in ["#cla-TabContent","#rif-TabContent"]) {
+			$("#unitaRicerca").val("verso");
+			var tabsContent=$(i).find(".tab-pane:not(:first)");
+			if ($(tabsContent).length) {
+				var claIdNum = '';
+    			$(tabsContent).each(function(){
+					claIdNum = $(this)[0].id.substring(3);
+					delete window["context" + claIdNum];
+					$(this).remove();
+				});
+			};
+			claListLen = 0;
+			rifListLen = 0;
+			condListLen = 0;
+			condListRifLen = 0;
+			tabID = 0;
+			rifID = 100;
+			$('#sortable0').html(emptyClaList);	
+			$('#sortableRif0').html(emptyRifList);
+			$("#collapseLogicCla").collapse('show');	
+		};	
+	};
+
+	function resetRif(rifIdNum) {
+		var claRifListItemId = "li-claRif" + rifIdNum;
+		var claRifSubParList = $("#" + claRifListItemId).find("select, input");
+			claRifSubParList.each(function(){
+				var claSubParType = $(this)[0].type;
+				if (claSubParType == "select-one" && $(this)[0].selectedIndex != 0) {
+					$(this)[0].selectedIndex = 0;
+				};
+				if (claSubParType == "text" && $(this)[0].value) {
+					$(this)[0].value = "";
+				};
+			});
+		resetContext(rifIdNum);
+		queryJson["Riferimento" + rifIdNum] = JSON.parse('{}');
+		queryJson["Riferimento" + rifIdNum].contesto = JSON.stringify(window["context" + rifIdNum]);		
+	};
+	
+	function parseContext(claIdNum) {
+		var context = window["context" + claIdNum];
+		var contextStringParts = ["","",""];
+		var contextString = [];
+		var rangeHolderS = 0;
+		var rangeHolderE = -1;
+		var lastElem = "";
+		var totCan = 0;
+		for (var i=0; i < 3; i++) {
+			for (var j=0; j <= context[i].length; j++) {
+				if (context[i][j] == 1) {
+					if (j == (rangeHolderE+1)) {
+						rangeHolderE++;
+					} else {
+						rangeHolderS = j;
+						rangeHolderE = j;
+					};
+					totCan++;
+				} else {
+					if (rangeHolderE >= 0) {
+						if ( rangeHolderS == rangeHolderE) {
+							lastElem = (rangeHolderE+1);
+						} else {
+							lastElem = (rangeHolderS+1) + "-" + (rangeHolderE+1);
+						};
+						rangeHolderE = -1;
+					};
+				};
+				if (lastElem != "") {
+					if (contextStringParts[i] == "") {
+						contextStringParts[i] = " " + canticheList[i] + " [" + lastElem;
+					} else {
+						contextStringParts[i] = contextStringParts[i] + "," + lastElem;
+					};
+					lastElem = "";
+				};
+			};
+			rangeHolderS = 0;
+			rangeHolderE = -1;
+			if (contextStringParts[i] != "") {
+				contextStringParts[i] = contextStringParts[i] + "]"
+				contextString.push(contextStringParts[i]);
+			}
+		};
+		if ((contextString.toString() != "") && (totCan < 100)) {
+			$("#contextText-xX" + claIdNum).html(contextString.toString()+".");
+		} else {
+			resetContext(claIdNum)
+		}
+	};
+	
+	managePage = function () {
+		if (currPage == 0){
+			numeroPagine = Math.ceil(numeroContesti/nRisultatiPerPag);
+			$("#paginaLista option").remove();
+			for (let i = 1; i <= numeroPagine; i++) {
+				$('#paginaLista').append(`<option value="${i}">${i+'/'+numeroPagine}</option>`);
+			};
+			$("#pagPrecedente").addClass("disabled");
+			if (numeroPagine > 1) {
+				$("#pagSuccessiva").removeClass("disabled")
+			} else {
+				$("#pagSuccessiva").addClass("disabled")
+			};
+			currPage = 1;
+		} else {
+			if ((currPage == 1) && (currPage == numeroPagine)) {
+				$("#pagPrecedente").addClass("disabled")
+				$("#pagSuccessiva").addClass("disabled")		
+			} else {
+				if (currPage == 1) {
+					$("#pagPrecedente").addClass("disabled")
+					$("#pagSuccessiva").removeClass("disabled")
+				} else {
+					if (currPage == numeroPagine) {
+						$("#pagPrecedente").removeClass("disabled")
+						$("#pagSuccessiva").addClass("disabled")		
+					} else {
+						$("#pagPrecedente").removeClass("disabled")
+						$("#pagSuccessiva").removeClass("disabled")								
+					}				
+				}
+			};
+		};
+		if (isSearchRiferimenti) {
+			manageRisultatoCommmenti((currPage - 1) * nRisultatiPerPag, nRisultatiPerPag)
+
+		} else {
+			$.manageResultList((currPage - 1) * nRisultatiPerPag, nRisultatiPerPag);
+
+		}
+		if (latestPhraseId != "") {
+			document.getElementById(latestPhraseId).scrollIntoView({
+					behavior: "smooth",
+				});
+			latestPhraseId = "";
+		}
+	};
+	
+	function incSize(currentSize, incr, min, max) {
+		fSize = Math.max((parseFloat(currentSize) + incr) % max, min);
+		return (fSize) + 'px';
+	};
+
+	function setStyle(newStyle, fadeDuration = 700) {
+		if (newStyle != currStyle) {
+			var bgImgEl = document.createElement("IMG");
+			bgImgEl.id = "bgImg";
+			currStyle = newStyle;
+			switch (newStyle) {
+				case "style1":
+					$("body").fadeOut(fadeDuration, function() {
+						bgImgEl.src = bgImgUrl1;
+						$("#style1-Boot").prop('disabled', false);
+						$("#style1-Custom").prop('disabled', false);
+						$("#style2-Boot").prop('disabled', true);
+						$("#style2-Custom").prop('disabled', true);
+						$("body").fadeIn(fadeDuration);
+						});
+					break;
+				case "style2":
+					$("body").fadeOut(fadeDuration, function() {
+						bgImgEl.src = bgImgUrl2;
+						$("#style2-Boot").prop('disabled', false);
+						$("#style2-Custom").prop('disabled', false);
+						$("#style1-Boot").prop('disabled', true);
+						$("#style1-Custom").prop('disabled', true);
+						$("body").fadeIn(fadeDuration);
+						});
+					break;
+				default:
+			};
+		$('#bgImg').replaceWith(bgImgEl);
+		drawMinimap(currentMinimap, false, 0);
+		Cookies.set('LiDa_style', newStyle);		};
+	};
+
+	var cantoHeightToSet = $("body")[0].clientHeight*cssCantoHeight;
+	var maxCantoHeightToSet = $("body")[0].clientHeight*cssTableMainHeight-110; // 63 padding top + 47 margine bottom
+	$(visCantoClass).css("max-height", maxCantoHeightToSet);	
+	$(visCantoClass).css("height", cantoHeightToSet);	
+	$(displayCantoId).css("max-height", maxCantoHeightToSet);	
+	$(displayCantoId).css("height", cantoHeightToSet);
+	
+});
+
+$(window).on('load', function() {
+	var cantoHeightToSet = $("body")[0].clientHeight*cssCantoHeight;
+	var maxCantoHeightToSet = $("body")[0].clientHeight*cssTableMainHeight-110; // 63 padding top + 47 margine bottom
+	$(visCantoClass).css("max-height", maxCantoHeightToSet);	
+	$(visCantoClass).css("height", cantoHeightToSet);	
+	$(displayCantoId).css("max-height", maxCantoHeightToSet);	
+	$(displayCantoId).css("height", cantoHeightToSet);
+	var bgImgEl = document.createElement("IMG");
+	bgImgEl.id = "bgImg";
+	switch (currStyle) {
+		case "style1":
+			bgImgEl.src = bgImgUrl1;
+			break;
+		case "style2":
+			bgImgEl.src = bgImgUrl2;
+			break;
+		default:
+	};
+	$('#bgImg').replaceWith(bgImgEl);
+});
+