diff --git a/js/cesareBrowse.js b/js/cesareBrowse.js
index 32a1864..3887086 100644
--- a/js/cesareBrowse.js
+++ b/js/cesareBrowse.js
@@ -28,6 +28,8 @@ $(document).ready(function() {
 	listarisultati = [];
 	listaPeriodiRisultato = [];
 	listaClausoleRisultato=[]
+	var commentsArray = []
+
 	var resultSentences = new Set()
 	//var displayId = 'displaycanto'
 	var cantiche=["Inferno", "Purgatorio","Paradiso"]
@@ -42,6 +44,8 @@ $(document).ready(function() {
 	var showOffset = 30; 
 	var idCitazione = "citazioneFrase";
 	
+	initComments();
+	
 	resetResult=function(){
 		//console.log('clean result')
 		cleanSearchResult()
@@ -899,6 +903,13 @@ function resetFrasi(){
 			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;
+					var idCommento = "Commento_"+idcantica+"_"+canto+"_"+verso;
+					if (getComments(idCommento) != null){
+						createCommentSpan(idCommento, elverso)
+					}
+					
 					if(currSentenceId!=null && currSentenceId != sentenceid){
 						createSpanPeriodiTag(closeSTag, 'c', formaItem[2]-1, currSentenceId, elverso)
 						currSentenceId=null
@@ -947,7 +958,97 @@ function resetFrasi(){
 		}
 		
 	}
+	
+	function createCommentSpan(idVerso, elementoverso) {
+		var spanoccorrenza = $('<button />')
+		spanoccorrenza.attr('id', idVerso)
+		spanoccorrenza.attr('class', 'btn btn-sm btn-outline-secondary showcomments px-1 pt-1 pb-0 ml-1');
+		var commentIcon = '<ion-icon name="attach"></ion-icon>';
+		spanoccorrenza.append(commentIcon)
+		spanoccorrenza.appendTo(elementoverso)
+		
 
+	}
+	
+	jQuery(document).delegate(' .showcomments', 'click', function() {
+		var cid = $(this).attr('id');
+		var commentText = getComments(cid);
+		if(commentText == null){
+			return
+		}
+		var commentArea = $('#displaynote');
+		var spanComment = $('<span />');
+		spanComment.append(commentText);
+		spanComment.appendTo(commentArea);
+		
+	})
+
+	function initComments(){
+		var commentsItem = {}
+			commentsItem['verso'] = "1_1_1";
+			commentsItem['annotazione'] = "qui si contempla il commento del verso ";
+			commentsItem['commentario'] = " Alessandro Vellutello 1554 ";
+			commentsItem['frammentoNota'] = "frammento";
+			commentsItem['testoVerso'] = "testo verso";
+			commentsArray.push(commentsItem);
+		
+		var commentsItem = {}
+	
+			commentsItem['verso'] = "1_1_5";
+			commentsItem['annotazione'] = "qui si contempla il commento del verso ";
+			commentsItem['commentario'] = " Alessandro Volta 1654 ";
+			commentsItem['frammentoNota'] = "frammento";
+			commentsItem['testoVerso'] = "testo verso";
+			commentsArray.push(commentsItem);
+		
+		var commentsItem = {}
+	
+			commentsItem['verso'] = "1_1_15";
+			commentsItem['annotazione'] = "qui si contempla il commento del verso ";
+			commentsItem['commentario'] = " Giuseppe Mazzini 1584 ";
+			commentsItem['frammentoNota'] = "frammento";
+			commentsItem['testoVerso'] = "testo verso";
+			commentsArray.push(commentsItem);
+		
+		var commentsItem = {}
+
+			commentsItem['verso'] = "1_1_18";
+			commentsItem['annotazione'] = "qui si contempla il commento del verso ";
+			commentsItem['commentario'] = " Alessandro Manzoni 1558 ";
+			commentsItem['frammentoNota'] = "frammento";
+			commentsItem['testoVerso'] = "testo verso";
+			commentsArray.push(commentsItem);	
+		var commentsItem = {}
+
+			commentsItem['verso'] = "2_1_10";
+			commentsItem['annotazione'] = "qui si contempla il commento del verso ";
+			commentsItem['commentario'] = " Carlo Felice 1557 ";
+			commentsItem['frammentoNota'] = "frammento";
+			commentsItem['testoVerso'] = "testo verso";
+			commentsArray.push(commentsItem);
+		var commentsItem = {}
+
+			commentsItem['verso'] = "3_1_7";
+			commentsItem['annotazione'] = "qui si contempla il commento del verso ";
+			commentsItem['commentario'] = " Alberto Miconi 1658 ";
+			commentsItem['frammentoNota'] = "frammento";
+			commentsItem['testoVerso'] = "testo verso";
+			commentsArray.push(commentsItem);	
+	}
+	
+	function getComments(cid){
+		
+		var id = cid.substr(9);
+		
+		for (var pos in commentsArray){
+			var comments = commentsArray[pos]
+			if (comments.verso == id){
+				return (comments.annotazione + comments.verso + " di" + comments.commentario+"<br>")
+			}
+		}
+		return null;
+	}
+	
 	function createSpanPeriodiTag(separator, catgramm, pos, sentenceid, elementoverso) {
 		var spanoccorrenza = $('<span />')
 		spanoccorrenza.attr('id', 'sep_'+pos)