From f264bd78a48842c34fca21ae54c7421c66700d1f Mon Sep 17 00:00:00 2001
From: nicola <nicola@mbpdiniolaaloia.lan>
Date: Thu, 17 Nov 2022 17:49:34 +0100
Subject: [PATCH] Vampirizzato Cerca dove da Luca e inserito label Cantica

---
 NikBrowseSearchCombinedNew.html | 510 ++++++++++----------------------
 js/cesareBrowse.js              |  11 +-
 2 files changed, 163 insertions(+), 358 deletions(-)

diff --git a/NikBrowseSearchCombinedNew.html b/NikBrowseSearchCombinedNew.html
index 85ddd62..26b318c 100644
--- a/NikBrowseSearchCombinedNew.html
+++ b/NikBrowseSearchCombinedNew.html
@@ -629,10 +629,10 @@
 			</div>
 			<div class="col-md-5 pa4 pl6 " id="browseArea">
 				<div class="bg-washed-blue pv0">
-					<!-- <div class="availability f3 b labelCantica">
+					 <div class="availability f3 b labelCantica" style="display: none;">
 						<span>Inferno</span>
 					</div>
-					<div
+					<!--<div
 						class="measure f6 lh-copy text-secondary font-weight-lighter labelCanto">
 						<span>Canto I</span>
 					</div> -->
@@ -641,7 +641,7 @@
 						<!-- <textarea id="displaycanto" name="PagineCanti" readonly
 							style="resize: none" class="blog-main flex mb0 pb0 bg-washed-blue bn"
 							rows="20" cols="35"></textarea>  -->
-						<div class=" blog-main overflow-auto p-3 border text-muted" target='area' id="displaycanto" style="max-width: 500px; max-height: 600px;">
+						<div class=" blog-main overflow-auto p-3 border text-muted" target='area' id="displaycanto" style="max-width: 500px; max-height: 500px;">
 						
 						<!-- <div id="displaycanto" name="PagineCanti" class="blog-main flex mb0 pb0 bg-washed-blue bn"></div>-->
 
@@ -688,359 +688,159 @@
 					</a></li>
 				</ul>
 				<div class="tab-content" id="DoveInferno" style="display: none;">
