(function () {

  var container = document.getElementById('popup2');
  var content = document.getElementById('popup-content');
  var closer = document.getElementById('popup-closer');

  var overlay = new ol.Overlay({
    element: container,
    autoPan: true,
    autoPanAnimation: {
      duration: 250,
    },
  });

  closer.onclick = function () {
    overlay.setPosition(undefined);
    closer.blur();
    return false;
  };
  


// PUNTI start ************************************************************************************
var style = [];

  

    
      var vectorList_38 = [];
      var iconList = [];
              style['660'] = {
                    'LineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'black',
              width: 3,
            }),
          }),
          'MultiLineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'black',
              width: 3,
            }),
          }),
          
        };
        // GPX start
                  var vectorgpx = new ol.layer.Vector({
            name: 'The Papermill Valley - Gaino',
            description: '<p style=\"text-align: justify;\"><span style=\"font-size: small;\">Leave the main road SS45 bis near the bridge in Toscolano and go into the &ldquo;Papermill Valley&rdquo;. Leave your car at the car park and keep walking along the charming dirt road past the &ldquo;Centro d&rsquo;Eccellenza&rdquo;&nbsp;in Maina Inferiore and as far as the bridge at Maina Superiore. Proceed along the valley as far as Gatto. The path goes up on the right along an old cobbled street. Keep to the left when you reach the paved street for about 200 m. until you get to a votive shrine (20 mins.). <br /><br/>Turn right to Via Giotto and after 50 m. turn right again into Via Donatello. Follow it on the right-hand side skirting the upper part of the historical centre and into the dirt lane of the &ldquo;Morosini&rdquo; and follow the ridge where you can enjoy an enchanting view of Gaino overlooking the lake. <br /><br/>Continue downhill among olive groves along a path to the fork on the right which will take you down to Maina (Papermill Valley). Turn left and follow the Toscolano river upstream on your right, as far as the Centro d&rsquo;Eccellenza (a visit is suggested), and walk back to the car park.</span></p><br/><p><span style=\"font-size: small;\">&nbsp;</span></p><br/><p><span style=\"font-size: small;\"><strong style=\"margin: 0px; outline: 0px; background: transparent;\">TRAVEL:</strong>&nbsp;on foot</span></p><br/><p><span style=\"font-size: small;\"><strong style=\"margin: 0px; outline: 0px; background: transparent;\">DIFFICULTY: </strong>easy</span></p><br/><p><span style=\"font-size: small;\"><strong style=\"margin: 0px; outline: 0px; background: transparent;\">DURATION:</strong>&nbsp;1:30 h</span></p><br/><p><span style=\"font-size: small;\"><strong style=\"margin: 0px; outline: 0px; background: transparent;\">DISTANCE:</strong>&nbsp;6 km</span></p><br/><p><span style=\"font-size: small;\"><strong style=\"margin: 0px; outline: 0px; background: transparent;\">ALTITUDE:</strong>&nbsp;220m</span></p>',
            source: new ol.source.Vector({
              url: ['/files/gpx/track_F.gpx'],
              radius: 0,
              format: new ol.format.GPX()
            }),
            style: function (feature) {
              return style['660'][feature.getGeometry().getType()];
            },
          });
          vectorList_38.push(vectorgpx);
        
              
      var iconLayer = new ol.layer.Vector({
        source: new ol.source.Vector({  
          features: iconList,
        }),
      });
      vectorList_38.push(iconLayer);
    
      var vectorList_a = [];
      var iconList = [];
              style['675'] = {
                    'Point': new ol.style.Style({
            image: new ol.style.Circle({
              fill: new ol.style.Fill({
                color: 'rgba(255,255,0,0.6)',
              }),
              radius: 10,
              stroke: new ol.style.Stroke({
                color: '#ff0',
                width: 1,
              }),
            }),
          }),
                    'LineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          'MultiLineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          
        };
        // GPX start
        
                  var t = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.fromLonLat([10.608602239785, 45.656037132268])),
            name: 'Caneto [Cané]',
            description: '<img src="/files/gpx_image/immagini-073.jpg" style="width:300px; max-width:100%; max-height:300px;"><br /><br />The first info about the existence of papermills in this valley dates back to the end of the XV Century. During the XVIII Century this locality, property of the Zuanelli family, was damaged by a flood. During the first half of the XIX Century the Simonellis restored some of the buildings and built a new paper mill. At the end of the century the Avanzini family, the last owner, added an oil mill.<br />'
          });
                      t.setStyle(
              new ol.style.Style({
                image: new ol.style.Circle({
                  fill: new ol.style.Fill({
                    color: 'red'
                  }),
                  radius: 8,
                  stroke: new ol.style.Stroke({
                    color: '#000000',
                    width: 1,
                  }),
                }),
              }),
            );
                    iconList.push(t);
                      style['676'] = {
                    'Point': new ol.style.Style({
            image: new ol.style.Circle({
              fill: new ol.style.Fill({
                color: 'rgba(255,255,0,0.6)',
              }),
              radius: 10,
              stroke: new ol.style.Stroke({
                color: '#ff0',
                width: 1,
              }),
            }),
          }),
                    'LineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          'MultiLineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          
        };
        // GPX start
        
                  var t = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.fromLonLat([10.610224140363, 45.658316502998])),
            name: 'Contrada [Cuntràda]',
            description: '<img src="/files/gpx_image/IMG_4465.jpg" style="width:300px; max-width:100%; max-height:300px;"><br /><br />Now reduced to a narrow mule track, the last part of the path going up the valley is studded with vaults of rooms buried by vegetation, and with more recent structure in reinforced concrete goint towards the river. These ruins were parts of the productive settlement of Contrada, that once occupied the final part of the valley, between Luseti and Lume.<br /><br/><br /><br/><span class=\"form-control-static\"><span style=\"color: rgb(255, 0, 0);\"><strong>WARNING The papermill Valley is closed from Luseti to Covoli</strong></span></span>'
          });
                      t.setStyle(
              new ol.style.Style({
                image: new ol.style.Circle({
                  fill: new ol.style.Fill({
                    color: 'red'
                  }),
                  radius: 8,
                  stroke: new ol.style.Stroke({
                    color: '#000000',
                    width: 1,
                  }),
                }),
              }),
            );
                    iconList.push(t);
                      style['677'] = {
                    'Point': new ol.style.Style({
            image: new ol.style.Circle({
              fill: new ol.style.Fill({
                color: 'rgba(255,255,0,0.6)',
              }),
              radius: 10,
              stroke: new ol.style.Stroke({
                color: '#ff0',
                width: 1,
              }),
            }),
          }),
                    'LineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          'MultiLineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          
        };
        // GPX start
        
                  var t = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.fromLonLat([10.609853367836, 45.662751596128])),
            name: 'Covoli [Cùegn/Cùei]',
            description: '<img src="/files/gpx_image/Copia_di_covoli.jpg" style="width:300px; max-width:100%; max-height:300px;"><br /><br /><span style=\"font-size: small;\">The first hydroelectric power station was built In Covoli, at the end of the valley, in 1899 and it lighted the Riviera. In this locality there there was also a papermill<br /><br/><br /><br/><strong><span style=\"color: rgb(255, 0, 0);\">WARNING This part of the Valley is temporarily closed</span></strong></span><br />'
          });
                      t.setStyle(
              new ol.style.Style({
                image: new ol.style.Circle({
                  fill: new ol.style.Fill({
                    color: 'red'
                  }),
                  radius: 8,
                  stroke: new ol.style.Stroke({
                    color: '#000000',
                    width: 1,
                  }),
                }),
              }),
            );
                    iconList.push(t);
                      style['680'] = {
                    'Point': new ol.style.Style({
            image: new ol.style.Circle({
              fill: new ol.style.Fill({
                color: 'rgba(255,255,0,0.6)',
              }),
              radius: 10,
              stroke: new ol.style.Stroke({
                color: '#ff0',
                width: 1,
              }),
            }),
          }),
                    'LineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          'MultiLineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          
        };
        // GPX start
        
                  var t = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.fromLonLat([10.610504154510712, 45.66082493865655])),
            name: 'Covoli\'s gorge',
            description: '<img src="/files/gpx_image/DSCF4102.JPG" style="width:300px; max-width:100%; max-height:300px;"><br /><br />At the end of the valley the road branches off into two  trails: the one on the right leads to a small tunnel carved into the rock (we invite you to walk through it only if equipped with a flashlight) that leads to the entrance of the gorge; the main one, on the left, leads to the Camerate Valley through a track, once made of wood, that crosses the gorge. The sight offered by the nature, with the carved rocks, the river and the vegetation is amazing.<br /><br/><span style=\"color: rgb(255, 0, 0);\"><strong><br /><br/>WARNING This part of the Valley is temporarily closed<br /><br/></strong></span>'
          });
                      t.setStyle(
              new ol.style.Style({
                image: new ol.style.Circle({
                  fill: new ol.style.Fill({
                    color: 'red'
                  }),
                  radius: 8,
                  stroke: new ol.style.Stroke({
                    color: '#000000',
                    width: 1,
                  }),
                }),
              }),
            );
                    iconList.push(t);
                      style['678'] = {
                    'Point': new ol.style.Style({
            image: new ol.style.Circle({
              fill: new ol.style.Fill({
                color: 'rgba(255,255,0,0.6)',
              }),
              radius: 10,
              stroke: new ol.style.Stroke({
                color: '#ff0',
                width: 1,
              }),
            }),
          }),
                    'LineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          'MultiLineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          
        };
        // GPX start
        
                  var t = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.fromLonLat([10.610017, 45.657481])),
            name: 'Gatto [Gat]',
            description: '<img src="/files/gpx_image/Copia_di_cartiera-gatto.jpg" style="width:300px; max-width:100%; max-height:300px;"><br /><br />The locality at the end of the road, before the bridge that crosses the river, is today known as Gatto (G&agrave;t), its name may derives from its owner epithet. <br /><br/>Since 2002 an archaeological excavation brought to light the semibasement of a building, origanally structured on several storeys and with a channel on its west side. The oldest ruins date back to the XV Century. <br /><br/>During the 1800s some of the spaces were abandoned and a stone bridge was built on the ruins. This bridge was then rebuilt with the construction of the new road between 1871 and 1878, and it finally fell down due to a flood. The paper mill was completely abandoned at the end of the XIX Century.'
          });
                      t.setStyle(
              new ol.style.Style({
                image: new ol.style.Circle({
                  fill: new ol.style.Fill({
                    color: 'red'
                  }),
                  radius: 8,
                  stroke: new ol.style.Stroke({
                    color: '#000000',
                    width: 1,
                  }),
                }),
              }),
            );
                    iconList.push(t);
                      style['679'] = {
                    'Point': new ol.style.Style({
            image: new ol.style.Circle({
              fill: new ol.style.Fill({
                color: 'rgba(255,255,0,0.6)',
              }),
              radius: 10,
              stroke: new ol.style.Stroke({
                color: '#ff0',
                width: 1,
              }),
            }),
          }),
                    'LineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          'MultiLineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          
        };
        // GPX start
        
                  var t = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.fromLonLat([10.611468609507, 45.659592851797])),
            name: 'Lume [Löm]',
            description: '<img src="/files/gpx_image/Copia_di_agricola2.jpg" style="width:300px; max-width:100%; max-height:300px;"><br /><br />According to a popular tradition the name Lume is due to the presence of a lamp (<em>l&ouml;m</em> in dialect) that used to light up at night. However, considered its close position to the end of the valley, it may derives from the latin word limes that means border-limit. Lume is characterized by the presence of an olive grow on embankments, typical of the Riviera.<br /><br/><br /><br/><p class=\"MsoNormal\"><span style=\"color: rgb(255, 0, 0);\"><strong><span new=\"\" lang=\"EN-GB\">WARNING This part of the Valley is temporarily closed</span></strong></span><strong><span style=\"font-family:\" new=\"\" lang=\"EN-GB\"><br /><br/></span></strong></p><br/><!--[if gte mso 9]><xml><br/><o:OfficeDocumentSettings><br/><o:AllowPNG /><br/></o:OfficeDocumentSettings><br/></xml><![endif]--><!--[if gte mso 9]><xml><br/><w:WordDocument><br/><w:View>Normal</w:View><br/><w:Zoom>0</w:Zoom><br/><w:TrackMoves /><br/><w:TrackFormatting /><br/><w:HyphenationZone>14</w:HyphenationZone><br/><w:PunctuationKerning /><br/><w:ValidateAgainstSchemas /><br/><w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid><br/><w:IgnoreMixedContent>false</w:IgnoreMixedContent><br/><w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText><br/><w:DoNotPromoteQF /><br/><w:LidThemeOther>IT</w:LidThemeOther><br/><w:LidThemeAsian>X-NONE</w:LidThemeAsian><br/><w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript><br/><w:Compatibility><br/><w:BreakWrappedTables /><br/><w:SnapToGridInCell /><br/><w:WrapTextWithPunct /><br/><w:UseAsianBreakRules /><br/><w:DontGrowAutofit /><br/><w:SplitPgBreakAndParaMark /><br/><w:EnableOpenTypeKerning /><br/><w:DontFlipMirrorIndents /><br/><w:OverrideTableStyleHps /><br/></w:Compatibility><br/><m:mathPr><br/><m:mathFont m:val=\"Cambria Math\" /><br/><m:brkBin m:val=\"before\" /><br/><m:brkBinSub m:val=\"&#45;-\" /><br/><m:smallFrac m:val=\"off\" /><br/><m:dispDef /><br/><m:lMargin m:val=\"0\" /><br/><m:rMargin m:val=\"0\" /><br/><m:defJc m:val=\"centerGroup\" /><br/><m:wrapIndent m:val=\"1440\" /><br/><m:intLim m:val=\"subSup\" /><br/><m:naryLim m:val=\"undOvr\" /><br/></m:mathPr></w:WordDocument><br/></xml><![endif]--><!--[if gte mso 9]><xml><br/><w:LatentStyles DefLockedState=\"false\" DefUnhideWhenUsed=\"true\"<br/>DefSemiHidden=\"true\" DefQFormat=\"false\" DefPriority=\"99\"<br/>LatentStyleCount=\"267\"><br/><w:LsdException Locked=\"false\" Priority=\"0\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Normal\" /><br/><w:LsdException Locked=\"false\" Priority=\"9\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"heading 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"9\" QFormat=\"true\" Name=\"heading 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"9\" QFormat=\"true\" Name=\"heading 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"9\" QFormat=\"true\" Name=\"heading 4\" /><br/><w:LsdException Locked=\"false\" Priority=\"9\" QFormat=\"true\" Name=\"heading 5\" /><br/><w:LsdException Locked=\"false\" Priority=\"9\" QFormat=\"true\" Name=\"heading 6\" /><br/><w:LsdException Locked=\"false\" Priority=\"9\" QFormat=\"true\" Name=\"heading 7\" /><br/><w:LsdException Locked=\"false\" Priority=\"9\" QFormat=\"true\" Name=\"heading 8\" /><br/><w:LsdException Locked=\"false\" Priority=\"9\" QFormat=\"true\" Name=\"heading 9\" /><br/><w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 4\" /><br/><w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 5\" /><br/><w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 6\" /><br/><w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 7\" /><br/><w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 8\" /><br/><w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 9\" /><br/><w:LsdException Locked=\"false\" Priority=\"35\" QFormat=\"true\" Name=\"caption\" /><br/><w:LsdException Locked=\"false\" Priority=\"10\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Title\" /><br/><w:LsdException Locked=\"false\" Priority=\"1\" Name=\"Default Paragraph Font\" /><br/><w:LsdException Locked=\"false\" Priority=\"11\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Subtitle\" /><br/><w:LsdException Locked=\"false\" Priority=\"22\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Strong\" /><br/><w:LsdException Locked=\"false\" Priority=\"20\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Emphasis\" /><br/><w:LsdException Locked=\"false\" Priority=\"59\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Table Grid\" /><br/><w:LsdException Locked=\"false\" UnhideWhenUsed=\"false\" Name=\"Placeholder Text\" /><br/><w:LsdException Locked=\"false\" Priority=\"1\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"No Spacing\" /><br/><w:LsdException Locked=\"false\" Priority=\"60\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light Shading\" /><br/><w:LsdException Locked=\"false\" Priority=\"61\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light List\" /><br/><w:LsdException Locked=\"false\" Priority=\"62\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light Grid\" /><br/><w:LsdException Locked=\"false\" Priority=\"63\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Shading 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"64\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Shading 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"65\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium List 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"66\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium List 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"67\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"68\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"69\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"70\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Dark List\" /><br/><w:LsdException Locked=\"false\" Priority=\"71\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful Shading\" /><br/><w:LsdException Locked=\"false\" Priority=\"72\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful List\" /><br/><w:LsdException Locked=\"false\" Priority=\"73\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful Grid\" /><br/><w:LsdException Locked=\"false\" Priority=\"60\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light Shading Accent 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"61\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light List Accent 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"62\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light Grid Accent 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"63\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Shading 1 Accent 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"64\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Shading 2 Accent 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"65\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium List 1 Accent 1\" /><br/><w:LsdException Locked=\"false\" UnhideWhenUsed=\"false\" Name=\"Revision\" /><br/><w:LsdException Locked=\"false\" Priority=\"34\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"List Paragraph\" /><br/><w:LsdException Locked=\"false\" Priority=\"29\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Quote\" /><br/><w:LsdException Locked=\"false\" Priority=\"30\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Intense Quote\" /><br/><w:LsdException Locked=\"false\" Priority=\"66\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium List 2 Accent 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"67\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 1 Accent 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"68\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 2 Accent 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"69\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 3 Accent 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"70\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Dark List Accent 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"71\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful Shading Accent 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"72\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful List Accent 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"73\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful Grid Accent 1\" /><br/><w:LsdException Locked=\"false\" Priority=\"60\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light Shading Accent 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"61\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light List Accent 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"62\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light Grid Accent 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"63\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Shading 1 Accent 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"64\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Shading 2 Accent 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"65\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium List 1 Accent 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"66\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium List 2 Accent 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"67\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 1 Accent 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"68\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 2 Accent 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"69\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 3 Accent 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"70\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Dark List Accent 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"71\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful Shading Accent 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"72\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful List Accent 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"73\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful Grid Accent 2\" /><br/><w:LsdException Locked=\"false\" Priority=\"60\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light Shading Accent 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"61\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light List Accent 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"62\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light Grid Accent 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"63\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Shading 1 Accent 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"64\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Shading 2 Accent 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"65\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium List 1 Accent 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"66\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium List 2 Accent 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"67\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 1 Accent 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"68\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 2 Accent 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"69\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 3 Accent 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"70\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Dark List Accent 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"71\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful Shading Accent 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"72\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful List Accent 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"73\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful Grid Accent 3\" /><br/><w:LsdException Locked=\"false\" Priority=\"60\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light Shading Accent 4\" /><br/><w:LsdException Locked=\"false\" Priority=\"61\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light List Accent 4\" /><br/><w:LsdException Locked=\"false\" Priority=\"62\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light Grid Accent 4\" /><br/><w:LsdException Locked=\"false\" Priority=\"63\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Shading 1 Accent 4\" /><br/><w:LsdException Locked=\"false\" Priority=\"64\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Shading 2 Accent 4\" /><br/><w:LsdException Locked=\"false\" Priority=\"65\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium List 1 Accent 4\" /><br/><w:LsdException Locked=\"false\" Priority=\"66\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium List 2 Accent 4\" /><br/><w:LsdException Locked=\"false\" Priority=\"67\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 1 Accent 4\" /><br/><w:LsdException Locked=\"false\" Priority=\"68\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 2 Accent 4\" /><br/><w:LsdException Locked=\"false\" Priority=\"69\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 3 Accent 4\" /><br/><w:LsdException Locked=\"false\" Priority=\"70\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Dark List Accent 4\" /><br/><w:LsdException Locked=\"false\" Priority=\"71\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful Shading Accent 4\" /><br/><w:LsdException Locked=\"false\" Priority=\"72\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful List Accent 4\" /><br/><w:LsdException Locked=\"false\" Priority=\"73\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful Grid Accent 4\" /><br/><w:LsdException Locked=\"false\" Priority=\"60\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light Shading Accent 5\" /><br/><w:LsdException Locked=\"false\" Priority=\"61\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light List Accent 5\" /><br/><w:LsdException Locked=\"false\" Priority=\"62\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light Grid Accent 5\" /><br/><w:LsdException Locked=\"false\" Priority=\"63\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Shading 1 Accent 5\" /><br/><w:LsdException Locked=\"false\" Priority=\"64\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Shading 2 Accent 5\" /><br/><w:LsdException Locked=\"false\" Priority=\"65\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium List 1 Accent 5\" /><br/><w:LsdException Locked=\"false\" Priority=\"66\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium List 2 Accent 5\" /><br/><w:LsdException Locked=\"false\" Priority=\"67\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 1 Accent 5\" /><br/><w:LsdException Locked=\"false\" Priority=\"68\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 2 Accent 5\" /><br/><w:LsdException Locked=\"false\" Priority=\"69\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 3 Accent 5\" /><br/><w:LsdException Locked=\"false\" Priority=\"70\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Dark List Accent 5\" /><br/><w:LsdException Locked=\"false\" Priority=\"71\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful Shading Accent 5\" /><br/><w:LsdException Locked=\"false\" Priority=\"72\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful List Accent 5\" /><br/><w:LsdException Locked=\"false\" Priority=\"73\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful Grid Accent 5\" /><br/><w:LsdException Locked=\"false\" Priority=\"60\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light Shading Accent 6\" /><br/><w:LsdException Locked=\"false\" Priority=\"61\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light List Accent 6\" /><br/><w:LsdException Locked=\"false\" Priority=\"62\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Light Grid Accent 6\" /><br/><w:LsdException Locked=\"false\" Priority=\"63\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Shading 1 Accent 6\" /><br/><w:LsdException Locked=\"false\" Priority=\"64\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Shading 2 Accent 6\" /><br/><w:LsdException Locked=\"false\" Priority=\"65\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium List 1 Accent 6\" /><br/><w:LsdException Locked=\"false\" Priority=\"66\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium List 2 Accent 6\" /><br/><w:LsdException Locked=\"false\" Priority=\"67\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 1 Accent 6\" /><br/><w:LsdException Locked=\"false\" Priority=\"68\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 2 Accent 6\" /><br/><w:LsdException Locked=\"false\" Priority=\"69\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Medium Grid 3 Accent 6\" /><br/><w:LsdException Locked=\"false\" Priority=\"70\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Dark List Accent 6\" /><br/><w:LsdException Locked=\"false\" Priority=\"71\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful Shading Accent 6\" /><br/><w:LsdException Locked=\"false\" Priority=\"72\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful List Accent 6\" /><br/><w:LsdException Locked=\"false\" Priority=\"73\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" Name=\"Colorful Grid Accent 6\" /><br/><w:LsdException Locked=\"false\" Priority=\"19\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Subtle Emphasis\" /><br/><w:LsdException Locked=\"false\" Priority=\"21\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Intense Emphasis\" /><br/><w:LsdException Locked=\"false\" Priority=\"31\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Subtle Reference\" /><br/><w:LsdException Locked=\"false\" Priority=\"32\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Intense Reference\" /><br/><w:LsdException Locked=\"false\" Priority=\"33\" SemiHidden=\"false\"<br/>UnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Book Title\" /><br/><w:LsdException Locked=\"false\" Priority=\"37\" Name=\"Bibliography\" /><br/><w:LsdException Locked=\"false\" Priority=\"39\" QFormat=\"true\" Name=\"TOC Heading\" /><br/></w:LatentStyles><br/></xml><![endif]--><!--[if gte mso 10]><br/><style><br/>/* Style Definitions */<br/>table.MsoNormalTable<br/>{mso-style-name:\"Tabella normale\";<br/>mso-tstyle-rowband-size:0;<br/>mso-tstyle-colband-size:0;<br/>mso-style-noshow:yes;<br/>mso-style-priority:99;<br/>mso-style-parent:\"\";<br/>mso-padding-alt:0cm 5.4pt 0cm 5.4pt;<br/>mso-para-margin-top:0cm;<br/>mso-para-margin-right:0cm;<br/>mso-para-margin-bottom:10.0pt;<br/>mso-para-margin-left:0cm;<br/>line-height:115%;<br/>mso-pagination:widow-orphan;<br/>font-size:11.0pt;<br/>font-family:\"Calibri\",\"sans-serif\";<br/>mso-ascii-font-family:Calibri;<br/>mso-ascii-theme-font:minor-latin;<br/>mso-hansi-font-family:Calibri;<br/>mso-hansi-theme-font:minor-latin;<br/>mso-bidi-font-family:\"Times New Roman\";<br/>mso-bidi-theme-font:minor-bidi;<br/>mso-fareast-language:EN-US;}<br/></style><br/><![endif]-->'
          });
                      t.setStyle(
              new ol.style.Style({
                image: new ol.style.Circle({
                  fill: new ol.style.Fill({
                    color: 'red'
                  }),
                  radius: 8,
                  stroke: new ol.style.Stroke({
                    color: '#000000',
                    width: 1,
                  }),
                }),
              }),
            );
                    iconList.push(t);
                      style['681'] = {
                    'Point': new ol.style.Style({
            image: new ol.style.Circle({
              fill: new ol.style.Fill({
                color: 'rgba(255,255,0,0.6)',
              }),
              radius: 10,
              stroke: new ol.style.Stroke({
                color: '#ff0',
                width: 1,
              }),
            }),
          }),
                    'LineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          'MultiLineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          
        };
        // GPX start
        
                  var t = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.fromLonLat([10.610100283346831, 45.65844105677631])),
            name: 'Luseti',
            description: 'Thanks to the Association &ldquo;Amici di Luseti&rdquo;, that restored the ancient paper mill, the building has been converted into a scout camp. The production complex of Luseti had always been one of the biggest in the valley: as early as the second half of 1400s, the presence of several paper mills is documented here. At the end of the 1800s the big buildings extended towards the border with the adjacent locality of Contrada with which it formed a unique area. Going up the trail on the left of the fountain, we find the small church of Luseti entitled to S. Filippo and Giacomo, patron saints of paper makers <br /><br/><br /><br/><span style=\"color: rgb(255, 0, 0);\"><strong>WARNING: This part of the Valley is temporarily closed</strong></span><br />'
          });
                      t.setStyle(
              new ol.style.Style({
                image: new ol.style.Circle({
                  fill: new ol.style.Fill({
                    color: 'red'
                  }),
                  radius: 8,
                  stroke: new ol.style.Stroke({
                    color: '#000000',
                    width: 1,
                  }),
                }),
              }),
            );
                    iconList.push(t);
                      style['682'] = {
                    'Point': new ol.style.Style({
            image: new ol.style.Circle({
              fill: new ol.style.Fill({
                color: 'rgba(255,255,0,0.6)',
              }),
              radius: 10,
              stroke: new ol.style.Stroke({
                color: '#ff0',
                width: 1,
              }),
            }),
          }),
                    'LineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          'MultiLineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          
        };
        // GPX start
        
                  var t = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.fromLonLat([10.60472805075, 45.650956671815])),
            name: 'Maina di Mezzo',
            description: '<img src="/files/gpx_image/DSCF4125.JPG" style="width:300px; max-width:100%; max-height:300px;"><br /><br />The productive complex of Maina di Mezzo was once connected to Maina Inferiore through a small trail alongside the river, partially visible from the road. Between the end of the 1800s and the beginning of the 1900s there were several buildings, that worked untill the first half of the 1900s. The lush vegetation shows only some of the structures among which the big stone vat stands out. This stone dates back to the XIX Century and it is upon a load-bearing pillar of the factory closer to the river. In 2007 part of one of the buildings in Maina di Mezzo was brought to light thanks to the archaeological excavation by Padova University'
          });
                      t.setStyle(
              new ol.style.Style({
                image: new ol.style.Circle({
                  fill: new ol.style.Fill({
                    color: 'red'
                  }),
                  radius: 8,
                  stroke: new ol.style.Stroke({
                    color: '#000000',
                    width: 1,
                  }),
                }),
              }),
            );
                    iconList.push(t);
                      style['684'] = {
                    'Point': new ol.style.Style({
            image: new ol.style.Circle({
              fill: new ol.style.Fill({
                color: 'rgba(255,255,0,0.6)',
              }),
              radius: 10,
              stroke: new ol.style.Stroke({
                color: '#ff0',
                width: 1,
              }),
            }),
          }),
                    'LineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          'MultiLineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          
        };
        // GPX start
        
                  var t = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.fromLonLat([10.60418403364, 45.649963002323])),
            name: 'Maina Inferiore',
            description: '<img src="/files/gpx_image/Maina_inferiore.jpg" style="width:300px; max-width:100%; max-height:300px;"><br /><br />The oldest part of this paper mill dates back to the XV Century, it was then enlarged at the end of the XIX Century. <br /><br/>The paper mill ended its activity in 1962 and it&rsquo;s now the seat of the Paper Museum since 2007.'
          });
                      t.setStyle(
              new ol.style.Style({
                image: new ol.style.Circle({
                  fill: new ol.style.Fill({
                    color: 'red'
                  }),
                  radius: 8,
                  stroke: new ol.style.Stroke({
                    color: '#000000',
                    width: 1,
                  }),
                }),
              }),
            );
                    iconList.push(t);
                      style['683'] = {
                    'Point': new ol.style.Style({
            image: new ol.style.Circle({
              fill: new ol.style.Fill({
                color: 'rgba(255,255,0,0.6)',
              }),
              radius: 10,
              stroke: new ol.style.Stroke({
                color: '#ff0',
                width: 1,
              }),
            }),
          }),
                    'LineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          'MultiLineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          
        };
        // GPX start
        
                  var t = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.fromLonLat([10.605365, 45.652391])),
            name: 'Maina Superiore',
            description: '<img src="/files/gpx_image/Copia_di_DSCN5752.JPG" style="width:300px; max-width:100%; max-height:300px;"><br /><br />At the end of the XIX Century Maina Superiore was the main productive centre of this area and it represented the heart of a city made of factories, warehouse, channels, houses, gardens and tracks that filled the narrow valley floor. Here is the villa belonged to the Maffizzolis, leading personalities of the industrial development of the valley, and the ruins of their papermill. At the beginning of the XX Century the Maffizzolis abandoned this factory and moved the paper mill by the lake'
          });
                      t.setStyle(
              new ol.style.Style({
                image: new ol.style.Circle({
                  fill: new ol.style.Fill({
                    color: 'red'
                  }),
                  radius: 8,
                  stroke: new ol.style.Stroke({
                    color: '#000000',
                    width: 1,
                  }),
                }),
              }),
            );
                    iconList.push(t);
                      style['686'] = {
                    'Point': new ol.style.Style({
            image: new ol.style.Circle({
              fill: new ol.style.Fill({
                color: 'rgba(255,255,0,0.6)',
              }),
              radius: 10,
              stroke: new ol.style.Stroke({
                color: '#ff0',
                width: 1,
              }),
            }),
          }),
                    'LineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          'MultiLineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          
        };
        // GPX start
        
                  var t = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.fromLonLat([10.606969, 45.653928])),
            name: 'Vago [Vagh/Vach]',
            description: '<img src="/files/gpx_image/Copia_di_vago1.jpg" style="width:300px; max-width:100%; max-height:300px;"><br /><br /><div style=\"text-align: justify;\"><span style=\"font-size: small;\">This part of the valley may takes its name from the dialect word <em>vach</em>, that refers to the wet and fresh climate that helped the cultivation of olive trees and grapevines. The first building that we find, with its typical industrial features, dates back to the XIX Century and it still preserves the big tiled tanks of the dutch machine and other concrete tanks that recall the deposit of chimicals  used to bleach the pulp. Another building upstream, covered by vegetation, represents the eldest part of the productive complex of Vago.</span></div>'
          });
                      t.setStyle(
              new ol.style.Style({
                image: new ol.style.Circle({
                  fill: new ol.style.Fill({
                    color: 'red'
                  }),
                  radius: 8,
                  stroke: new ol.style.Stroke({
                    color: '#000000',
                    width: 1,
                  }),
                }),
              }),
            );
                    iconList.push(t);
                      style['687'] = {
                    'Point': new ol.style.Style({
            image: new ol.style.Circle({
              fill: new ol.style.Fill({
                color: 'rgba(255,255,0,0.6)',
              }),
              radius: 10,
              stroke: new ol.style.Stroke({
                color: '#ff0',
                width: 1,
              }),
            }),
          }),
                    'LineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          'MultiLineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: 'red',
              width: 3,
            }),
          }),
          
        };
        // GPX start
        
                  var t = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.fromLonLat([10.606623517149, 45.652427455979])),
            name: 'Vancinelle',
            description: 'Alongside the left bank of the river, the road took to a big building in Vancinelle, also known as Magazzino (warehouse) due to its use, built between 1852 and 1898, opposite to Maina Superiore, to which it was connceted  by a bridge. The name of this locality may derives from the vernacular version of the name Avanzini (Vansin&egrave;l) who were famous papermills owner.'
          });
                      t.setStyle(
              new ol.style.Style({
                image: new ol.style.Circle({
                  fill: new ol.style.Fill({
                    color: 'red'
                  }),
                  radius: 8,
                  stroke: new ol.style.Stroke({
                    color: '#000000',
                    width: 1,
                  }),
                }),
              }),
            );
                    iconList.push(t);
              
      var iconLayer = new ol.layer.Vector({
        source: new ol.source.Vector({  
          features: iconList,
        }),
      });
      vectorList_a.push(iconLayer);
    
      var vectorList_27 = [];
      var iconList = [];
              style['771'] = {
                    'Point': new ol.style.Style({
            image: new ol.style.Circle({
              fill: new ol.style.Fill({
                color: 'rgba(255,255,0,0.6)',
              }),
              radius: 10,
              stroke: new ol.style.Stroke({
                color: '#ff0',
                width: 1,
              }),
            }),
          }),
                    'LineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: '#e7ceb0',
              width: 3,
            }),
          }),
          'MultiLineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: '#e7ceb0',
              width: 3,
            }),
          }),
          
        };
        // GPX start
        
                  var t = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.fromLonLat([10.605244, 45.652062])),
            name: 'Maffizzoli Palace',
            description: '<img src="/files/gpx_image/Copia_di_scan-3.jpg" style="width:300px; max-width:100%; max-height:300px;"><br /><br />Property of the Maffizzoli family, famous paper makers. It was built on the side of the river at the entrance of Maina Superiore, that was the main paper production centre at the end of the 19th Century'
          });
                      t.setStyle(
              new ol.style.Style({
                image: new ol.style.Circle({
                  fill: new ol.style.Fill({
                    color: '#e7ceb0'
                  }),
                  radius: 8,
                  stroke: new ol.style.Stroke({
                    color: '#000000',
                    width: 1,
                  }),
                }),
              }),
            );
                    iconList.push(t);
              
      var iconLayer = new ol.layer.Vector({
        source: new ol.source.Vector({  
          features: iconList,
        }),
      });
      vectorList_27.push(iconLayer);
    
      var vectorList_24 = [];
      var iconList = [];
              style['725'] = {
                    'Point': new ol.style.Style({
            image: new ol.style.Circle({
              fill: new ol.style.Fill({
                color: 'rgba(255,255,0,0.6)',
              }),
              radius: 10,
              stroke: new ol.style.Stroke({
                color: '#ff0',
                width: 1,
              }),
            }),
          }),
                    'LineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: '#be6acd',
              width: 3,
            }),
          }),
          'MultiLineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: '#be6acd',
              width: 3,
            }),
          }),
          
        };
        // GPX start
        
                  var t = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.fromLonLat([10.609422185742, 45.657457385446])),
            name: 'St. Filippo and St. Giacomo\'s Church',
            description: '<img src="/files/gpx_image/chiesa.JPG" style="width:300px; max-width:100%; max-height:300px;"><br /><br />Small chapel realised during the 16th Century by the Tamagnini family. Dedicated to Filippo and Giacomo, protectors of paper makers.<br /><br/>Small and plain structure with beautiful stucco decorations made by Davide Rieti, famous sculptor who worked for the Dome in Sal&ograve; and fort the Inviolata\'s Curch in Riva del Garda.<br /><br/>Abandoned over a long time, the church has been taken to its original beauty thanks to recent restoration works.<br /><br/><span style=\"color: rgb(255, 0, 0);\"><strong><br /><br/>WARNING This part of the valley is temporarily closed</strong></span><br /><br/><br />'
          });
                      t.setStyle(
              new ol.style.Style({
                image: new ol.style.Circle({
                  fill: new ol.style.Fill({
                    color: '#be6acd'
                  }),
                  radius: 8,
                  stroke: new ol.style.Stroke({
                    color: '#000000',
                    width: 1,
                  }),
                }),
              }),
            );
                    iconList.push(t);
              
      var iconLayer = new ol.layer.Vector({
        source: new ol.source.Vector({  
          features: iconList,
        }),
      });
      vectorList_24.push(iconLayer);
    
      var vectorList_26 = [];
      var iconList = [];
              style['707'] = {
                    'Point': new ol.style.Style({
            image: new ol.style.Circle({
              fill: new ol.style.Fill({
                color: 'rgba(255,255,0,0.6)',
              }),
              radius: 10,
              stroke: new ol.style.Stroke({
                color: '#ff0',
                width: 1,
              }),
            }),
          }),
                    'LineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: '#3aa25f',
              width: 3,
            }),
          }),
          'MultiLineString': new ol.style.Style({
            stroke: new ol.style.Stroke({
              color: '#3aa25f',
              width: 3,
            }),
          }),
          
        };
        // GPX start
        
                  var t = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.fromLonLat([10.604170415888738, 45.64972537665636])),
            name: 'The Paper Museum',
            description: '<img src="/files/gpx_image/Maina_inferiore.jpg" style="width:300px; max-width:100%; max-height:300px;"><br /><br /><div><span style=\"font-size: small;\"><span style=\"line-height: 115%;\">The paper production centre in Maina Inferiore is a fascinating productive complex transformed in museum. The museum recalls the different phases of paper production from the Middle age to the 20<sup>th</sup> Century, through an evocative path from the 16<sup>th</sup> Century nucleus of the mill, where visitors find reproductions of machinery and instruments typical of paper production from 15<sup>th</sup> to 18<sup>th</sup> Century to the upper rooms dedicated to the evolution of paper production during the early phases of the Industrial Revolution. In exhibition there are also some findings from the archaeological excavations carried out in the Paper Mill Valley, some watermarks produced between the 16<sup>th</sup> and 18<sup>th</sup> Century, and a collection of books printed by the Paganinis, illustrious publishers who owned a print shop in Toscolano and Venice during the first half of the 16<sup>th</sup> Century. Besides guided tours and didactic workshops about the history of paper, The Centre organises cultural events and exhibitions.&nbsp;<br /><br/></span></span>Info&nbsp;<a href=\"https://www.valledellecartiere.it/it/\">www.valledellecartiere.it</a></div>'
          });
                      t.setStyle(
              new ol.style.Style({
                image: new ol.style.Circle({
                  fill: new ol.style.Fill({
                    color: '#3aa25f'
                  }),
                  radius: 8,
                  stroke: new ol.style.Stroke({
                    color: '#000000',
                    width: 1,
                  }),
                }),
              }),
            );
                    iconList.push(t);
              
      var iconLayer = new ol.layer.Vector({
        source: new ol.source.Vector({  
          features: iconList,
        }),
      });
      vectorList_26.push(iconLayer);
    
    

  
