Changes made by Ingrid (footers?)

Former-commit-id: fd1aba38
Former-commit-id: e84f940c6311c321d6be001d40311b5ccfab5e62 [formerly 31a25ce292d778427123e7c0cbef468e9c141f94]
Former-commit-id: febdd90f7cb4e11d8f1ede04d7cf86bb202704bd

www/gallery.html

@@ -8,7 +8,7 @@
 	<div class="container-fluid col-sm-11 pull-right" id="selection" style="z-index: 1000;" >
 	<section class="galllerySelector">
 				
-
+<h2 class="section-title">Select by</h2>
 <p class="fontspacecss">This section allows you to browse the full collection of the museum. Make a selection bases on country and/or soil type (in WRB classification: 'Soil reference Group)'.
 				</br>Click on the image to get a high resolution image of the soil monolith or </br>click on the soil number and name (below the image) to access the soil and site information.</p>				
 				<label id='dropdown'>country : </label>
@@ -106,7 +106,9 @@ function getOwl(){
 			success: function(data) {
 				$("#classificationdropdownlist").append($("<option> </option>").val('0').html('all'));
 				$.each(data, function(key, value) {
-					var option = $("<option>").text(this.reference_soil_group).val(this.reference_soil_group);
+				var $value=this.reference_soil_group;
+					var option = $("<option>").text(this.reference_soil_group).val($value).attr('title',this.description);
+					//$("<option>").attr('title','test');
 					$("#classificationdropdownlist").append(option);
 				});		  
 			}
@@ -166,14 +168,15 @@ function getOwl(){
 							        	$table_content='';							
 										$hasvalue=true;
 											$filenamefield=field["filename"];
-											$titelclassification=field["latest_classification"];
+											//decided to select only on latest classification so classification means latest wrb classification $titelclassification=field["latest_classification"];
+											//$titelclassification=field["classification"];
 											$classification=field["classification"];
 											$code=field["filename"].slice(0,2) + field["filename"].slice(3,6);
 											$filenameWDef=$filenamefield.slice(0,10)
 											$fileCodeISIS=field["filename"].slice(0,2).toLowerCase() + field["filename"].slice(3,6) + "#block-system-main"
 											
 							
-											$table_content="<div class='item'> <a class='btn btn-outline-inverse btn-monolith btn-monolith-sm' href='http://www.rest.museum2.isric.org/monoliths/10per/png/{}.10per.png' target='_blank'><img alt='{}' title='{}'class='lazyOwl' src='http://www.rest.museum2.isric.org/monoliths/40_400/png/{}'></a></br><div class='btn btn-outline-inverse btnpopup btn-sm btn-popup' onClick='proxyPopulateAndOpenModal(event,\"modal-galeryISISDescription\",\"http://isis.isric.org/monoliths/reference-soil-{}\",\"{}\");' >{}:<br>{}<br>(more..)</div></div>".format($filenameWDef,$code,$code,$filenamefield, $fileCodeISIS,$classification,$code,$titelclassification) 
+											$table_content="<div class='item'> <a class='btn btn-outline-inverse btn-monolith btn-monolith-sm' href='http://www.rest.museum2.isric.org/monoliths/10per/png/{}.10per.png' target='_blank'><img alt='{}' title='{}'class='lazyOwl' src='http://www.rest.museum2.isric.org/monoliths/40_400/png/{}'></a></br><div class='btn btn-outline-inverse btnpopup btn-sm btn-popup' onClick='proxyPopulateAndOpenModal(event,\"modal-galeryISISDescription\",\"http://isis.isric.org/monoliths/reference-soil-{}\",\"{}\");' >{}:<br>{}<br>(more..)</div></div>".format($filenameWDef,$code,$code,$filenamefield, $fileCodeISIS,$classification,$code,$classification) 
 
 											owl.data('owlCarousel').addItem($table_content);
 											 
@@ -183,9 +186,7 @@ function getOwl(){
 							        	//console.timeEnd("async");
 							        }
 
-								})
-									
-								 
+								})				 
 							}
 							else //No information 
 							{
@@ -194,9 +195,7 @@ function getOwl(){
 								 //Remove the content
 								 owl=getOwl()
 							}	
-
 						});	
-
 				}); 	
 		})();
 </script>
\ No newline at end of file