-				<span>Inferno: </span>
-						<table >
-							<tr id="">
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno1"
-									href="#0" data-added="0"> I</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno2"
-									href="#0" data-added="0"> II</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno3"
-									href="#0" data-added="0"> III</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno4"
-									href="#0" data-added="0"> IV</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno5"
-									href="#0" data-added="0"> V</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno6"
-									href="#0" data-added="0"> VI</a></td>											
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno7"
-									href="#0" data-added="0"> VII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno8"
-									href="#0" data-added="0"> VIII</a></td>
-									
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso9"
-									href="#0" data-added="0"> IX</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso10"
-									href="#0" data-added="0"> X</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso11"
-									href="#0" data-added="0"> XI</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso12"
-									href="#0" data-added="0"> XII</a></td>
-							
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso13"
-									href="#0" data-added="0"> XIII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso14"
-									href="#0" data-added="0"> XIV</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso15"
-									href="#0" data-added="0"> XV</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso16"
-									href="#0" data-added="0"> XVI</a></td>
-							
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso17"
-									href="#0" data-added="0"> XVII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso18"
-									href="#0" data-added="0"> XVIII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso19"
-									href="#0" data-added="0"> XIX</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso20"
-									href="#0" data-added="0"> XX</a></td>
-							</tr>
-							<tr id="">
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso21"
-									href="#0" data-added="0"> XXI</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso22"
-									href="#0" data-added="0"> XXII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso23"
-									href="#0" data-added="0"> XXIII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso24"
-									href="#0" data-added="0"> XXIV</a></td>
+				<table id="selectableS" class="table table-responsive selCanti table-bordered table-sm ui-selectable">
+			<thead>
+			<tr>
+				<th><div class="small text-muted text-right">&nbsp;</div></th>
+				<th><div class="small text-muted">1</div></th>
+				<th><div class="small text-muted">2</div></th>
+				<th><div class="small text-muted">3</div></th>
+				<th><div class="small text-muted">4</div></th>
+				<th><div class="small text-muted">5</div></th>
+				<th><div class="small text-muted">6</div></th>
+				<th><div class="small text-muted">7</div></th>
+				<th><div class="small text-muted">8</div></th>
+				<th><div class="small text-muted">9</div></th>
+				<th><div class="small text-muted">10</div></th>
+				<th><div class="small text-muted">11</div></th>
+				<th><div class="small text-muted">12</div></th>
+				<th><div class="small text-muted">13</div></th>
+				<th><div class="small text-muted">14</div></th>
+				<th><div class="small text-muted">15</div></th>
+				<th><div class="small text-muted">16</div></th>
+				<th><div class="small text-muted">17</div></th>
+				<th><div class="small text-muted">18</div></th>
+				<th><div class="small text-muted">19</div></th>
+				<th><div class="small text-muted">20</div></th>
+				<th><div class="small text-muted">21</div></th>
+				<th><div class="small text-muted">22</div></th>
+				<th><div class="small text-muted">23</div></th>
+				<th><div class="small text-muted">24</div></th>
+				<th><div class="small text-muted">25</div></th>
+				<th><div class="small text-muted">26</div></th>
+				<th><div class="small text-muted">27</div></th>
+				<th><div class="small text-muted">28</div></th>
+				<th><div class="small text-muted">29</div></th>
+				<th><div class="small text-muted">30</div></th>
+				<th><div class="small text-muted">31</div></th>
+				<th><div class="small text-muted">32</div></th>
+				<th><div class="small text-muted">33</div></th>
+				<th><div class="small text-muted">34</div></th>
+			</tr>
+			</thead>
+			<tbody>
+			<tr>
+				<th><div class="small text-muted text-right">Inferno&nbsp;</div></th>
+				<td class="ui-widget-content ui-selectee" id="0_0"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_1"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_2"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_3"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_4"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_5"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_6"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_7"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_8"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_9"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_10"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_11"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_12"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_13"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_14"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_15"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_16"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_17"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_18"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_19"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_20"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_21"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_22"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_23"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_24"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_25"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_26"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_27"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_28"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_29"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_30"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_31"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_32"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="0_33"><div class=" px-1 border well">&nbsp;</div></td>
+			</tr>
+			<tr>
+				<th><div class="small text-muted text-right">Purgatorio&nbsp;</div></th>
+				<td class="ui-widget-content ui-selectee" id="1_0"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_1"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_2"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_3"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_4"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_5"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_6"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_7"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_8"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_9"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_10"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_11"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_12"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_13"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_14"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_15"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_16"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_17"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_18"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_19"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_20"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_21"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_22"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_23"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_24"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_25"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_26"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_27"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_28"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_29"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_30"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_31"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="1_32"><div class=" px-1 border well">&nbsp;</div></td>
+			</tr>
+			<tr>
+				<th><div class="small text-muted text-right">Paradiso&nbsp;</div></th>
+				<td class="ui-widget-content ui-selectee" id="2_0"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_1"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_2"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_3"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_4"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_5"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_6"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_7"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_8"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_9"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_10"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_11"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_12"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_13"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_14"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_15"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_16"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_17"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_18"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_19"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_20"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_21"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_22"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_23"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_24"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_25"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_26"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_27"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_28"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_29"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_30"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_31"><div class=" px-1 border well">&nbsp;</div></td>
+				<td class="ui-widget-content ui-selectee" id="2_32"><div class=" px-1 border well">&nbsp;</div></td>
+			</tr>
+			</tbody>
+		</table>
 
