Add mpp images and code

OA.html

@@ -137,21 +137,21 @@
 													<div class="col-sm-4">
 														<span class="label">Autore:</span>
 													</div>
-													<div class="col" id="artist"></div>
+													<div class="col author" id="artist"></div>
 												</div>
 
 												<div class="row mb-2" id="DT" style="display:none;">
 													<div class="col-sm-4">
 														<span class="label">Data:</span>
 													</div>
-													<div class="col" id="date"></div>
+													<div class="col date" id="date"></div>
 												</div>
 
 												<div class="row mb-2" id="SGTI" style="display:none;">
 													<div class="col-sm-4">
 														<span class="label">Soggetto:</span>
 													</div>
-													<div class="col" id="subject"></div>
+													<div class="col subject" id="subject"></div>
 												</div>
 
 												<div class="row mb-2" id="OGTD" style="display:none;">
@@ -231,42 +231,60 @@
 											<div id="catalogo_info" style="display:none;">
 												<div class="row mb-2" id="CAT_name">
 													<div class="col-sm-4">
-														<span class="label">Nome:</span>
+														<span class="label">Autore:</span>
 													</div>
-													<div class="col" id="catalog_name"></div>
+													<div class="col author" id="catalog_name"></div>
 												</div>
 												<div class="row mb-2" id="CAT_num">
 													<div class="col-sm-4">
-														<span class="label">Numero inventario:</span>
+														<span class="label">Data:</span>
 													</div>
-													<div class="col" id="catalog_name"></div>
+													<div class="col date" id="catalog_name"></div>
 												</div>
 												<div class="row mb-2" id="CAT_info">
+													<div class="col-sm-4">
+														<span class="label">Soggetto:</span>
+													</div>
+													<div class="col subject" id="catalog_name"></div>
+												</div>
+												<div class="row mb-2" id="CAT_BIBH">
+													<div class="col-sm-4">
+														<span class="label">Identificatore:</span>
+													</div>
+													<div class="col" id="catalog_id"></div>
+												</div>
+												<div class="row mb-2" id="CAT_CIT">
 													<div class="col-sm-4">
 														<span class="label">Descrizione:</span>
 													</div>
-													<div class="col" id="catalog_name"></div>
+													<div class="col" id="catalog_description"></div>
 												</div>
 											</div>
 
 											<div id="scheda_info" style="display:none;">
-												<div class="row mb-2" id="SCT_name">
+												<div class="row mb-2" id="SCT_aut">
 													<div class="col-sm-4">
-														<span class="label">Nome:</span>
+														<span class="label">Autore:</span>
 													</div>
-													<div class="col" id="scheda_name"></div>
+													<div class="col author" id="scheda_suthor"></div>
 												</div>
-												<div class="row mb-2" id="SCT_num">
+												<div class="row mb-2" id="SCT_date">
 													<div class="col-sm-4">
-														<span class="label">Numero scheda:</span>
+														<span class="label">Data:</span>
+													</div>
+													<div class="col date" id="scheda_time"></div>
+												</div>
+												<div class="row mb-2" id="SCT_sub">
+													<div class="col-sm-4">
+														<span class="label">Soggetto:</span>
 													</div>
-													<div class="col" id="scheda_name"></div>
+													<div class="col subject" id="scheda_subject"></div>
 												</div>
-												<div class="row mb-2" id="SCT_info">
+												<div class="row mb-2" id="SCT_des">
 													<div class="col-sm-4">
 														<span class="label">Descrizione:</span>
 													</div>
-													<div class="col" id="scheda_name"></div>
+													<div class="col" id="scheda_description">Scheda storica 1970-1990</div>
 												</div>
 											</div>
 
@@ -281,17 +299,35 @@
 										<div class="headInfo" id="head_image">
 											<h2 id="OA_images_titolo">Immagine <span id="img_title">Opera</span></h2>
 										</div>
-											<div class="border-grey center" id="image_body">
-												<div id="image_artwork">
-													<img class="viewImage" src="img/mpp_img/00000170e848f4658f120b2100c1002b006a007b.jpeg" />
+
+										<div class="row border-grey center">
+											<div class="col-3" id="image_min">
+												<div class="row" id="image_artwork_min">
+													<div class="col">
+														<img class="viewImage" src="img/mpp_img/00000170e848f4658f120b2100c1002b006a007b.jpeg" onclick="expandImg(this);" />
+													</div>
+												</div>
+												<div class="row center" id="image_scheda_min" style="display:none;">
+													<div class="col">
+														<img class="viewImage" src="img/mpp_img/00000171bb65f52199367c7600c1002b006a007b-1.jpg" onclick="expandImg(this);" />
+													</div>
+													<div class="col">
+														<img class="viewImage" src="img/mpp_img/0000017351b4ae0d11b0ff5100c1002b006a007b-1.jpg" onclick="expandImg(this);" />
+													</div>
 												</div>
-												<div class="center" id="image_scheda" style="display:none;">
-													<img class="viewImage" src="img/mpp_img/00000171bb65f52199367c7600c1002b006a007b-1.jpg" />
+												<div class="row center" id="image_catalog_min" style="display:none;">
+													
 												</div>
-												<div class="center" id="image_catalog" style="display:none;">
-													<img class="viewImage" src="img/mpp_img/0000017351b4ae0d11b0ff5100c1002b006a007b-1.jpg" />
+											</div>
+											<div class="col" id="image_body">
+
+												<div id="image_artwork">
+													<img id="expandedImg" class="viewImage" src="img/mpp_img/00000170e848f4658f120b2100c1002b006a007b.jpeg" />
 												</div>
+												
 											</div>
+										</div>
+
 									</div>
 								</div>
 							</div>