// PUNTI end ************************************************************************************

var view = new ol.View({
  center: ol.proj.transform([10.600677, 45.648558], 'EPSG:4326', 'EPSG:3857'),
  //maxZoom: 18,
  zoom: 14
})

  var map = new ol.Map({
    //controls: ol.control.defaults().extend([new ol.control.FullScreen()]),
    target: 'map',
    overlays: [overlay],
    layers: [
      // LAYOUT DELLA CARTINA
      new ol.layer.Group({
        title: 'Show', // A layer must have a title to appear in the layerswitcher
        layers: [
          new ol.layer.Group({
            title: 'Terrain', // A layer must have a title to appear in the layerswitcher
            type: 'base', // Setting the layers type to 'base' results in it having a radio button and only one base layer being visibile at a time
            combine: true, // Setting combine to true causes sub-layers to be hidden in the layerswitcher, only the parent is shown
            visible: false,
            layers: [
              new ol.layer.Tile({
                source: new ol.source.Stamen({
                  layer: 'terrain'
                })
              })
            ]
          }),
          new ol.layer.Tile({
            title: 'Elevation contour lines',
            type: 'base',
            source: new ol.source.XYZ({
              attributions: 'Tiles © <a href="https://services.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer">ArcGIS</a>',
               url: 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}', 
            }),
          }),
          new ol.layer.Tile({
            title: 'Satellite',
            type: 'base',
            source: new ol.source.XYZ({
              attributions: 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community',
               url: 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}.jpg', 
              maxZoom: 19,
            }),
          }),
          new ol.layer.Tile({
            title: 'Map', // A layer must have a title to appear in the layerswitcher
            type: 'base', // Again set this layer as a base layer
            visible: true,
            source: new ol.source.OSM()
          }),


        ]
      }),
      
      new ol.layer.Group({
        title: 'Papermill Valley - Gaino',
        fold: 'open',  // Adding a 'fold' property set to either 'open' or 'close' makes the group layer collapsible
        layers: [

                      new ol.layer.Group({
              title: '<div style="color:black; font-size:50px; line-height:11px; float:left; display: inline;">•</div> GPS TRACK',
              layers: vectorList_38
            }),
                      new ol.layer.Group({
              title: '<div style="color:red; font-size:50px; line-height:11px; float:left; display: inline;">•</div> Altro',
              layers: vectorList_a
            }),
                      new ol.layer.Group({
              title: '<div style="color:#e7ceb0; font-size:50px; line-height:11px; float:left; display: inline;">•</div> VILLAS AND PALACES',
              layers: vectorList_27
            }),
                      new ol.layer.Group({
              title: '<div style="color:#be6acd; font-size:50px; line-height:11px; float:left; display: inline;">•</div> CHURCHES',
              layers: vectorList_24
            }),
                      new ol.layer.Group({
              title: '<div style="color:#3aa25f; font-size:50px; line-height:11px; float:left; display: inline;">•</div> MUSEUMS AND PARKS',
              layers: vectorList_26
            }),
          
        ]
      }),

    ],
    view: view,
  });





 // GEOLOCALIZZAZIONE start ************************************************************************************

