{"id":2049,"date":"2022-10-10T11:44:55","date_gmt":"2022-10-10T09:44:55","guid":{"rendered":"https:\/\/cro-sports.com\/unterkunft-und-sportanlagen-2\/"},"modified":"2022-10-10T11:44:56","modified_gmt":"2022-10-10T09:44:56","slug":"unterkunft-und-sportanlagen-2","status":"publish","type":"page","link":"https:\/\/cro-sports.com\/de\/unterkunft-und-sportanlagen-2\/","title":{"rendered":"Unterkunft und Sportanlagen"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8220;1&#8243; _builder_version=&#8220;3.20.1&#8243; custom_padding=&#8220;||&#8220; animation_style=&#8220;fade&#8220; animation_delay=&#8220;5ms&#8220;][et_pb_row _builder_version=&#8220;3.20.1&#8243;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;3.20.1&#8243;][et_pb_code _builder_version=&#8220;3.20.1&#8243;]<script>\n  var title = document.getElementsByTagName('title')[0].textContent;\n  title = title.split('|');\n  document.getElementsByTagName('title')[0].innerHTML = 'Unterkunft und Sportanlagen' + ' | ' + title[1];\n<\/script>\n<div class=\"regions-map\">\n\t<div class=\"regions-map-left\">\n\t\t<h2 class=\"reg-map-title\"><span><\/span>Unterkunft und Sportanlagen<\/h2>\n\t\t<div class=\"cont-left-desc\">\n\t\t\t<p>\n\t\t\t\tUmfassender \u00dcberblick \u00fcber Sportunterk\u00fcnfte verschiedener Kategorien auf dem Kontinent und an der K\u00fcste. Die Einrichtungen sind an die Bed\u00fcrfnisse von Freizeit- und Profisportlern angepasst und stellen somit eine ideale Wahl f\u00fcr den Sporttourismus und die Vorbereitung auf sportliche Wettk\u00e4mpfe und Tourniere dar. \t\t\t<\/p>\n\t\t<\/div>\n\n\t\t<div class=\"left-switcher\">\n\t\t\t<div class=\"switcher-le\">\n\t\t\t\t<div class=\"sw-leef\"><span>Unterkunft und Sportanlagen\n<\/span><\/div>\n\t\t\t\t<div class=\"sw-leef\">\n\t\t\t\t\t<label class=\"switch\">\n\t\t\t\t\t\t<input id=\"cat2\" class=\"toggleMarker\" value=\"cat2\" type=\"checkbox\">\n\t\t\t\t\t\t<span class=\"slider round\"><\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n      <div class=\"switcher-le\">\n        <div class=\"sw-leef\"><span>Sports infrastructure<\/span><\/div>\n        <div class=\"sw-leef\">\n          <label class=\"switch\">\n            <input id=\"cat1\" class=\"toggleMarker\" value=\"cat1\" type=\"checkbox\" checked>\n            <span class=\"slider round\"><\/span>\n          <\/label>\n        <\/div>\n      <\/div>\n\n\t\t\t<div class=\"switcher-le\">\n\t\t\t\t<div class=\"sw-leef\"><span>Sports-medical services<\/span><\/div>\n\t\t\t\t<div class=\"sw-leef\">\n\t\t\t\t\t<label class=\"switch\">\n\t\t\t\t\t\t<input id=\"cat3\" class=\"toggleMarker\" value=\"cat3\" type=\"checkbox\">\n\t\t\t\t\t\t<span class=\"slider round\"><\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"sportski-objekti\">\n\n\t\t\t<div class=\"lista-objekata\">\n\t\t\t\t<div id=\"allLocationsList\">\n          <div id=\"toggle-cat2\"><\/div>\n          <div id=\"toggle-cat1\"><\/div>\n          <div id=\"toggle-cat3\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t<\/div>\n\n\t<\/div>\n\t<div class=\"regions-map-right\">\n    <div id=\"map-wrapper\">\n      <div class=\"autocomplete\">\n        <input type=\"text\" id=\"searchLocations\" placeholder=\"Search Address\">\n      <\/div>\n      <div id=\"map\"><\/div>\n    <\/div>\n\n\t<\/div>\n<\/div>\n\n<!-- The Modal -->\n<div id=\"map-modal\" class=\"map-modal\">\n  <!-- Modal content -->\n  <div class=\"map-modal-content\">\n    <span class=\"map-close\">&times;<\/span>\n    <div class=\"map-modal-body\">\n      <div id=\"modal-map\"><\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"><\/script>\n\n<script>\n  jQuery(document).ready(function( $ ) {\n  jQuery(window).load(function() {\n    var locations = [];\n    var markers = new Array();\n    \n    \n    \/\/console.log(locations);\n    function static_map_url(lat,lng) {\n      return 'https:\/\/maps.googleapis.com\/maps\/api\/staticmap?markers=size:small%7C'+lat+','+lng+'&size=100x70&maptype=satellite&zoom=14&center='+lat+','+lng+'&key=AIzaSyB5npscOFGMsZbaz4UWRAMCBC5RSL4E6Go'\n    }\n    locations2 = [];\n    for (var e in locations) {\n      locations2.push({\n        'address':locations[e].address,\n        'info':'<div class=\"vt-map-info\"><div class=\"static-map\"><a class=\"map-static-img\" data-lat=\"'+locations[e].lat+'\" data-lng=\"'+locations[e].lng+'\" data-title=\"'+locations[e].address+'\" href=\"#\"><img src=\"'+static_map_url(locations[e].lat,locations[e].lng)+'\"><\/a><\/div>'+locations[e].info+'<\/div>',\n        'lat':locations[e].lat,\n        'lng':locations[e].lng,\n        'category':locations[e].category,\n        'locationID':locations[e].locationID,\n        'show_on_zoom':locations[e].show_on_zoom\n      });\n    }\n\n    var modal = document.getElementById(\"map-modal\");\n    var span = document.getElementsByClassName(\"map-close\")[0];\n    span.onclick = function() {\n      modal.style.display = \"none\";\n      $('header#main-header').removeAttr('style');\n    };\n    window.onclick = function(event) {\n      if (event.target == modal) {\n        \/\/modal.style.display = \"none\";\n      }\n    };\n\n\n\n    $(document).on('click','.map-static-img', function (e) {\n      e.preventDefault();\n      $('header#main-header').attr('style', 'z-index:9!important;');\n      modal.style.display = \"block\";\n      var modalLat = $(this).attr('data-lat');\n      var modalLng = $(this).attr('data-lng');\n      var modalTitle = $(this).attr('data-title');\n\n      var modalPosition = new google.maps.LatLng(modalLat, modalLng);\n\n      modalMap = new google.maps.Map(document.getElementById('modal-map'), {\n        center: modalPosition,\n        zoom: 18,\n        streetViewControl: true,\n        scaleControl: false,\n        zoomControl: true,\n        zoomControlOptions: {\n          position: google.maps.ControlPosition.RIGHT_BOTTOM\n        },\n        fullscreenControl: true,\n        fullscreenControlOptions: {\n          position: google.maps.ControlPosition.RIGHT_TOP\n        },\n        mapTypeId: 'hybrid',\n        styles: []\n      });\n\n      var modalMarker = new google.maps.Marker({\n        position: modalPosition,\n        title: modalTitle\n      });\n      modalMarker.setMap(modalMap);\n\n    });\n\n    locations = locations2;\n\n    var icons = [];\n    icons.push({'cat1': 'https:\/\/cro-sports.com\/wp-content\/uploads\/2019\/03\/pin.png', 'cat2': 'https:\/\/cro-sports.com\/wp-content\/uploads\/2019\/04\/accommodation_pin-1.png', 'cat3': 'https:\/\/cro-sports.com\/wp-content\/uploads\/2019\/04\/sportsko_medicinske_pin.png'});\n\n    \/\/ Sportski objekti\n    var toggleCat1 = $('#toggle-cat1');\n    var toggleCat1Title = \"Sportska infrastruktura\";\n    var toggleCat1Items = '';\n    for (var j = 0; j < locations.length; j++) {\n      if (locations[j].category == 'cat1') {\n        toggleCat1Items += '<span id=\"' + locations[j].locationID + '\" class=\"o-l-item loc-clicked\">' + locations[j].address + '<\/span>';\n      }\n    }\n    toggleCat1.html('<h3 class=\"h3-title\">' + toggleCat1Title + '<\/h3>' + toggleCat1Items);\n\n    \/\/ Smje\u0161tajni kapaciteti\n    var toggleCat2 = $('#toggle-cat2');\n    var toggleCat2Title = \"Sportmedizinische Dienstleistungen\";\n    var toggleCat2Items = '';\n    for (var j = 0; j < locations.length; j++) {\n      if (locations[j].category == 'cat2') {\n        toggleCat2Items += '<span id=\"' + locations[j].locationID + '\" class=\"o-l-item loc-clicked\">' + locations[j].address + '<\/span>';\n      }\n    }\n    \/\/toggleCat2.html('<h3 class=\"h3-title\">' + toggleCat2Title + '<\/h3>' + toggleCat2Items);\n\n    \/\/ Smje\u0161tajni kapaciteti\n    var toggleCat3 = $('#toggle-cat3');\n    var toggleCat3Title = \"Sportsko-medicinske usluge\";\n    var toggleCat3Items = '';\n    for (var j = 0; j < locations.length; j++) {\n      if (locations[j].category == 'cat3') {\n        toggleCat3Items += '<span id=\"' + locations[j].locationID + '\" class=\"o-l-item loc-clicked\">' + locations[j].address + '<\/span>';\n      }\n    }\n    \/\/toggleCat3.html('<h3 class=\"h3-title\">' + toggleCat3Title + '<\/h3>' + toggleCat3Items);\n\n    function CenterControl(controlDiv, map) {\n\n      \/\/ Set CSS for the control border.\n      var controlUI = document.createElement('INPUT');\n      controlUI.setAttribute(\"type\", \"text\");\n      controlUI.setAttribute(\"placeholder\", \"Search Address\");\n      controlUI.setAttribute(\"id\", \"searchLocations\");\n      controlUI.style.boxShadow = '0 3px 6px -2px #999999;';\n      controlUI.style.width = '270px';\n      controlUI.style.padding = '6';\n      controlUI.style.zIndex = '999';\n      controlUI.style.top = '6px';\n      controlUI.style.right = '6px';\n\n      controlDiv.appendChild(controlUI);\n    }\n\n    var map;\n    var bounds = new google.maps.LatLngBounds();\n    var mapOptions = {\n      zoom: 13,\n      mapTypeControl: false,\n      streetViewControl: false,\n      scaleControl: false,\n      zoomControl: true,\n      zoomControlOptions: {\n        position: google.maps.ControlPosition.RIGHT_BOTTOM\n      },\n      fullscreenControl: true,\n      fullscreenControlOptions: {\n        position: google.maps.ControlPosition.RIGHT_TOP\n      },\n      styles: [\n        {\n          \"featureType\": \"administrative.country\",\n          \"elementType\": \"geometry\",\n          \"stylers\": [\n            {\n              \"color\": \"#ee334e\"\n            },\n            {\n              \"weight\": 2.5\n            }\n          ]\n        },\n        {\n          \"featureType\": \"administrative.land_parcel\",\n          \"stylers\": [\n            {\n              \"visibility\": \"off\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"administrative.neighborhood\",\n          \"stylers\": [\n            {\n              \"visibility\": \"off\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"landscape\",\n          \"elementType\": \"geometry.stroke\",\n          \"stylers\": [\n            {\n              \"color\": \"#1a0203\"\n            },\n            {\n              \"weight\": 7.5\n            }\n          ]\n        },\n        {\n          \"featureType\": \"landscape.man_made\",\n          \"elementType\": \"geometry\",\n          \"stylers\": [\n            {\n              \"weight\": 2\n            }\n          ]\n        },\n        {\n          \"featureType\": \"landscape.natural\",\n          \"stylers\": [\n            {\n              \"color\": \"#e4e3df\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"poi\",\n          \"elementType\": \"labels.text\",\n          \"stylers\": [\n            {\n              \"visibility\": \"off\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"poi.business\",\n          \"stylers\": [\n            {\n              \"visibility\": \"off\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"road\",\n          \"elementType\": \"labels\",\n          \"stylers\": [\n            {\n              \"visibility\": \"on\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"road\",\n          \"elementType\": \"labels.icon\",\n          \"stylers\": [\n            {\n              \"visibility\": \"on\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"road.arterial\",\n          \"stylers\": [\n            {\n              \"visibility\": \"on\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"road.highway\",\n          \"elementType\": \"geometry.fill\",\n          \"stylers\": [\n            {\n              \"color\": \"#e8e8e8\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"road.highway\",\n          \"elementType\": \"geometry.stroke\",\n          \"stylers\": [\n            {\n              \"color\": \"#ffffff\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"road.highway\",\n          \"elementType\": \"labels\",\n          \"stylers\": [\n            {\n              \"visibility\": \"on\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"road.local\",\n          \"stylers\": [\n            {\n              \"visibility\": \"on\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"transit\",\n          \"stylers\": [\n            {\n              \"visibility\": \"on\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"water\",\n          \"elementType\": \"labels.text\",\n          \"stylers\": [\n            {\n              \"visibility\": \"off\"\n            }\n          ]\n        }\n      ]\n    };\n\n    map = new google.maps.Map(document.getElementById(\"map\"), mapOptions);\n    map.setTilt(50);\n\n\n    \/\/ Custom search box\n    \/\/var centerControlDiv = document.createElement('div');\n    \/\/var centerControl = new CenterControl(centerControlDiv, map);\n    \/\/centerControlDiv.index = 1;\n    \/\/map.controls[google.maps.ControlPosition.TOP_RIGHT].push(centerControlDiv);\n\n    var input = document.getElementById('searchLocations');\n    map.controls[google.maps.ControlPosition.TOP_RIGHT].push(input);\n\n\n    \/\/ Add multiple markers to map\n    var infoWindow = new google.maps.InfoWindow();\n\n    \/\/ Place each marker on the map\n    var locationsName = [];\n    for (var i = 0; i < locations.length; i++) {\n      locationsName.push({'address': locations[i]['address'], 'locID': locations[i]['locationID']});\n      var position = new google.maps.LatLng(locations[i]['lat'], locations[i]['lng']);\n      bounds.extend(position);\n      marker = new google.maps.Marker({\n        position: position,\n        map: map,\n        title: locations[i]['address'],\n        icon: icons[0][locations[i]['category']]\n        \/\/zIndex: 20\n      });\n\n      markers.push(marker);\n\n      \/\/ Add info window to marker\n      google.maps.event.addListener(marker, 'click', (function (marker, i) {\n        return function () {\n          infoWindow.setContent(locations[i]['info']);\n          infoWindow.open(map, marker);\n        }\n      })(marker, i));\n      \/\/ Center the map to fit all markers on the screen\n\n      map.fitBounds(bounds);\n    }\n\n    \/\/ Set zoom level\n    var boundsListener = google.maps.event.addListener((map), 'bounds_changed', function (event) {\n      this.setZoom(8);\n      this.setCenter({lat: 44.931654, lng: 16.655369});\n      google.maps.event.removeListener(boundsListener);\n    });\n\n    google.maps.event.addListener(map, 'zoom_changed', function() {\n      var zoom = map.getZoom();\n      \/\/console.log(zoom);\n      var hasTurnedIndividual = 'false';\n      $('.o-l-item').each(function (i,e) {\n        if ( $(this).hasClass('loc-clicked-item') ) {\n          hasTurnedIndividual = 'true';\n        }\n      });\n      if ( $('#searchLocations').val() != '' ) {\n        hasTurnedIndividual = 'true';\n      }\n\n      if ( hasTurnedIndividual === 'false' ) {\n        showOnZoom();\n      }\n\n    });\n\n    function showOnZoomControl(index, option='show') {\n      var switcher1 = $('#cat1');\n      var switcher2 = $('#cat2');\n      var switcher3 = $('#cat3');\n\n      if (switcher1.is(':checked')) {\n        if (locations[index]['category'] == 'cat1') {\n          if ( option == 'show' ) {\n            markers[index].setVisible(true);\n          } else {\n            markers[index].setVisible(false);\n          }\n\n        }\n      }\n\n      if (switcher2.is(':checked')) {\n        if (locations[index]['category'] == 'cat2') {\n          if ( option == 'show' ) {\n            markers[index].setVisible(true);\n          } else {\n            markers[index].setVisible(false);\n          }\n        }\n      }\n\n      if (switcher3.is(':checked')) {\n        if (locations[index]['category'] == 'cat3') {\n          if ( option == 'show' ) {\n            markers[index].setVisible(true);\n          } else {\n            markers[index].setVisible(false);\n          }\n        }\n      }\n    }\n\n    function showOnZoom() {\n      var zoom = map.getZoom();\n\n      if ( zoom >= 9) {\n        for (i = 0; i < locations.length; i++) {\n          if ( locations[i].show_on_zoom == 'true' ) {\n            showOnZoomControl(i);\n          }\n        }\n      } else {\n        for (i = 0; i < locations.length; i++) {\n          if ( locations[i].show_on_zoom == 'true' ) {\n            showOnZoomControl(i,'hide');\n          }\n        }\n      }\n    }\n\n    function showZoomHelp(i) {\n      var zoom = map.getZoom();\n      if ( zoom >= 9) {\n        if ( locations[i].show_on_zoom == 'true' ) {\n          markers[i].setVisible(true);\n        } else {\n          markers[i].setVisible(true);\n        }\n      } else {\n        if ( locations[i].show_on_zoom == 'true' ) {\n          markers[i].setVisible(false);\n        } else {\n          markers[i].setVisible(true);\n        }\n      }\n    }\n\n    function show(category, selection='toggle') {\n      for (var i = 0; i < locations.length; i++) {\n        if (locations[i]['category'] == category) {\n          \/\/markers[i].setVisible(true);\n          showZoomHelp(i);\n        }\n      }\n      if (selection == 'toggle') {\n        $('#toggle-' + category).toggle(300);\n      }\n    }\n\n    function showIndividual(category) {\n      for (var i = 0; i < locations.length; i++) {\n        if (locations[i]['locationID'] == category) {\n          markers[i].setVisible(true);\n          map.panTo(markers[i].getPosition());\n        } else {\n          markers[i].setVisible(false);\n        }\n      }\n    }\n\n    function hide(category, selection='toggle') {\n      for (var i = 0; i < locations.length; i++) {\n        if (locations[i]['category'] == category) {\n          markers[i].setVisible(false);\n        }\n      }\n      if (selection == 'toggle') {\n        $('#toggle-' + category).toggle(300);\n      }\n    }\n\n    function clearAllSelectedItems() {\n      $('#allLocationsList').children('div').children('.o-l-item').each(function (i, e) {\n        if ($(this).hasClass('loc-clicked-item')) {\n          $(this).removeClass('loc-clicked-item');\n        }\n      });\n    }\n\n    function getAndSelectAll() {\n      var switcher1 = $('#cat1');\n      var switcher2 = $('#cat2');\n      var switcher3 = $('#cat3');\n\n      if (switcher1.is(':checked')) {\n        show('cat1', 'no');\n      } else {\n        hide('cat1', 'no')\n      }\n\n      if (switcher2.is(':checked')) {\n        show('cat2', 'no');\n      } else {\n        hide('cat2', 'no')\n      }\n\n      if (switcher3.is(':checked')) {\n        show('cat3', 'no');\n      } else {\n        hide('cat3', 'no')\n      }\n    }\n\n    $(\".toggleMarker\").change(function () {\n      clearAllSelectedItems();\n      var cat = $(this).attr(\"value\");\n      \/\/ If checked\n      if ($(this).is(\":checked\")) {\n        show(cat);\n      } else {\n        hide(cat);\n      }\n    });\n\n    $(document).on('click', '.o-l-item', function (e) {\n      var locationID = $(this).attr('id');\n\n      if ($(this).hasClass('loc-clicked-item')) {\n        $(this).removeClass('loc-clicked-item');\n        getAndSelectAll();\n      } else {\n        $('#allLocationsList').children('div').children('.o-l-item').each(function (i, e) {\n          if ($(this).hasClass('loc-clicked-item')) {\n            $(this).removeClass('loc-clicked-item');\n          }\n        });\n        $(this).addClass('loc-clicked-item');\n        showIndividual(locationID);\n      }\n    });\n\n    \/* Autocomplete *\/\n    function autocomplete(inp, arr) {\n      \/*the autocomplete function takes two arguments,\n\t\t\tthe text field element and an array of possible autocompleted values:*\/\n      var currentFocus;\n      \/*execute a function when someone writes in the text field:*\/\n      inp.addEventListener(\"input\", function (e) {\n        var a, b, i, val = this.value;\n        \/*close any already open lists of autocompleted values*\/\n        closeAllLists();\n        if (!val) {\n          return false;\n        }\n        currentFocus = -1;\n        \/*create a DIV element that will contain the items (values):*\/\n        a = document.createElement(\"DIV\");\n        a.setAttribute(\"id\", this.id + \"autocomplete-list\");\n        a.setAttribute(\"class\", \"autocomplete-items\");\n        \/*append the DIV element as a child of the autocomplete container:*\/\n        this.parentNode.appendChild(a);\n        \/*for each item in the array...*\/\n        for (i = 0; i < arr.length; i++) {\n          \/*check if the item starts with the same letters as the text field value:*\/\n          \/\/if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) {\n          if (arr[i].address.toUpperCase().search(val.toUpperCase()) != -1) {\n            \/*create a DIV element for each matching element:*\/\n            b = document.createElement(\"DIV\");\n            \/*make the matching letters bold:*\/\n            \/\/b.innerHTML = \"<strong>\" + arr[i].substr(0, val.length) + \"<\/strong>\";\n            \/\/b.innerHTML = arr[i].substr(0, val.length);\n            b.innerHTML = '<span id=\"' + arr[i].locID + '\" class=\"o-l-item\">';\n            b.innerHTML += arr[i].address.substr(0, val.length) + arr[i].address.substr(val.length);\n            b.innerHTML += '<\/span>';\n            \/*insert a input field that will hold the current array item's value:*\/\n            b.innerHTML += \"<input type='hidden' value='\" + arr[i].address + \"'>\";\n            \/*execute a function when someone clicks on the item value (DIV element):*\/\n            b.addEventListener(\"click\", function (e) {\n              \/*insert the value for the autocomplete text field:*\/\n              inp.value = this.getElementsByTagName(\"input\")[0].value;\n              \/*close the list of autocompleted values,\n              (or any other open lists of autocompleted values:*\/\n              closeAllLists();\n            });\n            a.appendChild(b);\n          }\n        }\n      });\n      \/*execute a function presses a key on the keyboard:*\/\n      inp.addEventListener(\"keydown\", function (e) {\n        var x = document.getElementById(this.id + \"autocomplete-list\");\n        if (x) x = x.getElementsByTagName(\"div\");\n        if (e.keyCode == 40) {\n          \/*If the arrow DOWN key is pressed,\n\t\t\t\t\tincrease the currentFocus variable:*\/\n          currentFocus++;\n          \/*and and make the current item more visible:*\/\n          addActive(x);\n        } else if (e.keyCode == 38) { \/\/up\n          \/*If the arrow UP key is pressed,\n\t\t\t\t\tdecrease the currentFocus variable:*\/\n          currentFocus--;\n          \/*and and make the current item more visible:*\/\n          addActive(x);\n        } else if (e.keyCode == 13) {\n          \/*If the ENTER key is pressed, prevent the form from being submitted,*\/\n          e.preventDefault();\n          if (currentFocus > -1) {\n            \/*and simulate a click on the \"active\" item:*\/\n            if (x) x[currentFocus].click();\n          }\n        }\n      });\n\n      function addActive(x) {\n        \/*a function to classify an item as \"active\":*\/\n        if (!x) return false;\n        \/*start by removing the \"active\" class on all items:*\/\n        removeActive(x);\n        if (currentFocus >= x.length) currentFocus = 0;\n        if (currentFocus < 0) currentFocus = (x.length - 1);\n        \/*add class \"autocomplete-active\":*\/\n        x[currentFocus].classList.add(\"autocomplete-active\");\n      }\n\n      function removeActive(x) {\n        \/*a function to remove the \"active\" class from all autocomplete items:*\/\n        for (var i = 0; i < x.length; i++) {\n          x[i].classList.remove(\"autocomplete-active\");\n        }\n      }\n\n      function closeAllLists(elmnt) {\n        \/*close all autocomplete lists in the document,\n\t\t\t\texcept the one passed as an argument:*\/\n        var x = document.getElementsByClassName(\"autocomplete-items\");\n        for (var i = 0; i < x.length; i++) {\n          if (elmnt != x[i] && elmnt != inp) {\n            x[i].parentNode.removeChild(x[i]);\n          }\n        }\n      }\n\n      \/*execute a function when someone clicks in the document:*\/\n      document.addEventListener(\"click\", function (e) {\n        closeAllLists(e.target);\n      });\n    }\n\n    \/* Autocomplete end *\/\n\n    autocomplete(document.getElementById(\"searchLocations\"), locationsName);\n\n    \/\/ if #searchLocations empty get all locations\n    $('#searchLocations').bind('input', function () {\n      var value = $(this).val();\n      if (value == \"\") {\n        getAndSelectAll();\n      }\n    });\n\n  hide('cat2');\n  hide('cat3');\n\n    if ( $('.regions-map')[0] ) {\n      if ( $(document).innerHeight() > 1600 ) {\n        if ($(window).innerWidth() + 17 > 981) {\n          var scrollTopWei = $(document).scrollTop();\n          if (scrollTopWei > 219) {\n            var rightWidth = $('.regions-map-right').innerWidth();\n            $('#map').attr('style', 'position:fixed;max-width: ' + rightWidth + 'px');\n            $('#map').addClass('fixed-map-op');\n          } else {\n            $('#map').removeAttr('style');\n            $('#map').removeClass('fixed-map-op');\n          }\n        }\n      }\n\n      $(window).scroll(function(event){\n        if ( $(document).innerHeight() > 1600 ) {\n          if ($(window).innerWidth() + 17 > 981) {\n            if ($(this).scrollTop() > 219) {\n              var rightWidth = $('.regions-map-right').innerWidth();\n              $('#map').attr('style', 'position:fixed;max-width: ' + rightWidth + 'px');\n              $('#map').addClass('fixed-map-op');\n            } else {\n              $('#map').removeAttr('style');\n              $('#map').removeClass('fixed-map-op');\n            }\n          } else {\n            $('#map').removeAttr('style');\n            $('#map').removeClass('fixed-map-op');\n          }\n        }\n      });\n\n        \/\/ For mobile - on click scroll to map\n      $('#allLocationsList .o-l-item').click( function (e) {\n        if ( $(window).innerWidth()+17 < 982 ) {\n          $(\"html, body\").animate({\n            scrollTop: $(\"#map\").offset().top\n          }, 1000);\n        };\n      });\n    }\n\n  })\n  })\n<\/script>\n[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially uncha<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Unterkunft und Sportanlagen | Sportska Hrvatska<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cro-sports.com\/de\/unterkunft-und-sportanlagen-2\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Unterkunft und Sportanlagen | Sportska Hrvatska\" \/>\n<meta property=\"og:description\" content=\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#039;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially uncha\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cro-sports.com\/de\/unterkunft-und-sportanlagen-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Sportska Hrvatska\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-10T09:44:56+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cro-sports.com\/de\/unterkunft-und-sportanlagen-2\/\",\"url\":\"https:\/\/cro-sports.com\/de\/unterkunft-und-sportanlagen-2\/\",\"name\":\"Unterkunft und Sportanlagen | Sportska Hrvatska\",\"isPartOf\":{\"@id\":\"https:\/\/cro-sports.com\/#website\"},\"datePublished\":\"2022-10-10T09:44:55+00:00\",\"dateModified\":\"2022-10-10T09:44:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cro-sports.com\/de\/unterkunft-und-sportanlagen-2\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cro-sports.com\/de\/unterkunft-und-sportanlagen-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cro-sports.com\/de\/unterkunft-und-sportanlagen-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Po\u010detna stranica\",\"item\":\"https:\/\/cro-sports.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Unterkunft und Sportanlagen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cro-sports.com\/#website\",\"url\":\"https:\/\/cro-sports.com\/\",\"name\":\"Sportska Hrvatska\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cro-sports.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cro-sports.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cro-sports.com\/#organization\",\"name\":\"Cro Sports\",\"url\":\"https:\/\/cro-sports.com\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/cro-sports.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cro-sports.com\/wp-content\/uploads\/2019\/04\/cro_sport_logo_n.png\",\"contentUrl\":\"https:\/\/cro-sports.com\/wp-content\/uploads\/2019\/04\/cro_sport_logo_n.png\",\"width\":371,\"height\":40,\"caption\":\"Cro Sports\"},\"image\":{\"@id\":\"https:\/\/cro-sports.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Unterkunft und Sportanlagen | Sportska Hrvatska","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cro-sports.com\/de\/unterkunft-und-sportanlagen-2\/","og_locale":"de_DE","og_type":"article","og_title":"Unterkunft und Sportanlagen | Sportska Hrvatska","og_description":"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially uncha","og_url":"https:\/\/cro-sports.com\/de\/unterkunft-und-sportanlagen-2\/","og_site_name":"Sportska Hrvatska","article_modified_time":"2022-10-10T09:44:56+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cro-sports.com\/de\/unterkunft-und-sportanlagen-2\/","url":"https:\/\/cro-sports.com\/de\/unterkunft-und-sportanlagen-2\/","name":"Unterkunft und Sportanlagen | Sportska Hrvatska","isPartOf":{"@id":"https:\/\/cro-sports.com\/#website"},"datePublished":"2022-10-10T09:44:55+00:00","dateModified":"2022-10-10T09:44:56+00:00","breadcrumb":{"@id":"https:\/\/cro-sports.com\/de\/unterkunft-und-sportanlagen-2\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cro-sports.com\/de\/unterkunft-und-sportanlagen-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cro-sports.com\/de\/unterkunft-und-sportanlagen-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Po\u010detna stranica","item":"https:\/\/cro-sports.com\/"},{"@type":"ListItem","position":2,"name":"Unterkunft und Sportanlagen"}]},{"@type":"WebSite","@id":"https:\/\/cro-sports.com\/#website","url":"https:\/\/cro-sports.com\/","name":"Sportska Hrvatska","description":"","publisher":{"@id":"https:\/\/cro-sports.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cro-sports.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/cro-sports.com\/#organization","name":"Cro Sports","url":"https:\/\/cro-sports.com\/","sameAs":[],"logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/cro-sports.com\/#\/schema\/logo\/image\/","url":"https:\/\/cro-sports.com\/wp-content\/uploads\/2019\/04\/cro_sport_logo_n.png","contentUrl":"https:\/\/cro-sports.com\/wp-content\/uploads\/2019\/04\/cro_sport_logo_n.png","width":371,"height":40,"caption":"Cro Sports"},"image":{"@id":"https:\/\/cro-sports.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/cro-sports.com\/de\/wp-json\/wp\/v2\/pages\/2049"}],"collection":[{"href":"https:\/\/cro-sports.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cro-sports.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cro-sports.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cro-sports.com\/de\/wp-json\/wp\/v2\/comments?post=2049"}],"version-history":[{"count":1,"href":"https:\/\/cro-sports.com\/de\/wp-json\/wp\/v2\/pages\/2049\/revisions"}],"predecessor-version":[{"id":2050,"href":"https:\/\/cro-sports.com\/de\/wp-json\/wp\/v2\/pages\/2049\/revisions\/2050"}],"wp:attachment":[{"href":"https:\/\/cro-sports.com\/de\/wp-json\/wp\/v2\/media?parent=2049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}