');document.getElementById('form-filters').insertAdjacentHTML('beforebegin', '
');const direct_filter_1 = document.getElementById("direct_filter_1"); direct_filter_1.addEventListener('change', function () { if (direct_filter_1.checked === true) { direct_filter_2.checked = true; } else { direct_filter_2.checked = false; } filter_list(); });const direct_filter_2 = document.getElementById("direct_filter_2"); direct_filter_2.addEventListener('change', function () { if (direct_filter_2.checked === true) { direct_filter_1.checked = true; } else { direct_filter_1.checked = false; } filter_list(); });}}if ( search_type === "flights" ) {get_flights_suggested_routes();}}count_results(); }).catch((error) => console.log(error)) ;}function count_results() {if (results_number > 0) {if (!document.getElementById("currency-rate")) {container_results.insertAdjacentHTML('beforeend', exchange_rate);}let counter_hidden = document.querySelectorAll(".results-filterable li[style='display: none;']").length;let counter_visible = document.querySelectorAll(".results-filterable li:not([style='display: none;'])").length;let results_stats = document.getElementById("results_stats");if (results_stats) {if (counter_hidden > 0) {results_stats.innerHTML = tr.other.displayed_results + ': ' + counter_visible + '/' + (counter_hidden+counter_visible) + '' + tr.other.show_all + '';document.getElementById("filter-button-counter").innerHTML = "(" + counter_visible +")";document.getElementById("badge_show_all").addEventListener("click", function() {if (slider_departure) {slider_departure.noUiSlider.reset();}if (slider_duration) {slider_duration.noUiSlider.reset();}if (slider_prices) {slider_prices.noUiSlider.reset();}if ( document.getElementById('direct_filter_1') && document.getElementById('direct_filter_2') ) {direct_filter_1.checked = false;direct_filter_2.checked = false;}filter_list();});} else {results_stats.innerHTML = tr.other.displayed_results + ': ' + counter_visible + '/' + (counter_hidden+counter_visible);document.getElementById("filter-button-counter").innerHTML = "(" + counter_visible +")";}let all_filtered = document.getElementById('all_results_filtered');if (counter_visible === 0) {if (!all_filtered) {results_list.insertAdjacentHTML('afterend', '
' + tr.alerts.all_filtered + '
');}} else {if (all_filtered) {all_filtered.remove();}}}}if (results_alternatives_number > 0) {if (!document.querySelector(".note-bus-alternatives")) {let alternative_url = document.querySelector(".search-tabs .tab-bus").getAttribute('href');let bus_alternatives_note = '
↓ ' + tr.other.note_alternative_departures_bus + ' ↓
';results_alternative_list.classList.add("my-2");results_alternatives_list.insertAdjacentHTML('beforebegin', bus_alternatives_note);}}add_map_link_results();}function filter_list() {if (slider_departure && slider_duration) {let slider_departure_val = slider_departure.noUiSlider.get();let slider_duration_val = slider_duration.noUiSlider.get();[].filter.call(document.querySelectorAll(".results-filterable li"),function(elem) {if ( document.getElementById('direct_filter_1') && document.getElementById('direct_filter_2') && (document.getElementById('direct_filter_1').checked === true || document.getElementById('direct_filter_2').checked === true) ) {if (elem.dataset.departure >= (sec_departure+(parseFloat(slider_departure_val[0])*60))&& elem.dataset.departure <= (sec_departure+(parseFloat(slider_departure_val[1])*60))&& elem.dataset.duration >= (parseFloat(slider_duration_val[0])*60)&& elem.dataset.duration <= (parseFloat(slider_duration_val[1])*60)&& elem.dataset.direct === "direct") {return elem.style.display = "block";}elem.style.display = "none";} else {if (elem.dataset.departure >= (sec_departure+(parseFloat(slider_departure_val[0])*60))&& elem.dataset.departure <= (sec_departure+(parseFloat(slider_departure_val[1])*60))&& elem.dataset.duration >= (parseFloat(slider_duration_val[0])*60)&& elem.dataset.duration <= (parseFloat(slider_duration_val[1])*60)) {return elem.style.display = "block";}elem.style.display = "none";}})count_results();} else if (slider_prices) {let slider_prices_val = slider_prices.noUiSlider.get();[].filter.call(document.querySelectorAll(".results-filterable li"),function(elem) {if ( document.getElementById('direct_filter_1') && document.getElementById('direct_filter_2') && (document.getElementById('direct_filter_1').checked === true || document.getElementById('direct_filter_2').checked === true) ) {if (elem.dataset.price >= (parseFloat(slider_prices_val[0]))&& elem.dataset.price <= (parseFloat(slider_prices_val[1]))&& elem.dataset.direct === "direct") {return elem.style.display = "block";}elem.style.display = "none";} else {if (elem.dataset.price >= (parseFloat(slider_prices_val[0]))&& elem.dataset.price <= (parseFloat(slider_prices_val[1]))) {return elem.style.display = "block";}elem.style.display = "none";}})count_results();}}function add_sort_box() {if (results_number > 0 && !document.getElementById("sort_filter")) {results_list.insertAdjacentHTML('beforebegin', filters_sort);results_list.insertAdjacentHTML('beforebegin', '
');var sort_filter = document.getElementById("sort_filter");radio_sort = document.querySelectorAll('.sort_radios input');radio_sort.forEach(function (radio_current) { radio_current.addEventListener('change', function () { list_sorter('ul.transport-results', this.value); });});const filter_button = document.getElementById("filter-button");if (filter_button) {filter_button.addEventListener("click", function() {filter_list();});}if (search_type !== "flights") {if (document.getElementById("slider-departure").childNodes.length === 0) {noUiSlider.cssClasses.target += ' range-slider noui-range-slider';slider_departure = document.getElementById('slider-departure');noUiSlider.create(slider_departure, { start: [0, 1440], step: 30, connect: true, range: { 'min': 0, 'max': 1440 }});slider_departure.noUiSlider.on('update', function (values, handle) { document.getElementById("range-departure-display").innerHTML = convert_minutes(values[0], "h24") + " - " + convert_minutes(values[1], "h24"); filter_list();});}}list_sorter('ul.transport-results', "departure");}}function add_map_link_results() {if (results_number > 0 && !document.getElementById("map_link_results")) {sort_filter.insertAdjacentHTML('beforeend', '
map' + tr.other.map + '
');var link_results = document.getElementById("map_link_results");if (link_results) { link_results.addEventListener("click", function(){ if (search_type === "flights") { createMapComplexFlights(search_type) } else { createMapComplex(search_type) } });}}}const search_form = document.getElementById('search_transport');if (search_form.dataset.filters) {var filters_sort = search_form.dataset.filters;delete document.getElementById('search_transport').dataset.filters;}if (document.getElementById('radios_return')) {var radio_one_way = document.getElementById('radio_one_way');var radio_return = document.getElementById('radio_return');}if (document.getElementById('place_1')) {var place_1 = document.getElementById('place_1');var place_1_alt = document.getElementById('place_1_alt');place_1.addEventListener("focusout", (event) => {selectfirst1();});}if (document.getElementById('place_2')) {var place_2 = document.getElementById('place_2');var place_2_alt = document.getElementById('place_2_alt');place_2.addEventListener("focusout", (event) => {selectfirst2();});}if (document.getElementById('date_1')) {var date_1 = document.getElementById('date_1');var date_1_alt = document.getElementById('date_1_alt');}if (document.getElementById('date_2')) {var date_2 = document.getElementById('date_2');var date_2_alt = document.getElementById('date_2_alt');var date_2_label = document.querySelector('[for="date_2"]');}if (document.getElementById('dat_p3')) {var dat_p3 = document.getElementById('dat_p3');var dat_p3_alt = document.getElementById('dat_p3_alt');}if (document.getElementById('dat_p4')) {var dat_p4 = document.getElementById('dat_p4');var dat_p4_alt = document.getElementById('dat_p4_alt');}const search_button = document.getElementById('search_button_transport');var container_results = document.querySelector('.container-results');if (document.querySelector('ul.transport-results')) {var results_list = document.querySelector('ul.transport-results');if (document.getElementById('results_b_1')) {var results_alternative_list = document.getElementById('results_b_1');}var sec_departure = parseFloat(document.querySelector('ul.transport-results').dataset.unix);if (document.querySelector('ul.transport-results').dataset.urls) {var api_urls = JSON.parse(document.querySelector('ul.transport-results').dataset.urls);delete document.querySelector('ul.transport-results').dataset.urls;}if (document.getElementById('results_b_1')) {var api_alternative_urls = JSON.parse(document.getElementById('results_b_1').dataset.urls);delete document.getElementById('results_b_1').dataset.urls;}var results_number = document.querySelectorAll(".results-filterable li").length;}if (document.querySelector('ul#results_b_1')) {var results_alternatives_list = document.querySelector('ul#results_b_1');var results_alternatives_number = document.querySelectorAll("ul#results_b_1 li").length;}if(document.getElementById("date_minus_1")) {var button_date_minus_1 = document.getElementById("date_minus_1");if (button_date_minus_1) {button_date_minus_1.addEventListener("click", function() {const date_minus_1 = new Date(event.target.dataset.date);$( "#date_1" ).datepicker( "setDate", date_minus_1 );search_form.submit();});}}if(document.getElementById("next_date_available")) {var button_next_date_available = document.getElementById("next_date_available");if (button_next_date_available) {button_next_date_available.addEventListener("click", function() {event.preventDefault();const next_date_available = new Date(event.target.dataset.date);$( "#date_1" ).datepicker( "setDate", next_date_available );search_form.submit();});}}if(document.getElementById("date_plus_1")) {var button_date_plus_1 = document.getElementById("date_plus_1");if (button_date_plus_1) {button_date_plus_1.addEventListener("click", function() {const date_plus_1 = new Date(event.target.dataset.date);$( "#date_1" ).datepicker( "setDate", date_plus_1 );search_form.submit();});}}if(document.getElementById("coord_dep")) {var coord_dep = document.getElementById('coord_dep');}if(document.getElementById("coord_arr")) {var coord_arr = document.getElementById('coord_arr');}if(search_form.querySelector(".empty-destination")) {search_form.querySelector(".empty-destination").addEventListener("click", function() {if (search_type === "flights") {focusedsearchtype2 = 'browse';place_2.value = tr.other.anywhere;place_2_alt.value = tr.aliases.anywhere + "+" + tr.aliases.anywhere;} else {place_2.value = tr.other.anywhere;place_2_alt.value = tr.aliases.anywhere;}});}const exchange_rate = '
1 EUR (€) = 7,53450 HRK (kn)
';search_form.reset();var appdata = {};var focusedlabel1 = document.getElementById("place_1").value;var focusedid1 = document.getElementById("place_1_alt").value;if (document.getElementById("place_2")) {var focusedlabel2 = document.getElementById("place_2").value;var focusedid2 = document.getElementById("place_2_alt").value;}const domain = 'https://www.putovnica.net';const tr = JSON.parse(document.querySelector('form#search_transport').dataset.tr);delete document.querySelector('form#search_transport').dataset.tr;const no_results = '
' + tr.alerts.no_results + '
';const url_prefix = domain + tr.aliases.prefix + tr.aliases.category;const lang = search_form.dataset.lang;const transport_icons = {flights: "flights",bus: "directions_bus",ferry_transport: "directions_boat",train: "train",car: "directions",tolls: "toll",car_hire: "directions_car",accommodation: "hotel"}; var vrsta1 = search_form.dataset.type1;var search_type = search_form.dataset.type2;const input_places = document.querySelectorAll('input.select-on-focus');input_places.forEach(elems => elems.addEventListener("focus", function() {this.select();}))if (lang && vrsta1) {if ( search_type !== "flights" ) {$( "#date_1" ).datepicker({dateFormat: "dd. mm. yy.",changeMonth: true,showOtherMonths: true,selectOtherMonths: true,numberOfMonths: 1,minDate: "0",maxDate: "+1y",altFormat: "yy-mm-dd",altField: "#date_1_alt"});if (date_1 && date_1.value === "") {$( "#date_1" ).datepicker().datepicker("setDate", "0");}}if ( search_type === "car_hire" ) {$( "#date_1" ).datepicker({dateFormat: "dd. mm. yy.",changeMonth: true,showOtherMonths: true,selectOtherMonths: true,numberOfMonths: 1,minDate: "0",maxDate: "+1y",altFormat: "yy-mm-dd",altField: "#date_1_alt",defaultDate: "+1w",onClose: function( selectedDate ) {$( "#date_2" ).datepicker( "option", "minDate", selectedDate );}});$( "#date_2" ).datepicker({dateFormat: "dd. mm. yy.",changeMonth: true,showOtherMonths: true,selectOtherMonths: true,numberOfMonths: 1,minDate: "0",maxDate: "+1y",altFormat: "yy-mm-dd",altField: "#date_2_alt",defaultDate: "+1w",onClose: function( selectedDate ) {$( "#date_1" ).datepicker( "option", "maxDate", selectedDate );}});$("#date_1").datepicker("setDate", "7");$("#date_2").datepicker("setDate", "12");}if ( search_type === "ferry_transport" ) {$(function() {$( ".autocompletes1" ).autocomplete({source: function (request, response) {$.ajax({url: "/php/acm/acm_ferry.php?lang="+lang,dataType: "json",data: { v1: request.term },success: function (data) {var id1 = tr.aliases.anywhere;var data = $.grep(data, function(e){ return e.id != id1;});response(data);}});},open: function (event, ui) { focusedlabel1 = ""; focusedid1 = ""; focusedsearchtype1 = "";},focus: function (event, ui) {event.preventDefault();place_1.value = "";place_1_alt.value = "";this.value = ui.item.name; var menu = $(this).data("uiAutocomplete").menu.element; focusedlabel1 = menu.find("li:has(a.ui-state-focus) .item-label")[0].textContent; focusedid1 = menu.find("li:has(a.ui-state-focus) .item-id")[0].textContent; focusedsearchtype1 = menu.find("li:has(a.ui-state-focus) .item-search-type")[0].textContent;},select: function (event, ui) {event.preventDefault();this.value = ui.item.name;$("#" + this.id + "_alt").val(ui.item.alias);}}).each(function() {$(this).data("uiAutocomplete")._renderItem = function (ul, item) {return $("
").append('
' + item.name + '' + item.desc +', ' + item.countryname + '' + item.alias + '' + item.type + '').data("ui-autocomplete-item", item).appendTo(ul);}});});$(function() {$( ".autocompletes2" ).autocomplete({source: function (request, response) {$.ajax({url: "/php/acm/acm_ferry.php?lang="+lang,dataType: "json",data: { v1: request.term },success: function (data) {var id1 = tr.aliases.anyport;var data = $.grep(data, function(e){ return e.id != id1;});response(data);}});},open: function (event, ui) { focusedlabel2 = ""; focusedid2 = ""; focusedsearchtype2 = "";},focus: function (event, ui) {event.preventDefault();place_2.value = "";place_2_alt.value = "";this.value = ui.item.name; var menu = $(this).data("uiAutocomplete").menu.element; focusedlabel2 = menu.find("li:has(a.ui-state-focus) .item-label")[0].textContent; focusedid2 = menu.find("li:has(a.ui-state-focus) .item-id")[0].textContent; focusedsearchtype2 = menu.find("li:has(a.ui-state-focus) .item-search-type")[0].textContent;},select: function (event, ui) {event.preventDefault();this.value = ui.item.name;$("#" + this.id + "_alt").val(ui.item.alias);}}).each(function() {$(this).data("uiAutocomplete")._renderItem = function (ul, item) {return $("
").append('
' + item.name + '' + item.desc +', ' + item.countryname + '' + item.alias + '' + item.type + '').data("ui-autocomplete-item", item).appendTo(ul);}});});if (document.getElementById("kupi-kartu-odabir")) {const kupi_kartu_odabir_cont = document.getElementById("kupi-kartu-odabir-cont");const kupi_kartu_odabir = document.getElementById("kupi-kartu-odabir");document.querySelector(".kupi").addEventListener("click", function() {if (!kupi_kartu_odabir.classList.contains("visible")) {kupi_kartu_odabir_cont.classList.add("visible");kupi_kartu_odabir.classList.add("visible");var c1 = this.closest("li").dataset.c1;kupi_kartu_odabir.dataset.c1 = c1;var c2 = this.closest("li").dataset.c2;kupi_kartu_odabir.dataset.c2 = c2;var pol = this.closest("div.sailing").dataset.pol;kupi_kartu_odabir.dataset.pol = pol;var dol = this.closest("div.sailing").dataset.dol;kupi_kartu_odabir.dataset.dol = dol;izracunaj_cijenu();}});kupi_kartu_odabir.querySelector("select").addEventListener("change", function() {izracunaj_cijenu();});kupi_kartu_odabir.querySelector(".close-this").addEventListener("click", function() {kupi_kartu_odabir_cont.classList.remove("visible");kupi_kartu_odabir.classList.remove("visible");});kupi_kartu_odabir.querySelector(".empty-date").addEventListener("click", function() {jednosmjerno();izracunaj_cijenu();});document.querySelector(".add-ad").addEventListener("click", function() {var pass = check_number_of_passengers();var num = parseInt(document.getElementById('odrasli').textContent);if (pass < 10) {num++;document.getElementById('odrasli').textContent = num;izracunaj_cijenu();}});document.querySelector(".add-ch").addEventListener("click", function() {var pass = check_number_of_passengers();var num = parseInt(document.getElementById('djeca').textContent);if (pass < 10) {num++;document.getElementById('djeca').textContent = num;izracunaj_cijenu();}});document.querySelector(".remove-ad").addEventListener("click", function() {var pass = check_number_of_passengers();var num = parseInt(document.getElementById('odrasli').textContent);if (pass <= 10 && num > 0) {num--;document.getElementById('odrasli').textContent = num;izracunaj_cijenu();}});document.querySelector(".remove-ch").addEventListener("click", function() {var pass = check_number_of_passengers();var num = parseInt(document.getElementById('djeca').textContent);if (pass <= 10 && num > 0) {num--;document.getElementById('djeca').textContent = num;izracunaj_cijenu();}});kupi_kartu_odabir_cont.addEventListener("click", function(e) {if(e.target !== document.getElementById('kupi-kartu-odabir')) {kupi_kartu_odabir_cont.classList.remove("visible");kupi_kartu_odabir.classList.remove("visible");}});function jednosmjerno() {dat_p4.value = "";dat_p4_alt.value = "";$("#dat_p3").datepicker( "option", "maxDate", "" );}function izracunaj_cijenu() {var price_adults = kupi_kartu_odabir.dataset.c1;var price_children = kupi_kartu_odabir.dataset.c2;var tickets_adults = parseInt(document.getElementById('odrasli').textContent);var tickets_children = parseInt(document.getElementById('djeca').textContent);if( !dat_p4.value ) {var total_price = (price_adults * tickets_adults) + (price_children * tickets_children);} else {var total_price = 2 * ( (price_adults * tickets_adults) + (price_children * tickets_children) ) * 0.9;}document.getElementByClassName("total-price").innerText = total_price + " HRK";}function check_number_of_passengers() {var tickets_adults = parseInt(document.getElementById('odrasli').textContent);var tickets_children = parseInt(document.getElementById('djeca').textContent);return tickets_adults + tickets_children;}$("#dat_p3").datepicker({dateFormat: "dd. mm. yy.",changeMonth: true,showOtherMonths: true,selectOtherMonths: true,numberOfMonths: 1,minDate: "0",maxDate: "+1y",altFormat: "yy-mm-dd",altField: "#dat_p3_alt",onClose: function( selectedDate ) {$("#dat_p4").datepicker( "option", "minDate", selectedDate );}});if (dat_p3.value.trim() === "" ) {$("#dat_p3").datepicker("setDate", new Date(Date.parse($("#datp1alt").val())));}$("#dat_p4").datepicker({dateFormat: "dd. mm. yy.",changeMonth: true,showOtherMonths: true,selectOtherMonths: true,numberOfMonths: 1,minDate: "0",maxDate: "+1y",altFormat: "yy-mm-dd",altField: "#dat_p4_alt",onClose: function( selectedDate ) {$("#dat_p3").datepicker( "option", "maxDate", selectedDate );izracunaj_cijenu();}});document.querySelector(".buy-continue").addEventListener("click", function() {var dat_p3_alt = dat_p3_alt.value;var dat_p4_alt = dat_p4_alt.value;var ad = document.getElementById('odrasli').textContent;var ch = document.getElementById('djeca').textContent;var pol = kupi_kartu_odabir.dataset.pol;var dol = kupi_kartu_odabir.dataset.dol;if (dat_p3_alt !== "") {if (ad > 0 || ch > 0) {url = domain + '/ponude/brod?l=' + lang + '&d1=' + dat_p3_alt + '&d2=' + dat_p4_alt + '&v1=&v2=&pol=' + pol + '&dol=' + dol + '&ad=' + ad + '&ch=' + ch + '&oper=gv_line_iadera';window.open(url, '_blank');} else {alert(tr.alerts.please_select_passengers);}} else {alert(tr.alerts.please_select_date);}});}}if ( search_type === "tolls" ) {$(function() {$( ".autocompletes1" ).autocomplete({source: function (request, response) {$.ajax({url: "/php/acm/acm_tolls.php?lang="+lang,dataType: "json",data: { v1: request.term },success: function (data) {response(data);}});},open: function (event, ui) { focusedlabel1 = ""; focusedid1 = ""; focusedsearchtype1 = "";},focus: function (event, ui) {event.preventDefault();place_1.value = "";place_1_alt.value = "";this.value = ui.item.name; var menu = $(this).data("uiAutocomplete").menu.element; focusedlabel1 = menu.find("li:has(a.ui-state-focus) .item-label")[0].textContent; focusedid1 = menu.find("li:has(a.ui-state-focus) .item-id")[0].textContent; focusedsearchtype1 = menu.find("li:has(a.ui-state-focus) .item-search-type")[0].textContent;},select: function (event, ui) {event.preventDefault();this.value = ui.item.name;$("#" + this.id + "_alt").val(ui.item.alias);}}).each(function() {$(this).data("uiAutocomplete")._renderItem = function (ul, item) {return $("
").append('
' + item.name + '' + item.alias + '' + item.type + '').data("ui-autocomplete-item", item).appendTo(ul);}});});$(function() {$( ".autocompletes2" ).autocomplete({source: function (request, response) {$.ajax({url: "/php/acm/acm_tolls.php?lang="+lang,dataType: "json",data: { v1: request.term },success: function (data) {response(data);}});},open: function (event, ui) { focusedlabel2 = ""; focusedid2 = ""; focusedsearchtype2 = "";},focus: function (event, ui) {event.preventDefault();place_2.value = "";place_2_alt.value = "";this.value = ui.item.name; var menu = $(this).data("uiAutocomplete").menu.element; focusedlabel2 = menu.find("li:has(a.ui-state-focus) .item-label")[0].textContent; focusedid2 = menu.find("li:has(a.ui-state-focus) .item-id")[0].textContent; focusedsearchtype2 = menu.find("li:has(a.ui-state-focus) .item-search-type")[0].textContent;},select: function (event, ui) {event.preventDefault();this.value = ui.item.name;$("#" + this.id + "_alt").val(ui.item.alias);}}).each(function() {$(this).data("uiAutocomplete")._renderItem = function (ul, item) {return $("
").append('
' + item.name + '' + item.alias + '' + item.type + '').data("ui-autocomplete-item", item).appendTo(ul);}});});}if ( search_type === "car" || search_type === "bus" || search_type === "train" ) {$(function() {$( ".autocompletes1" ).autocomplete({source: function (request, response) {$.ajax({url: "/php/acm/acm_loc.php?lang="+lang,dataType: "json",data: { v1: request.term },success: function (data) {response(data);}});},open: function (event, ui) { focusedlabel1 = ""; focusedid1 = ""; focusedsearchtype1 = "";},focus: function (event, ui) {event.preventDefault();place_1.value = "";place_1_alt.value = "";this.value = ui.item.name; var menu = $(this).data("uiAutocomplete").menu.element; focusedlabel1 = menu.find("li:has(a.ui-state-focus) .item-label")[0].textContent; focusedid1 = menu.find("li:has(a.ui-state-focus) .item-id")[0].textContent; focusedsearchtype1 = menu.find("li:has(a.ui-state-focus) .item-search-type")[0].textContent;},select: function (event, ui) {event.preventDefault();this.value = ui.item.name;$("#" + this.id + "_alt").val(ui.item.alias);}}).each(function() {$(this).data("uiAutocomplete")._renderItem = function (ul, item) {return $("
").append('
' + item.name + '' + item.location + '' + item.alias + '' + item.type + '').data("ui-autocomplete-item", item).appendTo(ul);}});});$(function() {$( ".autocompletes2" ).autocomplete({source: function (request, response) {$.ajax({url: "/php/acm/acm_loc.php?lang="+lang,dataType: "json",data: { v1: request.term },success: function (data) {response(data);}});},open: function (event, ui) { focusedlabel2 = ""; focusedid2 = ""; focusedsearchtype2 = "";},focus: function (event, ui) {event.preventDefault();place_2.value = "";place_2_alt.value = "";this.value = ui.item.name; var menu = $(this).data("uiAutocomplete").menu.element; focusedlabel2 = menu.find("li:has(a.ui-state-focus) .item-label")[0].textContent; focusedid2 = menu.find("li:has(a.ui-state-focus) .item-id")[0].textContent; focusedsearchtype2 = menu.find("li:has(a.ui-state-focus) .item-search-type")[0].textContent;},select: function (event, ui) {event.preventDefault();this.value = ui.item.name;$("#" + this.id + "_alt").val(ui.item.alias);}}).each(function() {$(this).data("uiAutocomplete")._renderItem = function (ul, item) {return $("
").append('
' + item.name + '' + item.location + '' + item.alias + '' + item.type + '').data("ui-autocomplete-item", item).appendTo(ul);}});});}if ( search_type === "flights" || search_type === "ferry_transport" || search_type === "bus" || search_type === "train" ) {var radio_sort = "";var slider_departure = "";var slider_duration = "";var slider_prices = "";add_sort_box();count_results();if (api_urls) {api_urls.forEach(function(url, key, arr){ if (!document.getElementById("spinner_loading")) { container_results.insertAdjacentHTML("beforeend", '
Loading...
'); }if (key === arr.length - 1){get_url_results(url, "last", "");} else {get_url_results(url, "", "");}});}if (api_alternative_urls) {api_alternative_urls.forEach(function(url, key, arr){ if (!document.getElementById("spinner_loading")) { container_results.insertAdjacentHTML("beforeend", '
Loading...
'); }if (key === arr.length - 1){get_url_results(url, "last", "alternative");} else {get_url_results(url, "", "alternative");}});}if (!api_urls && !api_alternative_urls) {display_no_results();}};if ( search_type === "car_hire" ) {const car_hire_return = document.querySelectorAll('#search_transport .place-2, #search_transport .swap');const second_location = document.getElementById('second_location');$(function() {$( ".autocompletes1" ).autocomplete({source: function (request, response) {$.ajax({url: "/php/acm/acm_car_hire.php?lang="+lang,dataType: "json",data: { v1: request.term },success: function (data) {response(data);}});},open: function (event, ui) { focusedlabel1 = ""; focusedid1 = ""; focusedsearchtype1 = "";},focus: function (event, ui) {event.preventDefault();place_1.value = "";place_1_alt.value = "";this.value = ui.item.display_name; var menu = $(this).data("uiAutocomplete").menu.element; focusedlabel1 = menu.find("li:has(a.ui-state-focus) .item-label2")[0].textContent; focusedid1 = menu.find("li:has(a.ui-state-focus) .item-id")[0].textContent;},select: function (event, ui) {event.preventDefault();var kratica = ui.item.localised_geo_type;if ( second_location.checked ) {place_1.value = ui.item.display_name + ' (' + kratica + ', ' + ui.item.country + ')';place_1_alt.value = ui.item.individual_id;} else {this.value = ui.item.display_name + ' (' + kratica + ', ' + ui.item.country + ')';$("#" + this.id + "_alt").val(ui.item.individual_id);}}}).each(function() {$(this).data("uiAutocomplete")._renderItem = function (ul, item) {var kratica = item.localised_geo_type;return $("
").append('
' + item.display_name + '' + kratica + '' + item.country + '' + item.individual_id + '' + item.display_name + ' (' + kratica + ', ' + item.country +')').data("ui-autocomplete-item", item).appendTo(ul);}});});$(function() {$( ".autocompletes2" ).autocomplete({source: function (request, response) {$.ajax({url: "/php/acm/acm_car_hire.php?lang="+lang,dataType: "json",data: { v1: request.term },success: function (data) {response(data);}});},open: function (event, ui) { focusedlabel2 = ""; focusedid2 = ""; focusedsearchtype2 = "";},focus: function (event, ui) {event.preventDefault();place_2.value = "";place_2_alt.value = "";this.value = ui.item.display_name; var menu = $(this).data("uiAutocomplete").menu.element; focusedlabel2 = menu.find("li:has(a.ui-state-focus) .item-label2")[0].textContent; focusedid2 = menu.find("li:has(a.ui-state-focus) .item-id")[0].textContent;},select: function (event, ui) {event.preventDefault();var kratica = ui.item.localised_geo_type;if ( second_location.checked ) {place_2.value = ui.item.display_name + ' (' + kratica + ', ' + ui.item.country + ')';place_2_alt.value = ui.item.individual_id;} else {this.value = ui.item.display_name + ' (' + kratica + ', ' + ui.item.country + ')';$("#" + this.id + "_alt").val(ui.item.individual_id);}}}).each(function() {$(this).data("uiAutocomplete")._renderItem = function (ul, item) {var kratica = item.localised_geo_type;return $("
").append('
' + item.display_name + '' + kratica + '' + item.country + '' + item.individual_id + '' + item.display_name + ' (' + kratica + ', ' + item.country +')').data("ui-autocomplete-item", item).appendTo(ul);}});});function istalokacija() {let value_1 = place_1.value;let value_1_alt = place_1_alt.value;place_2.value = value_1;place_2_alt.value = value_1_alt;}second_location.addEventListener('change', (event) => { if (event.currentTarget.checked) {car_hire_return.forEach(elems => elems.style.setProperty('display', 'none', 'important')); } else {car_hire_return.forEach(elems => elems.style.display = "");istalokacija(); }})}if ( search_type === "flights" ) {var vrstadatuma = search_form.dataset.date1;var vrstadatumapol = search_form.dataset.date1;var vrstadatumadol = search_form.dataset.date1;var searchtype = search_form.dataset.date2;var vrstasmjera = search_form.dataset.dir;var flighttype = search_form.dataset.ft;var focusedsearchtype0 = search_form.dataset.fst;var focusedsearchtypearray = focusedsearchtype0.split('+');var focusedsearchtype1 = focusedsearchtypearray[0];var focusedsearchtype2 = focusedsearchtypearray[1];if ( vrstadatuma == 'dan' ) {datumpolaska1 = date_1.value;datumpolaska2 = date_1_alt.value;if ( vrstasmjera == 'povratno' ) {datumpovratka1 = date_2.value;datumpovratka2 = date_2_alt.value;}}if ( vrstadatuma == 'mjesec' ) {datamonth1 = date_1_alt.value;datamonth2 = date_1.value;if ( vrstasmjera == 'povratno' ) {datamonth4 = date_2_alt.value;datamonth5 = date_2.value;}}if ( vrstadatuma == 'anytime' ) {datamonth1 = date_1_alt.value;datamonth2 = date_1.value;if ( vrstasmjera == 'povratno' ) {datamonth4 = date_2_alt.value;datamonth5 = date_2.value;}}if (flighttype == "jednosmjerno") { jednosmjerno();}if (flighttype == "povratno") { povratno();}function next12months() { var now = new Date(); var month1 = now.getMonth(); var year = now.getFullYear(); var year_short = year.toString().substring(2); var names = [tr.months.january, tr.months.february, tr.months.march, tr.months.april, tr.months.may, tr.months.june, tr.months.july, tr.months.august, tr.months.september, tr.months.october, tr.months.november, tr.months.december]; var res = []; for (var i = 0; i < 13; ++i) { var month2 = month1 + 1;if ( month2 < 10 ) {month2 = month1 + 1;month2 = '0' + month2;} res.push('
' + names[month1] + '
' + year + '.
'); if (++month1 === 12) { month1 = 0; ++year; ++year_short; } } return '
' + tr.other.select_month + '
' + res + '
';}function jednosmjerno() {radio_one_way.checked = true;date_2_label.textContent = tr.other.one_way;date_2.value = "";date_2_alt.value = "";vrstasmjera = 'jednosmjerno';}function povratno() {radio_return.checked = true;date_2_label.innerHTML = 'date_range' + tr.other.label_date_return;// Za vrstu datuma = danif ( vrstadatuma == 'dan' ) {if ( vrstadatumapol == 'dan' && vrstadatumadol == 'dan' && typeof datumpovratka1 == 'undefined' ) {datumpovratka1 = datumpolaska1;datumpovratka2 = datumpolaska2;date_2.value = datumpovratka1;date_2_alt.value = datumpovratka2;}if ( vrstadatumapol == 'dan' && vrstadatumadol == 'mjesec' || vrstadatumapol == 'dan' && vrstadatumadol == 'anytime' ) {datumpovratka1 = datumpolaska1;datumpovratka2 = datumpolaska2;date_2.value = datumpovratka1;date_2_alt.value = datumpovratka2;}if ( vrstadatumapol == 'mjesec' && vrstadatumadol == 'dan' || vrstadatumapol == 'anytime' && vrstadatumadol == 'dan' ) {datumpolaska1 = datumpovratka1;datumpolaska2 = datumpovratka2;date_1.value = datumpolaska1;date_1_alt.value = datumpolaska2;}if ( typeof datumpolaska1 == 'undefined' && typeof datumpolaska2 == 'undefined' ) {datumpolaska1 = date_1.value;datumpolaska2 = date_1_alt.value;}if ((typeof datumpovratka1 != 'undefined' && typeof datumpovratka2 != 'undefined')|| (datumpovratka1 === "" && datumpovratka2 === "")) {// Je li datum polaska veci od datuma dolaska?if ( datumpolaska2 > datumpovratka2 ) {date_2.value = datumpolaska1;date_2_alt.value = datumpolaska2;} else {date_2.value = datumpovratka1;date_2_alt.value = datumpovratka2;}}}if ( vrstadatuma == 'mjesec' ) {if ( vrstadatumapol == 'dan' && vrstadatumadol == 'mjesec' ) {datamonth1 = datamonth4;datamonth2 = datamonth5;date_1.value = datamonth2;date_1_alt.value = datamonth1;}if ( vrstadatumapol == 'mjesec' && vrstadatumadol == 'dan' ) {datamonth4 = datamonth1;datamonth5 = datamonth2;date_2.value = datamonth5;date_2_alt.value = datamonth4;}if ( typeof datamonth1 != 'undefined' && typeof datamonth4 == 'undefined' ) {datamonth4 = datamonth1;datamonth5 = datamonth2;}if ( typeof vrstaklika == 'undefined' ) {vrstaklika = 'polazak';}if ( typeof datamonth1 == 'undefined' && typeof datamonth4 != 'undefined' ) {datamonth1 = datamonth4;datamonth2 = datamonth5;}if ( datamonth1 == 'anytime' && datamonth4 != 'anytime' ) {datamonth1 = datamonth4;datamonth2 = datamonth5;date_1.value = datamonth5;date_1_alt.value = datamonth4;}if ( datamonth1 != 'anytime' && datamonth4 == 'anytime' ) {datamonth4 = datamonth1;datamonth5 = datamonth2;date_2.value = datamonth2;date_2_alt.value = datamonth1;}if ( vrstaklika == 'polazak' ) {if ( datamonth1 > datamonth4 ) {date_2.value = datamonth2;date_2_alt.value = datamonth1;}}if ( vrstaklika == 'povratak' ) {if ( datamonth4 < datamonth1 ) {date_1.value = datamonth5;date_1_alt.value = datamonth4;}}if (date_2_alt.value === "" ) {date_2.value = datamonth5;date_2_alt.value = datamonth4;}}if ( vrstadatuma == 'anytime' ) {date_1.value = tr.other.anytime;date_1_alt.value = 'anytime';date_2.value = tr.other.anytime;date_2_alt.value = 'anytime';}vrstasmjera = 'povratno';}function selectanytime() {vrstadatuma = 'anytime';datamonth1 = "anytime";datamonth4 = "anytime";date_1.value = tr.other.anytime;date_1_alt.value = 'anytime';$("#date_1").datepicker("hide");if ( vrstasmjera == 'povratno' ) {date_2.value = tr.other.anytime;date_2_alt.value = 'anytime';$("#date_2").datepicker("hide");}}months12 = '
' + next12months() + '
today ' + tr.other.exact_date + '
calendar_month ' + tr.other.anytime + '
';months12 = months12.replace(/\,/g, "");let list_months = '
date_range ' + tr.other.whole_month + '
calendar_month ' + tr.other.anytime + '
';$( "#date_1" ).datepicker({dateFormat: "dd. mm. yy.",changeMonth: true,showOtherMonths: true,selectOtherMonths: true,numberOfMonths: 1,minDate: "0",maxDate: "+1y",altFormat: "yy-mm-dd",altField: "#date_1_alt",defaultDate: "+1w",onSelect: function( selectedDate ) {vrstadatuma = 'dan';vrstadatumapol = 'dan';$( "#date_2" ).datepicker( "option", "minDate", selectedDate );datumpolaska1 = $("#date_1").datepicker({ dateFormat: "dd. mm. yy." }).val();datumpolaska2 = $("#date_1_alt").datepicker({ dateFormat: "yy-mm-dd" }).val();if ( vrstasmjera == 'povratno' ) {povratno();}}});$( "#date_2" ).datepicker({dateFormat: "dd. mm. yy.",changeMonth: true,showOtherMonths: true,selectOtherMonths: true,numberOfMonths: 1,minDate: "0",maxDate: "+1y",altFormat: "yy-mm-dd",altField: "#date_2_alt",defaultDate: "+2w",onSelect: function( selectedDate ) {vrstadatuma = 'dan';vrstadatumadol = 'dan';datumpovratka1 = $("#date_2").datepicker({ dateFormat: "dd. mm. yy." }).val();datumpovratka2 = $("#date_2_alt").datepicker({ dateFormat: "yy-mm-dd" }).val();povratno();}});if (date_1.value === "") {vrstadatuma = 'dan';$("#date_1").datepicker("setDate", "7");datumpolaska1 = $("#date_1").datepicker({ dateFormat: "dd. mm. yy." }).val();datumpolaska2 = $("#date_1_alt").datepicker({ dateFormat: "yy-mm-dd" }).val();$("#date_2").datepicker("setDate", "14");datumpovratka1 = $("#date_2").datepicker({ dateFormat: "dd. mm. yy." }).val();datumpovratka2 = $("#date_2_alt").datepicker({ dateFormat: "yy-mm-dd" }).val();}const datepicker_div = document.getElementById("ui-datepicker-div");function listmonths() {datepicker_div.querySelector(".ui-datepicker-header").classList.add("d-none");datepicker_div.querySelector(".ui-datepicker-calendar").classList.add("d-none");datepicker_div.querySelector(".anytime.anytime-1").classList.add("d-none");datepicker_div.querySelector(".months12").classList.remove("d-none");datepicker_div.querySelector(".anytime.anytime-2").classList.remove("d-none");datepicker_div.querySelector(".list-months").classList.add("d-none");datepicker_div.querySelector(".list-dates").classList.remove("d-none");}function listdates() {datepicker_div.querySelector(".ui-datepicker-header").classList.remove("d-none");datepicker_div.querySelector(".ui-datepicker-calendar").classList.remove("d-none");datepicker_div.querySelector(".anytime.anytime-2").classList.add("d-none");datepicker_div.querySelector(".months12").classList.add("d-none");datepicker_div.querySelector(".anytime.anytime-1").classList.remove("d-none");datepicker_div.querySelector(".list-months").classList.remove("d-none");datepicker_div.querySelector(".list-dates").classList.add("d-none");}function select_clicked_month_1() {vrstadatuma = 'mjesec';vrstadatumapol = 'mjesec';vrstaklika = 'polazak';datamonth1 = this.dataset.month1;datamonth2 = this.dataset.month2;date_1.value = datamonth2;date_1_alt.value = datamonth1;$("#date_1").datepicker("hide");if ( vrstasmjera == 'povratno' ) {povratno();}}function select_clicked_month_2() {vrstadatuma = 'mjesec';vrstadatumadol = 'mjesec';vrstaklika = 'povratak';if ( typeof datamonth1 == 'undefined' && typeof datamonth2 == 'undefined' ) {datamonth1 = this.dataset.month1;datamonth2 = this.dataset.month2;}datamonth4 = this.dataset.month1;datamonth5 = this.dataset.month2;date_2.value = datamonth5;date_2_alt.value = datamonth4;$("#date_2").datepicker("hide");povratno();}$('#date_1').focus(function() {if (!datepicker_div.querySelector(".list-months")) {datepicker_div.insertAdjacentHTML('beforeend', list_months);}if (!datepicker_div.querySelector(".months12")) {datepicker_div.insertAdjacentHTML('beforeend', months12);}datepicker_div.querySelector(".list-months").addEventListener("click", function() {listmonths();});datepicker_div.querySelector(".list-dates").addEventListener("click", function() {listdates();});let suggested_months = datepicker_div.querySelectorAll(".months-month");suggested_months.forEach(item => item.addEventListener('click', select_clicked_month_1))datepicker_div.querySelectorAll(".anytime").forEach(item => item.addEventListener('click', selectanytime))});$('#date_2').focus(function() {if (!datepicker_div.querySelector(".list-months")) {datepicker_div.insertAdjacentHTML('beforeend', list_months);}if (!datepicker_div.querySelector(".months12")) {datepicker_div.insertAdjacentHTML('beforeend', months12);}datepicker_div.querySelector(".list-months").addEventListener("click", function() {listmonths();});datepicker_div.querySelector(".list-dates").addEventListener("click", function() {listdates();});let suggested_months = datepicker_div.querySelectorAll(".months-month");suggested_months.forEach(item => item.addEventListener('click', select_clicked_month_2))datepicker_div.querySelectorAll(".anytime").forEach(item => item.addEventListener('click', selectanytime))});radio_one_way.addEventListener("click", function() {jednosmjerno();});radio_return.addEventListener("click", function() {povratno();});search_form.querySelector(".empty-date").addEventListener("click", function() {jednosmjerno();});$(function() {$( ".autocompletes1" ).autocomplete({source: function (request, response) {$.ajax({url: "/php/acm/acm_flights.php?lang="+lang,dataType: "json",data: { v1: request.term },success: function (data) {var id1 = 'anywhere';var data = $.grep(data, function(e){ return e.id != id1;});var id2 = 'bilo-kamo';var data = $.grep(data, function(e){ return e.id != id2;});response(data);}});},open: function (event, ui) { focusedlabel1 = ""; focusedid1 = ""; focusedsearchtype1 = "";},focus: function (event, ui) {event.preventDefault();place_1.value = "";place_1_alt.value = "";this.value = ui.item.name;var menu = $(this).data("uiAutocomplete").menu.element;focusedlabel1 = menu.find("li:has(a.ui-state-focus) .item-label")[0].textContent;focusedid1 = menu.find("li:has(a.ui-state-focus) .item-id")[0].textContent;focusedsearchtype1 = menu.find("li:has(a.ui-state-focus) .item-search-type")[0].textContent;},select: function (event, ui) {event.preventDefault();this.value = ui.item.name;$("#" + this.id + "_alt").val(ui.item.id + '+' + ui.item.alias);}}).each(function() {$(this).data("uiAutocomplete")._renderItem = function (ul, item) {return $("
").append('
' + item.name + '' + item.label + '' + item.id + '+' + item.alias + '' + item.type + '').data("ui-autocomplete-item", item).appendTo(ul);}});});$(function() {$( ".autocompletes2" ).autocomplete({source: function (request, response) {$.ajax({url: "/php/acm/acm_flights.php?lang="+lang,dataType: "json",data: { v1: request.term },success: function (data) {response(data);}});},open: function (event, ui) {focusedlabel2 = "";focusedid2 = "";focusedsearchtype2 = "";},focus: function (event, ui) {event.preventDefault();place_2.value = "";place_2_alt.value = "";this.value = ui.item.name;var menu = $(this).data("uiAutocomplete").menu.element;focusedlabel2 = menu.find("li:has(a.ui-state-focus) .item-label")[0].textContent;focusedid2 = menu.find("li:has(a.ui-state-focus) .item-id")[0].textContent;focusedsearchtype2 = menu.find("li:has(a.ui-state-focus) .item-search-type")[0].textContent;},select: function (event, ui) {event.preventDefault();this.value = ui.item.name;$("#" + this.id + "_alt").val(ui.item.id + '+' + ui.item.alias);}}).each(function() {$(this).data("uiAutocomplete")._renderItem = function (ul, item) {return $("
").append('
' + item.name + '' + item.label + '' + item.id + '+' + item.alias + '' + item.type + '').data("ui-autocomplete-item", item).appendTo(ul);}});});}if ( search_type === "car" ) {if( place_1_alt.value !='' && place_2_alt.value !='' ) {const slider_fuel_consumption = document.getElementById("slider_fuel_consumption");const slider_fuel_price = document.getElementById("slider_fuel_price");document.getElementById("potrosnjalitara").innerHTML = ': ' + slider_fuel_consumption.value + ' l/100 km';var fuel_price_initial = (slider_fuel_price.value).replace(/\./g, ",");document.getElementById("fuel_price").innerHTML = fuel_price_initial + ' €/l';["change", "input"].forEach(function(event) {slider_fuel_consumption.addEventListener(event, function () { calculate(this.value) });slider_fuel_price.addEventListener(event, function () { calculate2(this.value) });});function calculate(value){var distance = search_form.dataset.pud; let num = value.replace(/\./g, ",");document.getElementById("potrosnjalitara").innerHTML = ': ' + num + ' l/100 km';calculate3(distance);}function calculate2(value){var distance = search_form.dataset.pud; let num = value.replace(/\./g, ",");document.getElementById("fuel_price").innerHTML = num + ' €/l';calculate3(distance);}function calculate3(distance){ let dist = distance;let dist2 = Math.round(dist / 1000); let distair = search_form.dataset.ds + ' km'; var potrosnja = document.getElementById('slider_fuel_consumption').value; var fuel_price = document.getElementById('slider_fuel_price').value; var trosak2 = ((dist / 1000) * fuel_price * potrosnja * 0.01).toFixed(4); var trosak3 = parseFloat(trosak2).toLocaleString("hr", {minimumFractionDigits: 2, maximumFractionDigits: 2}) + ' €';if (lang == "hr") { document.getElementById("directions-stats").innerHTML = ''+dist2+' km
'+distair+'
'+trosak3+'';} else { document.getElementById("directions-stats").innerHTML = '
'+dist2+' km
'+distair+'
'+trosak3+'
';}}var polazak = place_1_alt.value;var dolazak = place_2_alt.value;}}appdata.valueno1 = 'neutral';appdata.valueno2 = 'neutral';if ( search_type === "car_hire" ) {function selectfirst1() {if ( focusedlabel1.trim() ) {if ( second_location.checked ) {place_1.value = focusedlabel1;place_1_alt.value = focusedid1;place_2.value = focusedlabel1;place_2_alt.value = focusedid1;} else {place_1.value = focusedlabel1;place_1_alt.value = focusedid1;}} else {if ( second_location.checked ) {if(document.querySelector("ul.ui-autocomplete:nth-of-type(1) li.ui-menu-item:nth-child(1)")) {place_1.value = document.querySelector("ul.ui-autocomplete:nth-of-type(1) li.ui-menu-item:nth-child(1) .item-label2").textContent;place_1_alt.value = document.querySelector("ul.ui-autocomplete:nth-of-type(1) li.ui-menu-item:nth-child(1) .item-id").textContent;place_2.value = document.querySelector("ul.ui-autocomplete:nth-of-type(1) li.ui-menu-item:nth-child(1) .item-label2").textContent;place_2_alt.value = document.querySelector("ul.ui-autocomplete:nth-of-type(1) li.ui-menu-item:nth-child(1) .item-id").textContent;}} else {if(document.querySelector("ul.ui-autocomplete:nth-of-type(1) li.ui-menu-item:nth-child(1)")) {place_1.value = document.querySelector("ul.ui-autocomplete:nth-of-type(1) li.ui-menu-item:nth-child(1) .item-label2").textContent;place_1_alt.value = document.querySelector("ul.ui-autocomplete:nth-of-type(1) li.ui-menu-item:nth-child(1) .item-id").textContent;}}}}function selectfirst2() {if ( focusedlabel2.trim() ) {place_2.value = focusedlabel2;place_2_alt.value = focusedid2;} else {if(document.querySelector("ul.ui-autocomplete:nth-of-type(2) li.ui-menu-item:nth-child(1)")) {place_2.value = document.querySelector("ul.ui-autocomplete:nth-of-type(2) li.ui-menu-item:nth-child(1) .item-label2").textContent;place_2_alt.value = document.querySelector("ul.ui-autocomplete:nth-of-type(2) li.ui-menu-item:nth-child(1) .item-id").textContent;}}}} else {function selectfirst1() {if ( focusedlabel1.trim() ) {place_1.value = focusedlabel1;place_1_alt.value = focusedid1;} else {if(document.querySelector("ul.ui-autocomplete:nth-of-type(1) li.ui-menu-item:nth-child(1)")) {place_1.value = document.querySelector("ul.ui-autocomplete:nth-of-type(1) li.ui-menu-item:nth-child(1) .item-label").textContent;place_1_alt.value = document.querySelector("ul.ui-autocomplete:nth-of-type(1) li.ui-menu-item:nth-child(1) .item-id").textContent;focusedsearchtype1 = document.querySelector("ul.ui-autocomplete:nth-of-type(1) li.ui-menu-item:nth-child(1) .item-search-type").textContent;}}}function selectfirst2() {if ( focusedlabel2.trim() ) {place_2.value = focusedlabel2;place_2_alt.value = focusedid2;} else {if(document.querySelector("ul.ui-autocomplete:nth-of-type(2) li.ui-menu-item:nth-child(1)")) {place_2.value = document.querySelector("ul.ui-autocomplete:nth-of-type(2) li.ui-menu-item:nth-child(1) .item-label").textContent;place_2_alt.value = document.querySelector("ul.ui-autocomplete:nth-of-type(2) li.ui-menu-item:nth-child(1) .item-id").textContent;focusedsearchtype2 = document.querySelector("ul.ui-autocomplete:nth-of-type(2) li.ui-menu-item:nth-child(1) .item-search-type").textContent;}}}}if ( search_type === "car" ) {appdata.izbjegavaj_cestarine = search_form.dataset.avoid_tolls;if ( appdata.izbjegavaj_cestarine === 'da' ) {document.getElementById("avoid_tolls").checked = true;}if( place_1_alt.value !='' && place_2_alt.value !='' ) {if ( search_form.dataset.pud !== 'x' ) {document.querySelector(".displaymap-note").classList.add("d-none");var pud = search_form.dataset.pud;calculate3(pud);document.querySelector(".displaymap").addEventListener("click", function() {$.ajax({url: '/php/tt0-displaymap.php',data: {"vz": "d", "lang": lang, "po": polazak, "do": dolazak, "pk": coord_dep.value, "dk": coord_arr.value }});loaddirections();});} else {$.ajax({url: '/php/tt0-displaymap.php',data: {"vz": "n", "lang": lang, "po": polazak, "do": dolazak, "pk": coord_dep.value, "dk": coord_arr.value }});loaddirections();}}function loaddirections() {function loadScripts(scripts) {var deferred = jQuery.Deferred();function loadScript(i) {if (i < scripts.length) {jQuery.ajax({ url: scripts[i], dataType: "script", cache: true, success: function() { loadScript(i + 1); }});} else {deferred.resolve();}}loadScript(0);return deferred;}var scrs1 = loadScripts(["https://js.api.here.com/v3/3.0/mapsjs-core.js","https://js.api.here.com/v3/3.0/mapsjs-service.js","https://js.api.here.com/v3/3.0/mapsjs-ui.js","https://js.api.here.com/v3/3.0/mapsjs-mapevents.js"]).done(function() {});document.head.append('
');jQuery.when(scrs1).done(function() {if ( typeof(H.Map) == "function" ) {document.getElementById("map").classList.add('border', 'rounded-1', 'my-2', 'directionsmap');document.querySelector(".displaymap").remove();document.querySelector(".displaymap-note").classList.remove('d-none');var Utils = {locationToWaypointString: function(coordinates) {return 'geo!' + coordinates.lat + ',' + coordinates.lng;},formatDistance: function(distanceInMeters) {if (distanceInMeters < 1000) {return distanceInMeters + 'm';} else {return Math.round(distanceInMeters / 1000) + ' km';}},formatDuration: function(durationInSeconds) {var sec_num = parseInt(durationInSeconds, 10);var hours = Math.floor(sec_num / 3600);var minutes = Math.floor((sec_num - (hours * 3600)) / 60);if (hours > 0) {return hours + ' h ' + minutes + ' min';} else {return minutes + ' min';}}};function HERERoutesPanel(routes, options) {let suggested_routes = tr.other.suggested_routes;if (appdata.izbjegavaj_cestarine === 'da'){suggested_routes = tr.other.suggested_routes_avoid_tolls_enabled;}var selectedRoute;var selectedRouteElement;var render = function(routes) {var routeList = document.querySelector('#routes-panel ul');routeList.classList.add('border', 'rounded-1', 'p-0', 'list-unstyled');routeList.innerHTML += '
' + suggested_routes + '
';routes.forEach(function(route, i) {routeList.appendChild(renderRouteElement(route, i));});};var counter = 0;var renderRouteElement = function(route, i) {counter++;var element = document.createElement('li');if ( counter === 1 ) {element.classList.add('bg-primary', 'text-white', 'p-2');element.setAttribute("role", "button");} else {element.classList.add('p-2');element.setAttribute("role", "button");}var routeSummary = route.route.summary;element.innerHTML = renderRouteTitle(routeSummary, i);var maneuvers = route.route.leg[0].maneuver;routeInstructionsContainer.innerHTML += renderManeuvers(maneuvers);element.addEventListener('click', function() {var routeLineStyles = {normal: { strokeColor: 'rgba(119, 119, 119, 0.5)', lineWidth: 5 },selected: { strokeColor: 'rgba(60, 143, 255, 0.7)', lineWidth: 5 }};routes.forEach(function(route, i) {route.routeLine.setStyle(routeLineStyles.normal).setZIndex(1);});if (selectedRouteElement) { selectedRouteElement.classList.remove('bg-primary'); selectedRouteElement.classList.remove('text-white');}document.querySelector('#routes-panel li').classList.remove('bg-primary');document.querySelector('#routes-panel li').classList.remove('text-white');element.classList.add('bg-primary');element.classList.add('text-white');element.classList.add('p-2');selectedRoute = route;selectedRouteElement = element;if (options.onRouteSelection) { options.onRouteSelection(selectedRoute);}}, false);return element;};var renderRouteTitle = function(routeSummary, i) {return ['' + (i + 1) + '. // ',Utils.formatDistance(routeSummary.distance) + ', ',Utils.formatDuration(routeSummary.travelTime)].join('');};var renderManeuvers = function(maneuvers) {return ['
- ', maneuvers.map(function(maneuver) { return '
- ' + maneuver.instruction + ' '; }).join(''),'
'].join('');};render(routes);}function onRouteSelection(selectedRoute) {route = selectedRoute.route;search_form.dataset.pud = route.summary.distance;var pud = search_form.dataset.pud;calculate3(pud);var routeLineStyles = {normal: { strokeColor: 'rgba(119, 119, 119, 0.5)', lineWidth: 5 },selected: { strokeColor: 'rgba(60, 143, 255, 1)', lineWidth: 5 }};selectedRoute.routeLine.setStyle(routeLineStyles.normal).setZIndex(1);if (selectedRoute) {selectedRoute.routeLine.setStyle(routeLineStyles.selected).setZIndex(10);}map.setViewBounds(selectedRoute.routeLine.getBounds(), true);addManueversToPanel(route);};if (appdata.izbjegavaj_cestarine === 'ne'){function calculateRoute (platform) {var router = platform.getRoutingService(),routeOptions = {mode: 'fastest;car',representation: 'display',alternatives: '3',routeattributes : 'waypoints,summary,shape,legs',maneuverattributes: 'direction,action',waypoint0: coord_dep.value,waypoint1: coord_arr.value};router.calculateRoute(routeOptions, onSuccess, onError);}}if (appdata.izbjegavaj_cestarine === 'da'){function calculateRoute (platform) {var router = platform.getRoutingService(),routeOptions = {mode: 'fastest;car;motorway:-3',representation: 'display',alternatives: '3',routeattributes : 'waypoints,summary,shape,legs',maneuverattributes: 'direction,action',waypoint0: coord_dep.value,waypoint1: coord_arr.value};router.calculateRoute(routeOptions, onSuccess, onError);}}function onSuccess(result) {if (result.response.route) {var routeLineGroup = new H.map.Group();var count = 0;var routes = result.response.route.map(function(route) {count++;if ( count === 1 ) {var routeLine = addRouteShapeToMap1(route);} else {var routeLine = addRouteShapeToMap(route);} routeLineGroup.addObject(routeLine); return { route: route, routeLine: routeLine };});map.addObject(routeLineGroup);map.setViewBounds(routeLineGroup.getBounds());this.routePanel = new HERERoutesPanel(routes, { onRouteSelection: onRouteSelection });}var routestart = result.response.route[0];search_form.dataset.pud = routestart.summary.distance;var pud = search_form.dataset.pud;calculate3(pud);//addRouteShapeToMap(routestart);addManueversToMap(routestart);addWaypointsToPanel(routestart.waypoint);addManueversToPanel(routestart);}if (lang === "hr") {var contact_url = "/kontakt";} else {var contact_url = "/en/contact";}function onError(error) {alert(tr.other.route_planner_map_not_working_notice + " " + '' + tr.other.contact_us + '');}var mapContainer = document.getElementById('map');var routeInstructionsContainer = document.getElementById('directions-panel');var platform = new H.service.Platform({app_id: 'lKBYFHRiaxleWuRC0Qko',app_code: 'cmUHHV3rMfk7tqbdx9LE8w',useCIT: true,useHTTPS: true});var pixelRatio = window.devicePixelRatio || 1;var defaultLayers = platform.createDefaultLayers({tileSize: pixelRatio === 1 ? 256 : 512,ppi: pixelRatio === 1 ? undefined : 320});var mapOptions = {center: {lat:45.1, lng:15.2},zoom: 13,pixelRatio: pixelRatio};var map = new H.Map(mapContainer,defaultLayers.normal.map,mapOptions);var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));var ui = H.ui.UI.createDefault(map, defaultLayers);var mapSettings = ui.getControl('mapsettings');var zoom = ui.getControl('zoom');var scalebar = ui.getControl('scalebar');mapSettings.setAlignment('top-right');zoom.setAlignment('bottom-right');scalebar.setAlignment('bottom-right');var bubble;function openBubble(position, text){ if(!bubble){bubble = new H.ui.InfoBubble(position,{content: text});ui.addBubble(bubble);} else {bubble.setPosition(position);bubble.setContent(text);bubble.open();}}function addRouteShapeToMap1(route){var lineString = new H.geo.LineString(),routeShape = route.shape,polyline;routeShape.forEach(function(point) {var parts = point.split(',');lineString.pushLatLngAlt(parts[0], parts[1]);});polyline = new H.map.Polyline(lineString, {style: {lineWidth: 5,strokeColor: 'rgba(60, 143, 255, 1)'},arrows: { fillColor: 'black', frequency: 4, width: 2, length: 2 }});map.addObject(polyline);map.setViewBounds(polyline.getBounds(), true);return polyline.setZIndex(10);}function addRouteShapeToMap(route){var lineString = new H.geo.LineString(),routeShape = route.shape,polyline;routeShape.forEach(function(point) {var parts = point.split(',');lineString.pushLatLngAlt(parts[0], parts[1]);});polyline = new H.map.Polyline(lineString, {style: {lineWidth: 5,strokeColor: 'rgba(119, 119, 119, 0.5)'},arrows: { fillColor: 'black', frequency: 4, width: 2, length: 2 }});map.addObject(polyline);map.setViewBounds(polyline.getBounds(), true);return polyline;}function addManueversToMap(route){var svgMarkup = '
',dotIcon = new H.map.Icon(svgMarkup, {anchor: {x:8, y:8}}),group = new H.map.Group(),i,j;for (i = 0; i < route.leg.length; i += 1) {for (j = 0; j < route.leg[i].maneuver.length; j += 1) {maneuver = route.leg[i].maneuver[j];var marker = new H.map.Marker({ lat: maneuver.position.latitude, lng: maneuver.position.longitude} , {icon: dotIcon});marker.instruction = maneuver.instruction;group.addObject(marker);}}group.addEventListener('tap', function (evt) {map.setCenter(evt.target.getPosition());openBubble( evt.target.getPosition(), evt.target.instruction);}, false);map.addObject(group);}function addWaypointsToPanel(waypoints){var nodeH3 = document.createElement('h3'),waypointLabels = [],i; for (i = 0; i < waypoints.length; i += 1) {waypointLabels.push(waypoints[i].label) } nodeH3.textContent = waypointLabels.join(' -> ');routeInstructionsContainer.innerHTML = '';//routeInstructionsContainer.appendChild(nodeH3);}function addManueversToPanel(route){var nodeOL = document.createElement('ol'),i,j;nodeOL.style.paddingLeft ='2rem';nodeOL.className = 'directions';for (i = 0; i < route.leg.length; i += 1) {for (j = 0; j < route.leg[i].maneuver.length; j += 1) {maneuver = route.leg[i].maneuver[j];var li = document.createElement('li'), spanArrow = document.createElement('span'), spanInstruction = document.createElement('span');spanArrow.className = 'arrow ' + maneuver.action;spanInstruction.innerHTML = maneuver.instruction;li.appendChild(spanArrow);li.appendChild(spanInstruction);nodeOL.appendChild(li);}}routeInstructionsContainer.innerHTML = "";routeInstructionsContainer.appendChild(nodeOL);routeInstructionsContainer.classList.add("py-2", "border");}calculateRoute (platform);}});}}function goto_url( url ) {search_form.action = url.toLowerCase();search_form.submit();}function goto_ext_url( url ) {window.open(url, '_blank');}if (search_type === "flights") {search_button.addEventListener("click", function() {if ( place_1.value.trim() !== "" && place_2.value.trim() !== "" && date_1.value.trim() !== "" ) {if ( place_1.value.trim() == place_2.value.trim() || place_1_alt.value.trim() == place_2_alt.value.trim() ) {alert(tr.alerts.please_select_different_places_departure_arrival);return false;}if ( place_1_alt.value.trim() === "" || place_2_alt.value.trim() === "" ) {alert(tr.alerts.please_select_places_departure_arrival);return false;}if( vrstadatuma == 'dan' && focusedsearchtype1 == 'search' && focusedsearchtype2 == 'search' ){if(place_1_alt.value.trim() !== place_2_alt.value.trim() ){let location_1_alt = place_1_alt.value;var location_2_alt = place_2_alt.value;let location_1_altarray = location_1_alt.split('+');let id1 = location_1_altarray[0];let location_2_altarray = location_2_alt.split('+');let id2 = location_2_altarray[0];window.open('/ponude/ponuda?t=ln_s0&i1=' + id1 + '&i2=' + id2 + '&d1=' + document.getElementById('date_1_alt').value + '&d2=' + document.getElementById('date_2_alt').value, '_blank');} else {alert(tr.alerts.please_select_different_places_departure_arrival);}} else if ( vrstadatuma == 'mjesec' || vrstadatuma == 'anytime' || focusedsearchtype1 == 'browse' || focusedsearchtype2 == 'browse' ) {let location_1_alt = place_1_alt.value.toLowerCase();let location_2_alt = place_2_alt.value.toLowerCase();let location_1_altarray = location_1_alt.split('+');let id1 = location_1_altarray[0];let alias1 = location_1_altarray[1];let location_2_altarray = location_2_alt.split('+');let id2 = location_2_altarray[0];let alias2 = location_2_altarray[1];let url_destination = url_prefix + '/' + id1 + '/' + id2 + '/' + tr.aliases.cheap_flights + '-' + tr.aliases.flight_tickets_short + '-' + alias1 + '-' + alias2;goto_url(url_destination);}} else {alert(tr.alerts.please_fill_in_these_fields + ': ' + tr.other.place_of_departure + ', ' + tr.other.destination + ', ' + tr.other.date_of_departure + '.');}});}if (search_type === "ferry_transport") {search_button.addEventListener("click", function() {if ( place_1.value.trim() !== "" && place_2.value.trim() !== "" && date_1.value.trim() !== "" ) {if ( place_1.value.trim() === place_2.value.trim() || place_1_alt.value.trim() === place_2_alt.value.trim() ) {alert(tr.alerts.please_select_different_places_departure_arrival);return false;}if ( place_1_alt.value.trim() === "" || place_2_alt.value.trim() === "" ) {alert(tr.alerts.please_select_places_departure_arrival);return false;}if ( place_1_alt.value.trim() === tr.aliases.anyport && place_2_alt.value.trim() === tr.aliases.anywhere ) {alert(tr.alerts.any_place_to_anywhere_not_possible);return false;}let alias1 = place_1_alt.value.toLowerCase();let alias2 = place_2_alt.value.toLowerCase();let url_destination = url_prefix + '/' + alias1 + '/' + alias2 + '/' + tr.aliases.ferry_catamaran_ship + '-' + alias1 + '-' + alias2 + '-' + tr.aliases.ferry_timetable_price;goto_url(url_destination);} else {alert(tr.alerts.please_fill_in_these_fields + ': ' + tr.other.place_of_departure + ', ' + tr.other.destination + ', ' + tr.other.date_of_departure + '.');}});}if (search_type === "tolls") {search_button.addEventListener("click", function() {if ( place_1.value.trim() !== "" && place_2.value.trim() !== "" ) {if ( place_1.value.trim() === place_2.value.trim() || place_1_alt.value.trim() === place_2_alt.value.trim() ) {if ( place_1.value.trim() === tr.other.krcki_most && place_2.value.trim() === tr.other.krcki_most ) {} else {alert(tr.alerts.please_select_different_places_departure_arrival);return false;}}if ( place_1_alt.value.trim() === "" || place_2_alt.value.trim() === "" ) {alert(tr.alerts.please_select_places_departure_arrival);return false;}let location_1_alt = place_1_alt.value.toLowerCase();let location_2_alt = place_2_alt.value.toLowerCase();let alias1 = location_1_alt;let alias2 = location_2_alt;let url_destination = url_prefix + '/' + alias1 + '/' + alias2 + '/' + tr.aliases.toll + '-' + alias1 + '-' + alias2 + '-' + tr.aliases.price;goto_url(url_destination);} else {alert(tr.alerts.please_fill_in_these_fields + ': ' + tr.other.place_of_departure + ', ' + tr.other.destination + '.');}});}if (search_type === "car_hire") {search_button.addEventListener("click", function() {if ( second_location.checked ) {if(place_1_alt.value.trim() !== "" && date_1.value.trim() !== "" && date_2.value.trim() !== "" ){let url_destination = '/ponude/ponuda?t=r1&i1=' + document.getElementById('place_1_alt').value + '&i2=' + document.getElementById('place_1_alt').value+ '&d1=' + document.getElementById('date_1_alt').value + '&d2=' + document.getElementById('date_2_alt').value + '&chpt=' + document.getElementById('time_1').value + '&chdot=' + document.getElementById('time_2').value + '&chag=' + '25-70';goto_ext_url(url_destination);} else {alert(tr.alerts.please_fill_in_these_fields + ': ' + tr.other.pick_up_location + ', ' + tr.other.pick_up_date + ', ' + tr.other.drop_off_date + '.');}}else {if(place_1_alt.value.trim() !== "" && place_2.value.trim() !== "" && date_1.value.trim() !== "" && date_2.value.trim() !== "" ){let url_destination = '/ponude/ponuda?t=r1&i1=' + document.getElementById('place_1_alt').value + '&i2=' + document.getElementById('place_2_alt').value+ '&d1=' + document.getElementById('date_1_alt').value + '&d2=' + document.getElementById('date_2_alt').value + '&chpt=' + document.getElementById('time_1').value + '&chdot=' + document.getElementById('time_2').value + '&chag=' + '25-70';goto_ext_url(url_destination);} else {alert(tr.alerts.please_fill_in_these_fields + ': ' + tr.other.pick_up_location + ', ' + tr.other.drop_off_location + ', ' + tr.other.pick_up_date + ', ' + tr.other.drop_off_date + '.');}}});}if ( search_type === "car" || search_type === "bus" || search_type === "train" ) {search_button.addEventListener("click", function() {if ( place_1_alt.value.trim() === place_2_alt.value.trim() ) {alert(tr.alerts.please_select_different_places_departure_arrival);return false;}if ( place_1_alt.value.trim() === "" || place_2_alt.value.trim() === "" ) {alert(tr.alerts.please_select_places_departure_arrival);return false;}if ( search_type === "car" ) {if( place_1_alt.value.trim() !== "" && place_2_alt.value.trim() !== "" ){if ( place_1_alt.value !== place_2_alt.value ) {let url_destination = url_prefix + '/' + place_1_alt.value + '/' + place_2_alt.value + '/' + tr.aliases.route_plan + '-' + place_1_alt.value + '-' + place_2_alt.value + '-' + tr.aliases.distance + '-' + tr.aliases.fuel_price;goto_url(url_destination);}}else {alert(tr.alerts.please_fill_in_these_fields + ': ' + tr.other.place_of_departure + ', ' + tr.other.destination + ', ' + tr.other.date_of_departure + '.');}} else {if(place_1_alt.value.trim() !== "" && place_2_alt.value.trim() !== "" && date_1.value.trim() !== "" ){if ( place_1_alt.value != place_2_alt.value ) {if ( search_type === "bus" || search_type === "train" ) {let url_destination = url_prefix + '/' + place_1_alt.value + '/' + place_2_alt.value + '/' + tr.aliases.category + '-' + place_1_alt.value + '-' + place_2_alt.value + '-' + tr.aliases.timetable + '-' + tr.aliases.price;goto_url(url_destination);}}}else {alert(tr.alerts.please_fill_in_these_fields + ': ' + tr.other.place_of_departure + ', ' + tr.other.destination + ', ' + tr.other.date_of_departure + '.');}}});}let swap_icons = search_form.querySelectorAll('.swap');swap_icons.forEach(item => item.addEventListener('click', swap_items))function swap_items() {if (search_type === "ferry_transport") {let value_1 = "";let value_1_alt = "";let value_1_coord = "";let value_2 = "";let value_2_alt = "";let value_2_coord = "";if ( place_1_alt.value === tr.aliases.anyport || place_2_alt.value === tr.aliases.anywhere ) {if ( place_1_alt.value === tr.aliases.anyport ) {value_1 = tr.other.anywhere;value_1_alt = tr.aliases.anywhere;//value_1_coord = coord_arr.value;value_2 = place_2.value;value_2_alt = place_2_alt.value;//value_2_coord = coord_arr.value;}if ( place_2_alt.value === tr.aliases.anywhere ) {value_1 = place_1.value;value_1_alt = place_1_alt.value;//value_1_coord = coord_dep.value;value_2 = tr.other.any_place;value_2_alt = tr.aliases.anyport;//value_2_coord = coord_arr.value;}if ( place_1_alt.value === tr.aliases.anyport && place_2_alt.value === tr.aliases.anywhere ) {value_1 = tr.other.anywhere;value_1_alt = tr.aliases.anywhere;//value_1_coord = coord_arr.value;value_2 = tr.other.any_place;value_2_alt = tr.aliases.anyport;//value_2_coord = coord_arr.value;}} else {value_1 = place_1.value;value_1_alt = place_1_alt.value;//value_1_coord = coord_dep.value;value_2 = place_2.value;value_2_alt = place_2_alt.value;//value_2_coord = coord_arr.value;}place_1.value = value_2;place_1_alt.value = value_2_alt;//coord_dep.value = value_2_coord;place_2.value = value_1;place_2_alt.value = value_1_alt;//coord_arr.value = value_1_coord;} else {if ( place_2_alt.value === (tr.aliases.anywhere + "+" + tr.aliases.anywhere) ) {alert(tr.alerts.anywhere_only_as_destination);return false;} else {let value_1 = place_1.value;let value_1_alt = place_1_alt.value;//let value_1_coord = coord_dep.value;let value_2 = place_2.value;let value_2_alt = place_2_alt.value;//let value_2_coord = coord_arr.value;place_1.value = value_2;place_1_alt.value = value_2_alt;//coord_dep.value = value_2_coord;place_2.value = value_1;place_2_alt.value = value_1_alt;//coord_arr.value = value_1_coord;}}}const map_overlay = document.getElementById("map-container-overlay");const map_container = document.getElementById("map-container");const map_display = document.getElementById("map-display");const map_legend = document.getElementById("map-legend");const link_routes = document.getElementById("map-link-routes");const link_place = document.getElementById("map-link-place");const close_map = document.getElementById("close-map");var map;var page_parking = "";var islands_loaded = "";var places_loaded = "";var beaches_loaded = "";if(link_place) { var page_lat = link_place.dataset.lat; var page_lng = link_place.dataset.lng; var page_polyline = link_place.dataset.polyline;} else {var page_lat = "45"; var page_lng = "15"; var page_polyline = "";}const loadScript = src => { return new Promise((resolve, reject) => { const script = document.createElement('script') script.type = 'text/javascript' script.onload = resolve script.onerror = reject script.src = src document.head.append(script) })}var map;function displayMap(map_type, items, page_lat, page_lng, page_polyline) {map_overlay.classList.remove("d-none"); if (map === undefined) { const apiKey = "AAPK8d1236ae855746bba30c31e504f80977TnqF1BL0GET7Tfi6r9vCOuBtBVU12mS_6wL9gKb2XYVJyjKAxApmIIqtVQNb8daY"; map = L.map('map-display').setView([page_lat, page_lng], 11); map.options.minZoom = 1; map.options.maxZoom = 18; const basemapLayers = { Satellite: L.esri.Vector.vectorBasemapLayer("ArcGIS:Imagery", { apiKey: apiKey }).addTo(map), Navigation: L.esri.Vector.vectorBasemapLayer("ArcGIS:Navigation", { apiKey: apiKey }).addTo(map),};L.control.layers(basemapLayers, null, { collapsed: true }).addTo(map);} var markeri = items; var all_places = new L.FeatureGroup(); if (search_type === "flights" && map_type !== "station") { Object.keys(markeri).forEach(latlng => { let airport = markeri[latlng][0]; let routes = markeri[latlng];let price_min = null;if (airport.type === "destination") {let airport_prices = [];routes.forEach(item => airport_prices.push(item.price))if (airport_prices.length === 1) {price_min = parseInt(airport_prices[0]);} else if (airport_prices.length > 1) {airport_prices.sort(function(a, b){return a - b});price_min = parseInt(airport_prices[0]);}} airport.price = price_min;let bg_color = "bg_color"; if (airport.type === "single" || airport.type === "origin") { var custom_icon = L.divIcon({className: "", iconSize: [24, 24], iconAnchor: [12, 12], html: '
' }); } else {if (search_type === "flights") { if ( airport.price.length <= 2) { var icon_size_width = 40; } else if ( airport.price.length === 3) { var icon_size_width = 48; } else if ( airport.price.length === 4) { var icon_size_width = 56; } else if ( airport.price.length > 4) { var icon_size_width = 64; } var icon_anchor_width = (icon_size_width/2); var custom_icon = L.divIcon({className: "", iconSize: [icon_size_width, 24], iconAnchor: [icon_anchor_width, 12], html: '
' + airport.price + ' €
' });} else { var custom_icon = L.divIcon({className: "", iconSize: [24, 24], iconAnchor: [12, 12], html: '
' });} } let infowindow_classes = "leaflet-infowindow-transport rounded-1"; if (airport.type === "single" || airport.type === "origin") { var infowindow_content = 'local_airport' + tr.other.airport + " " + airport.name + ' ➔'; infowindow_classes = "leaflet-infowindow-transport rounded-1 bg-dark";} else {if (search_type === "flights") {let route_list = "";routes.forEach(item => route_list += '
')let airport_title = "";if(airport.search_destination_type && airport.search_destination_type === "anywhere") {} else {airport_title = 'local_airport' + tr.other.airport + " " + airport.name + '';} var infowindow_content = '
- ' + airport_title + route_list + '
'; infowindow_classes = "leaflet-infowindow-transport rounded-1 bg-dark"; } else { var infowindow_content = '
' + tr.other.airport + " " + airport.name + ' ➔
'; }} var marker = L.marker(new L.LatLng(airport.lat, airport.lng), {icon: custom_icon}); marker.bindPopup(infowindow_content, {className: infowindow_classes}); marker.addTo(all_places); });} else { for (i = 0; i < markeri.length; i++) { if (markeri[i]["type"] === "single" || markeri[i]["type"] === "origin") { var custom_icon = L.divIcon({className: "", iconSize: [24, 24], iconAnchor: [12, 12], html: '
' }); } else { var custom_icon = L.divIcon({className: "", iconSize: [24, 24], iconAnchor: [12, 12], html: '
' }); } if (markeri[i]["alias"]) { var item_title = '' + transport_icons[search_type] + '' + markeri[i]['name'] + ' ➔'; } else { var item_title = '' + transport_icons[search_type] + '' + markeri[i]['name'] + ''; } var infowindow_content = '
' + item_title + '
'; let infowindow_classes = "leaflet-infowindow-transport rounded-1 bg-dark"; var marker = L.marker(new L.LatLng(markeri[i]['lat'], markeri[i]['lng']), {icon: custom_icon}); marker.bindPopup(infowindow_content, {className: infowindow_classes}); marker.addTo(all_places); }} map.addLayer(all_places); if (map_type !== "station") { map.fitBounds(all_places.getBounds()); } }function loader(type, items) {if (map === undefined) {loadScript('/js/leaflet.js') .then(() => loadScript('/js/esri-leaflet.js')) .then(() => loadScript('/js/esri-leaflet-vector.js')) .then(() => loadScript('/js/leaflet.markercluster.js')) .then(() => { displayMap(type, items, page_lat, page_lng, page_polyline); }) .catch((error) => console.log(error))} else {displayMap(type, items, page_lat, page_lng, page_polyline);}}function createMapComplex(type) { var nodeList = document.querySelectorAll('ul.transport-results li'); if (search_type === "ferry_transport") { var nodeList = document.querySelectorAll('ul.transport-results li .sailing'); } var items = []; for (let i = 0; i < nodeList.length; i++) { let li_item = nodeList[i]; let origin_latlng = li_item.dataset.origin_latlng; let origin_latlng_array = origin_latlng.split(","); let origin_lat = origin_latlng_array[0]; let origin_lng = origin_latlng_array[1]; let origin_name = li_item.querySelector('.origin').textContent; let origin_alias = null; if (li_item.querySelector('.origin a')) { origin_alias = li_item.querySelector('.origin a').href; }items.push({type: "origin",name: origin_name,lat: origin_lat,lng: origin_lng,latlng: origin_lat + "," + origin_lng,alias: origin_alias}); let destination_latlng = li_item.dataset.destination_latlng; let destination_latlng_array = destination_latlng.split(","); let destination_lat = destination_latlng_array[0]; let destination_lng = destination_latlng_array[1]; let destination_price = li_item.dataset.price; let destination_name = li_item.querySelector('.destination').textContent; let destination_alias = null; if (li_item.querySelector('.destination a')) { destination_alias = li_item.querySelector('.destination a').href; }items.push({type: "destination",name: destination_name,lat: destination_lat,lng: destination_lng,latlng: destination_lat + "," + destination_lng,alias: destination_alias}); }let unique_items = [];let items_final = [];// Go through each car, one at a time.items.forEach(function (item) { if (unique_items.indexOf(item.latlng) === -1) { unique_items.push(item.latlng); items_final.push(item); }}); loader(type, items_final);}function createMapComplexFlights(type) { var map_items = []; let unique_routes = [];let container = document.querySelectorAll("ul.transport-results");let nodeList = "";container.forEach(function(container){let elements = Array.from(container.getElementsByTagName("li"));let type = "price";nodeList = elements.sort(function(a, b) {return +a.dataset[type] - +b.dataset[type];});}); for (let i = 0; i < nodeList.length; i++) { let search_destination_type = nodeList[i].dataset.search_destination_type; let origin_latlng = nodeList[i].dataset.origin_latlng; let origin_latlng_array = origin_latlng.split(","); let origin_lat = origin_latlng_array[0]; let origin_lng = origin_latlng_array[1]; let origin_name = nodeList[i].dataset.origin_name_airport; let origin_alias = tr.aliases.airport_prefix + "/" + nodeList[i].dataset.origin_iata_airport.toLowerCase(); let destination_latlng = nodeList[i].dataset.destination_latlng; let destination_latlng_array = destination_latlng.split(","); let destination_lat = destination_latlng_array[0]; let destination_lng = destination_latlng_array[1]; let destination_price = nodeList[i].dataset.price; let destination_name = nodeList[i].dataset.destination_name_airport; let destination_alias = tr.aliases.airport_prefix + "/" + nodeList[i].dataset.destination_iata_airport.toLowerCase();map_items.push({type: "origin",route: origin_name + " " + nodeList[i].querySelector(".one_way_return").textContent + " " + destination_name,name: origin_name,lat: origin_lat,lng: origin_lng,latlng: origin_lat + "," + origin_lng,alias_airport: origin_alias});let route_id = origin_name + nodeList[i].querySelector(".one_way_return").textContent + destination_name; if (unique_routes.indexOf(route_id) === -1) {map_items.push({type: "destination",route: origin_name + " " + nodeList[i].querySelector(".one_way_return").textContent + " " + destination_name,name: destination_name,lat: destination_lat,lng: destination_lng,latlng: destination_lat + "," + destination_lng,alias_airport: destination_alias,alias_route: url_prefix + "/" + nodeList[i].dataset.origin_iata_airport.toLowerCase() + "/" + nodeList[i].dataset.destination_iata_airport.toLowerCase() + "/" + tr.aliases.cheap_flights + "-" + tr.aliases.flight_tickets_short + "-" + nodeList[i].dataset.origin_alias_airport.toLowerCase() + "-" + nodeList[i].dataset.destination_alias_airport.toLowerCase(),price: destination_price,search_destination_type: search_destination_type}); unique_routes.push(route_id); } }let routes_grouped = map_items.reduce((group, item) => { const { latlng } = item; group[latlng] = group[latlng] ?? []; group[latlng].push(item); return group;}, {}); loader(type, routes_grouped);}function createMapSimple(type) { let items = []; items.push({ type: "single", name: link_place.dataset.pagetitle, alias: link_place.dataset.alias, photo: link_place.dataset.photo, lat: link_place.dataset.lat, lng: link_place.dataset.lng }); loader(type, items);}if (link_place) { link_place.addEventListener("click", function(){createMapSimple("station")});}if (close_map) { close_map.addEventListener("click", function() {map_overlay.classList.add("d-none");});}}});
Jadrolinija, line no. 51
flightFlights
directions_busBus
directions_boatFerry
directions_railwayTrain
directions_carCar
tollTolls
car_rentalCar hirehotelAccommodation