var geolocation = new ol.Geolocation({
    // enableHighAccuracy must be set to true to have the heading value.
    trackingOptions: {
      enableHighAccuracy: true,
    },
  projection: view.getProjection(),
});

function el(id) {
  return document.getElementById(id);
}

el('track').addEventListener('change', function () {
  geolocation.setTracking(this.checked);
});

geolocation.on('change', function () {
  el('accuracy').innerText = geolocation.getAccuracy() + ' [m]';
  el('altitude').innerText = geolocation.getAltitude() + ' [m]';
  el('altitudeAccuracy').innerText = geolocation.getAltitudeAccuracy() + ' [m]';
  el('heading').innerText = geolocation.getHeading() + ' [rad]'; 
  el('speed').innerText = geolocation.getSpeed() + ' [m/s]';
  el('position').innerText = geolocation.getPosition();
});

// handle geolocation error.
geolocation.on('error', function (error) {
  var info = document.getElementById('info-track');
  info.innerHTML = error.message;
  info.style.display = '';
});

var accuracyFeature = new ol.Feature();
geolocation.on('change:accuracyGeometry', function () {
  accuracyFeature.setGeometry(geolocation.getAccuracyGeometry());

  map.getView().animate({ center: geolocation.getPosition() }, { duration: 750 });
});