-							
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso25"
-									href="#0" data-added="0"> XXV</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso26"
-									href="#0" data-added="0"> XXVI</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso27"
-									href="#0" data-added="0"> XXVII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso28"
-									href="#0" data-added="0"> XXVIII</a></td>
-							
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso29"
-									href="#0" data-added="0"> XXIX</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso30"
-									href="#0" data-added="0"> XXX</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso31"
-									href="#0" data-added="0"> XXXI</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso32"
-									href="#0" data-added="0"> XXXII</a></td>
-						
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso33"
-									href="#0" data-added="0"> XXXIII</a></td>
-									<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso33"
-									href="#0" data-added="0"> XXXIV</a></td>
-							</tr>
-									
-					</table>
-					<span>Purgatorio: </span>
-								<table >
-									<tr id="">
-										<td class="pa2"><a
-											class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno1"
-											href="#0" data-added="0"> I</a></td>
-										<td class="pa2"><a
-											class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno2"
-											href="#0" data-added="0"> II</a></td>
-										<td class="pa2"><a
-											class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno3"
-											href="#0" data-added="0"> III</a></td>
-										<td class="pa2"><a
-											class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno4"
-											href="#0" data-added="0"> IV</a></td>
-								
-										<td class="pa2"><a
-											class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno5"
-											href="#0" data-added="0"> V</a></td>
-										<td class="pa2"><a
-											class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno6"
-											href="#0" data-added="0"> VI</a></td>											
-										<td class="pa2"><a
-											class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno7"
-											href="#0" data-added="0"> VII</a></td>
-										<td class="pa2"><a
-											class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno8"
-											href="#0" data-added="0"> VIII</a></td>
-									
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso9"
-									href="#0" data-added="0"> IX</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso10"
-									href="#0" data-added="0"> X</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso11"
-									href="#0" data-added="0"> XI</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso12"
-									href="#0" data-added="0"> XII</a></td>
-							
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso13"
-									href="#0" data-added="0"> XIII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso14"
-									href="#0" data-added="0"> XIV</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso15"
-									href="#0" data-added="0"> XV</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso16"
-									href="#0" data-added="0"> XVI</a></td>
-							
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso17"
-									href="#0" data-added="0"> XVII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso18"
-									href="#0" data-added="0"> XVIII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso19"
-									href="#0" data-added="0"> XIX</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso20"
-									href="#0" data-added="0"> XX</a></td>
-							</tr>
-							<tr id="">
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso21"
-									href="#0" data-added="0"> XXI</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso22"
-									href="#0" data-added="0"> XXII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso23"
-									href="#0" data-added="0"> XXIII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso24"
-									href="#0" data-added="0"> XXIV</a></td>
-
-							
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso25"
-									href="#0" data-added="0"> XXV</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso26"
-									href="#0" data-added="0"> XXVI</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso27"
-									href="#0" data-added="0"> XXVII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso28"
-									href="#0" data-added="0"> XXVIII</a></td>
-							
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso29"
-									href="#0" data-added="0"> XXIX</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso30"
-									href="#0" data-added="0"> XXX</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso31"
-									href="#0" data-added="0"> XXXI</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso32"
-									href="#0" data-added="0"> XXXII</a></td>
-						
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso33"
-									href="#0" data-added="0"> XXXIII</a></td>
-									<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso33"
-									href="#0" data-added="0"> XXXIV</a></td>
-							</tr>
-									
-					</table>
-					<span>Paradiso: </span>
-								<table >
-									<tr id="">
-										<td class="pa2"><a
-											class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno1"
-											href="#0" data-added="0"> I</a></td>
-										<td class="pa2"><a
-											class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno2"
-											href="#0" data-added="0"> II</a></td>
-										<td class="pa2"><a
-											class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno3"
-											href="#0" data-added="0"> III</a></td>
-										<td class="pa2"><a
-											class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno4"
-											href="#0" data-added="0"> IV</a></td>
-								
-										<td class="pa2"><a
-											class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno5"
-											href="#0" data-added="0"> V</a></td>
-										<td class="pa2"><a
-											class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno6"
-											href="#0" data-added="0"> VI</a></td>											
-										<td class="pa2"><a
-											class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno7"
-											href="#0" data-added="0"> VII</a></td>
-										<td class="pa2"><a
-											class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectInferno8"
-											href="#0" data-added="0"> VIII</a></td>
-									
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso9"
-									href="#0" data-added="0"> IX</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso10"
-									href="#0" data-added="0"> X</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso11"
-									href="#0" data-added="0"> XI</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso12"
-									href="#0" data-added="0"> XII</a></td>
-							
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso13"
-									href="#0" data-added="0"> XIII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso14"
-									href="#0" data-added="0"> XIV</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso15"
-									href="#0" data-added="0"> XV</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso16"
-									href="#0" data-added="0"> XVI</a></td>
-							
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso17"
-									href="#0" data-added="0"> XVII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso18"
-									href="#0" data-added="0"> XVIII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso19"
-									href="#0" data-added="0"> XIX</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso20"
-									href="#0" data-added="0"> XX</a></td>
-							</tr>
-							<tr id="">
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso21"
-									href="#0" data-added="0"> XXI</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso22"
-									href="#0" data-added="0"> XXII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso23"
-									href="#0" data-added="0"> XXIII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso24"
-									href="#0" data-added="0"> XXIV</a></td>
-
-							
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso25"
-									href="#0" data-added="0"> XXV</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso26"
-									href="#0" data-added="0"> XXVI</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso27"
-									href="#0" data-added="0"> XXVII</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso28"
-									href="#0" data-added="0"> XXVIII</a></td>
-							
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso29"
-									href="#0" data-added="0"> XXIX</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso30"
-									href="#0" data-added="0"> XXX</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso31"
-									href="#0" data-added="0"> XXXI</a></td>
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso32"
-									href="#0" data-added="0"> XXXII</a></td>
-						
-								<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso33"
-									href="#0" data-added="0"> XXXIII</a></td>
-									<td class="pa2"><a
-									class="f5 link dim br1 bn pa0 mb0 dib dark-green  selectParadiso33"
-									href="#0" data-added="0"> XXXIV</a></td>
-							</tr>
-									
-					</table>
 					</div>
 					<div id="cla-Advanced" style="display: none">
 