var positionFeature = new ol.Feature();
positionFeature.setStyle(
  new ol.style.Style({
    image: new ol.style.Circle({
      radius: 6,
      fill: new ol.style.Fill({
        color: '#3399CC',
      }),
      stroke: new ol.style.Stroke({
        color: '#fff',
        width: 2,
      }),
    }),
  })
);
// geolocation.on('change:position', function () {
geolocation.on('change', function () {
  var coordinates = geolocation.getPosition();
  positionFeature.setGeometry(coordinates ? new ol.geom.Point(coordinates) : null);
});

new ol.layer.Vector({
  map: map,
  source: new ol.source.Vector({
    features: [accuracyFeature, positionFeature],
  }),
});
// GEOLOCALIZZAZIONE end ************************************************************************************




// LINK To POINT start ************************************************************************************

// LINK To POINT end ************************************************************************************

// POPOUP start ************************************************************************************

  var element = document.getElementById('popup');

  var popup = new ol.Overlay({
    element: element,
    positioning: 'bottom-center',
    stopEvent: false,
    offset: [0, 0],
  });
  map.addOverlay(popup);

  map.on('singleclick', function (evt) {
    $(element).popover('dispose');
    var feature = map.forEachFeatureAtPixel(evt.pixel, function (feature) {
      return feature;
    });
    if (feature) {
      var coordinate = evt.coordinate;
      var hdms = ol.coordinate.toStringHDMS(ol.proj.toLonLat(coordinate));

      content.innerHTML = '<h4>' + feature.get('name') + '</h4><p>' + feature.get('description') + '</p><br><br><code>' + hdms + '</code>';
      overlay.setPosition(coordinate);
    }
  });

  // POPOUP end ************************************************************************************


  // Get out-of-the-map div element with the ID "layers" and renders layers to it.
  // NOTE: If the layers are changed outside of the layer switcher then you
  // will need to call ol.control.LayerSwitcher.renderPanel again to refesh
  // the layer tree. Style the tree via CSS.
  var sidebar = new ol.control.Sidebar({
    element: 'sidebar',
    position: 'left'
  });
  var toc = document.getElementById('layers');
  ol.control.LayerSwitcher.renderPanel(map, toc, { reverse: true });
  map.addControl(sidebar);
})();