diff --git a/js/cesareBrowse.js b/js/cesareBrowse.js
index e88b866..eb5d3f3 100644
--- a/js/cesareBrowse.js
+++ b/js/cesareBrowse.js
@@ -28,6 +28,7 @@ $(document).ready(function() {
 			execQuery = new sparqlGenerator().stringify(jsonQuery);
 			executeQueryVersi(execQuery);
 			primaCanticaLoaded = true;
+			$(".labelCantica").attr('style', "display: block;");
 		}
 		else {
 			//$("#InfernoCanto_1").attr('style', 'display:block')
@@ -35,7 +36,7 @@ $(document).ready(function() {
 
 		}
 		
-		
+		$('.labelCantica span').html("Inferno");
 
 	});
 
@@ -49,6 +50,7 @@ $(document).ready(function() {
 			execQuery = new sparqlGenerator().stringify(jsonQuery);
 			executeQueryVersi(execQuery);
 			secondaCanticaLoaded = true;
+			$(".labelCantica").attr('style', "display: block;");
 		}
 		else {
 			//$("#PurgatorioCanto_1").attr('style', 'display:block')
@@ -56,7 +58,7 @@ $(document).ready(function() {
 
 		}
 		
-
+		$('.labelCantica span').html("Purgatorio");
 	});
 
 	//caricamento terza cantica
@@ -69,13 +71,16 @@ $(document).ready(function() {
 			execQuery = new sparqlGenerator().stringify(jsonQuery);
 			executeQueryVersi(execQuery);
 			terzaCanticaLoaded = true;
+			$(".labelCantica").attr('style', "display: block;");
 		}
 		else {
 			//$("#ParadisoCanto_1").attr('style', 'display:block')
 			$("#CantiParadiso").attr('style', 'display:block')
 
 		}
-		
+				
+		$('.labelCantica span').html("Paradiso");
+
 
 	});
 	var mmih=0