",{"class":"br-widget"});return e.$elem.find("option").each(function(){var i,a,r,o;i=t(this).val(),i!==l("emptyRatingValue")&&(a=t(this).text(),r=t(this).data("html"),r&&(a=r),o=t("",{href:"#","data-rating-value":i,"data-rating-text":a,html:e.options.showValues?a:""}),n.append(o))}),e.options.showSelectedRating&&n.append(t("

', showNoResults: false, noResultsTemplate: '

No results for {{title}}

'); this.el = this.field.parent(); }, /** * Fire request to specified url * @param {string} val Value to search for * @return {null} */ remoteRequest: function(val) { this.field.trigger("beforerequest", [this, val]); var data = {}; $.extend(data, this.settings.queryParameters); data[this.settings.queryProperty] = val; $.ajax({ method: this.settings.method, url: this.settings.url, dataType: "json", data: data, success: $.proxy(this.beforeReceiveData, this) }); }, /** * Match request in local data instead of remote url * @param {string} val Value to search for * @return {null} */ localRequest: function(val) { if (this.settings.grouped) { this.beforeReceiveData(this.matchLocalPatternGrouped(val)); } else { this.beforeReceiveData(this.matchLocalPatternFlat(val)); } }, /** * Match the data in a flat array and return the objects where a * hit was found. * @param {string} val Value to search for * @return {array} Array of hits */ matchLocalPatternFlat: function(val) { return this.matchArray(val, this.settings.data); }, /** * Match the data in a grouped array and return the objects where a * hit was found, in the same manner * @param {string} val Value to search for * @return {array} Array of hits */ matchLocalPatternGrouped: function(val) { var r = $.extend(true, [], this.settings.data); for (var i = 0; i < r.length; i++) { var a = this.matchArray(val, r[i].data); if (a.length == 0) { r.splice(i, 1); i--; } else { r[i].data = a; } } return r; }, /** * Return an array of matched values from a source array * @param {string} val String to search for * @param {array} arr Array to search in * @return {array} Matched array */ matchArray: function(val, arr) { var r = []; for (var i = 0; i < arr.length; i++) { for (var j in arr[i]) { if ( (arr[i][j].toLowerCase && arr[i][j].toLowerCase().indexOf(val.toLowerCase()) > -1) || arr[i][j] == val ) { r.push(arr[i]); break; } } } return r; }, /** * Find DOM object at specified index * @param {number} i Index * @return {object} DOM object */ itemAt: function(i) { if (i == null) { return $(); } return this.el.find(".autocomplete-item").eq(i); }, /** * Find item number for clicked item * @param {object} o The clicked object * @return {number} Item's id in array */ clickedItemAt: function(o) { for (var i = 0; i < this.items.length; i++) { if ( o == this.el .find(".autocomplete-item") .eq(i) .get(0) ) { return i; } } return null; }, /** * Select previous item * @return {null} */ prevItem: function() { this.selectedItem--; if (this.selectedItem < 0) { this.selectedItem = null; } this.markSelected(this.selectedItem); }, /** * Select next item * @return {null} */ nextItem: function() { if (this.selectedItem == null) { this.selectedItem = -1; } this.selectedItem++; var l = this.settings.lastItemTemplate ? this.items.length : this.items.length - 1; if (this.selectedItem >= l) { this.selectedItem = l; } this.markSelected(this.selectedItem); }, /** * Mark an item as selected * @param {number} i Item's id in items array * @return {null} */ markSelected: function(i) { this.el.find(".active").removeClass("active"); this.itemAt(i).addClass("active"); }, /** * Iterate through data, adding tags for every hit. * Splits strings into words using whitespace and matches each * word separately. * @param {object} v Data to operate on * @param {string} str String to search for * @return {object} Processed data object */ markHitText: function(v, str) { var words = str.split(" "); for (var i in v) { if (typeof v[i] == "string" && i != "template") { var replacements = [str]; for (var j = 0; j < words.length; j++) { var word = words[j].trim().replace(/[^a-ö0-9]/gi, ""); // Remove non-alphanumerics if (word.length > 0) { replacements.push(word); } } v[i] = v[i].replace( new RegExp("(" + replacements.join("|") + ")", "gi"), "$1" ); } } return v; }, /** * Render groups. This must be done before calling * renderItemsInGroups, since it resets the list markup and * attaches a new this.list object. * @return {null} */ renderGroups: function() { this.list.remove(); this.list = $(''); for (var i in this.json) { this.list.append( this.settings.templateMethod( this.settings.groupTemplate, this.json[i] ) ); } this.el.append(this.list); }, /** * Iterates through items and attaches them to their respective * groups. * @return {null} */ renderItemsInGroups: function() { var v = this.field.val(); for (var i = 0; i < this.json.length; i++) { var group = this.el.find(this.settings.groupContentName).eq(i); for ( var j = 0; j < this.json[i].data.length && j < this.settings.maxItems; j++ ) { var jsonData = $.extend({}, this.json[i].data[j]); // Strongify hits if (this.settings.markAsBold) { jsonData = this.markHitText(jsonData, v); } group.append( this.settings.templateMethod( this.json[i].template || this.settings.itemTemplate, jsonData ) ); } } }, /** * If we're not dealing with groups, just attach items to the list. * @return {null} */ renderItemsFlat: function() { this.list.remove(); this.list = $('
'); var v = this.field.val(); for (var i = 0; i < this.json.length && i < this.settings.maxItems; i++) { var jsonData = $.extend({}, this.json[i]); // Strongify hits if (this.settings.markAsBold) { jsonData = this.markHitText(jsonData, v); } this.list.append( this.settings.templateMethod( this.json[i].template || this.settings.itemTemplate, jsonData ) ); } this.el.append(this.list); }, /** * If there's a last "find all results for..." item, this function * gets called. * @return {null} */ renderLastItem: function() { this.list.append( this.settings.templateMethod(this.settings.lastItemTemplate, { title: this.field.val() }) ); }, /** * If there's a "no results found for..." item, this function * gets called. * @return {null} */ renderNoResults: function() { this.list.append( this.settings.templateMethod(this.settings.noResultsTemplate, { title: this.field.val() }) ); }, /** * Removes list from DOM and resets state. * @return {null} */ closeList: function() { $("html").off("click"); this.list.remove(); this.selectedItem = null; }, /** * Since groups aren't selectable, we need to fetch the actual * selectable items and keep them around in our this.items list. * @return {array} List of selectable items */ getItemsFromGroups: function() { var r = []; for (var i in this.json) { for (var j = 0; j < this.json[i].data.length; j++) { if (j < this.settings.maxItems) { r.push(this.json[i].data[j]); } } } return r; }, /** * Check whether a value has changed. Used to determine whether or * not we fire a new request, since all keypresses generate an * event. * @return {boolean} True if value has changed since last request */ valueHasChanged: function() { // if (this.field.val() != this.lastSearch) { // this.lastSearch = this.field.val(); return true; // } return false; }, /** * A naive implementation of touch detection. In this day and age * with Microsoft Surfaces and whatnot, this should probably be * replaced with something more intelligent. But let's do that when * we find the time. * @return {boolean} Whether or not this is a touch device */ isTouchDevice: function() { return !!("ontouchstart" in window); }, /** * This is mostly an opportunity to hook into the data served by * server to do your own thing * @param {object} data JSON from server * @param {object} xhr XHR object * @return {null} */ beforeReceiveData: function(data, xhr) { this.json = data; this.field.trigger("receivedata", [this, data, xhr]); this.onReceiveData(this.json); }, /** * Data received from server, determine what to do with it and * render everything. * @param {object} data JSON from server * @return {null} */ onReceiveData: function(data) { this.selectedItem = null; if (this.settings.grouped) { // First, render groups this.renderGroups(); // Then, render the selectable items this.items = this.getItemsFromGroups(); this.renderItemsInGroups(); } else { this.items = this.json; this.renderItemsFlat(); } // If no results, render no results message, if applicable if (!this.items.length) { if (this.settings.showNoResults) { this.renderNoResults(); } } // Render last item, if applicable if (this.settings.lastItemTemplate) { this.renderLastItem(); } // Click outside should close the list $("html").one("click", $.proxy(this.closeList, this)); }, /** * Keyup handler. If value has changed and contains min number of chars, * fire the (debounced) request. * @param {object} e Normalized Event object * @return {null} */ onKeyUp: function(e) { if ( this.field.val().length >= this.settings.minChars && this.valueHasChanged() ) { this.request(this.field.val()); } if (this.field.val() == "") { this.lastSearch = ""; this.closeList(); } }, /** * Keydown handler to take care of keyboard navigation. * @param {object} e Normalized event object * @return {null} */ onKeyDown: function(e) { if (e.keyCode == 38) { // Up e.preventDefault(); this.prevItem(); } if (e.keyCode == 40) { // Down e.preventDefault(); this.nextItem(); } if (e.keyCode == 13) { // Enter this.onPressEnter(e); } if (e.keyCode == 27) { // Esc e.preventDefault(); this.closeList(); } }, /** * Click handler, handle mouse/touch selection of items. * @param {object} e Normalized event object * @return {null} */ onClickItem: function(e) { var i = this.clickedItemAt(e.currentTarget); this.onSelect(e.currentTarget, this.items[i]); }, /** * User has pressed enter, select object or perform search. * @return {null} */ onPressEnter: function(e) { // If field is filled in but no item is selected, we don't block // submit if (this.selectedItem === null) { return true; } e.preventDefault(); this.onSelect( this.itemAt(this.selectedItem), this.items[this.selectedItem] ); }, /** * User has selected an object with mouse or keyboard - act on it * and fire any user-supplied callback. * @param {object} item DOM object for the field * @param {object} val Item value from server * @return {null} */ onSelect: function(item, val) { if (this.settings.onSelect) { this.settings.onSelect.apply(this.field, [item, val]); } this.lastSearch = this.field.val(); if (this.settings.closeOnSelect) { this.closeList(); } } }; TinyAutocomplete.defaults = TinyAutocomplete.prototype.defaults; $.fn.tinyAutocomplete = function(settings) { return this.each(function() { if (this.tinyAutocomplete) { // Prevent TinyAutocomplete from creating a new object. Instead, // just update the settings object $.extend(this.tinyAutocomplete.settings, settings); return this; } var d = new TinyAutocomplete(this, settings).init(); // Expose "tinyAutocomplete.settings" to the cold outside this.tinyAutocomplete = { settings: d.settings }; }); }; }; if (typeof exports !== "undefined") { module.exports = factory; } else { factory($, window); } function MM_openBrWindow(theURL, winName, features) { //v2.0 window.open(theURL, winName, features); } var myElement = document.querySelector('.main-header'); var Headroom = new Headroom(myElement, { offset: 50, classes: { initial: "navBar", pinned: "main-header--pinned", unpinned: "main-header--unpinned", top: "main-header--top", notTop: "main-header--not-top", bottom: "main-header--bottom", notBottom: "main-header--not-bottom", frozen: "main-header--frozen", pinned: "main-header--pinned" } }); // Accordion Toggle var acc = document.getElementsByClassName("js--accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { this.classList.toggle("active"); var panel = this.nextElementSibling; if (panel.style.maxHeight) { panel.style.maxHeight = null; } else { panel.style.maxHeight = panel.scrollHeight + "px"; } }); } // initialise Headroom.init(); jQuery.noConflict(); (function($) { /** * Shared variables */ var ua = navigator.userAgent.toLowerCase(), platform = navigator.platform.toLowerCase(), $window = $(window), $document = $(document), $html = $('html'), $body = $('body'), $header = $('#masthead'), android_ancient = (ua.indexOf('mozilla/5.0') !== -1 && ua.indexOf('android') !== -1 && ua.indexOf('applewebKit') !== -1) && ua.indexOf('chrome') === -1, apple = ua.match(/(iPad|iPhone|iPod|Macintosh)/i), webkit = ua.indexOf('webkit') != -1, isiPhone = false, isiPod = false, isAndroidPhone = false, android = false, iOS = false, isIE = false, ieMobile = false, isSafari = false, isMac = false, isWindows = false, isiele10 = false, firefox = ua.indexOf('gecko') != -1, safari = ua.indexOf('safari') != -1 && ua.indexOf('chrome') == -1, is_small = $('.js-nav-trigger').is(':visible'), windowHeight = $window.height(), windowWidth = $window.width(), documentHeight = $document.height(), orientation = windowWidth > windowHeight ? 'portrait' : 'landscape', filmWidth, contentWidth, sidebarWidth, latestKnownScrollY = window.scrollY, latestKnownScrollX = window.scrollX, latestKnownMouseX = 0, latestKnownMouseY = 0, latestDeviceAlpha = 0, latestDeviceBeta = 0, latestDeviceGamma = 0, ticking = false, horToVertScroll = false, globalDebug = false, target = $('div.ajax_list'); //Click off FUNCTION $.fn.clickOff = function(callback, selfDestroy) { var clicked = false; var parent = this; var destroy = selfDestroy || true; parent.click(function() { clicked = true; }); $(document).click(function(event) { if (!clicked) { callback(parent, event); } if (destroy) { //parent.clickOff = function() {}; //parent.off("click"); //$(document).off("click"); //parent.off("clickOff"); }; clicked = false; }); }; // Ajax tag description $(document).delegate(".js--trigger-ajax-modal", "click", function() { var rental_id = $(this).data('modal-id'); var tag_id = $(this).data('tag-id'); $.request('agencyBase::onGetTagDescription', { loading: jQuery.oc.stripeLoadIndicator, data: { rental_id: rental_id, tag_id: tag_id }, success: function(data) { $('#modal-ajax-data').html(data.result); $('#modal-ajax').addClass('open'); $('body').addClass('modal-open'); } }); }); /* * More Less Toggle */ $(".js--toggleMobile").on("click", function() { $(this).parent().toggleClass("active"); if ($(this).parent().attr('id') == 'subrentals') { $('#js--slider-subrentals')[0].slick.refresh(); } }); /* * Show more / less block */ $(".js--more-toggle").on('click', function() { $(this).parent().find('.js--more-content').slideToggle().toggleClass("opened"); if ($(this).parent().find('.js--more-content').hasClass("opened")) { $(this).html($(this).data("closed-text")); } else { $(this).html($(this).data("opened-text")); } }); /* * Show more / less height */ $(".js--show-toggle").on('click', function() { $(this).parent().find('.js--more-show').toggleClass('opened'); if ($(this).parent().find('.js--more-show').hasClass("opened")) { $(this).html($(this).data("closed-text")); } else { $(this).html($(this).data("opened-text")); } }); $(".js--toggle-blogView").on('click', function() { $('.js--toggle-blogView').removeClass('active'); $(this).addClass('active'); $body.toggleClass('page-blog--list-view'); }); /* * Custom Menu TOGGLE */ $(".js--menu-trigger").on('click', function() { $body.toggleClass('nav-open'); }); $(".main-nav__nav-item-parent button, .js--nav-close").on('click', function() { if (windowWidth > 567) { $(".main-nav__nav-item-parent button").not(this).parent().removeClass('open'); } $(this).parent().toggleClass('open'); }); $(document).on('click', function(e) { if ($(e.target).closest(".main-header").length === 0 || $(e.target).hasClass('js--nav-close')) { if (windowWidth > 567) { $(".main-nav__nav-item-parent button").not(this).parent().removeClass('open'); } } }); /* * Dropdown */ $(document).on('click', function(e) { if ($(e.target).closest(".js--dropdown").length === 0 || $(e.target).hasClass('js--dropdown-close')) { $(".js--dropdown").removeClass('js--dropdown-open'); $body.removeClass('dropdown-open'); } }); $(document).delegate('.js--dropdown-toggle', 'click', function() { $(this).parent().toggleClass('js--dropdown-open'); $body.addClass('dropdown-open'); }); $(document).delegate('.js--close-dropdown', 'click', function() { $(".js--dropdown").removeClass('js--dropdown-open'); $body.removeClass('dropdown-open'); }); /* * Custom Header */ $(window).scroll(function() { var cOst = $(this).scrollTop(); if (cOst > 50) { $body.addClass('scrolled'); } else { $body.removeClass('scrolled'); } if (cOst > $(window).height()) { $body.addClass('scrolled-far scrolled-window'); } else { $body.removeClass('scrolled-far scrolled-window'); } if (cOst > 2700) { $body.removeClass('scrolled-far'); } }); if (windowWidth > 767) { if (!$body.hasClass("scrolled")) { $(".header").on("click", function() { $body.toggleClass('search-opened'); }); } $("#search-wrapper").clickOff(function() { $body.removeClass("search-opened"); }); } else { $(".header").on("click", function() { $body.toggleClass('search-opened fixed'); if ($body.hasClass('search-opened')) { $(this).text($(this).data("text-opened")); } else { $(this).text($(this).data("text-closed")); } }); } // No right Image CLICK $('#page-single').on('contextmenu', 'img', function(e) { return false; }); /* * Custom Number Input */ $('body').delegate('.js--number', 'click', function(e) { e.preventDefault(); fieldName = $(this).attr('data-field'); type = $(this).attr('data-type'); var input = $(this).closest('.input--quantity').find($(".input--number")); var currentVal = parseInt(input.val()); if (!isNaN(currentVal)) { if (type == 'minus') { if (currentVal > input.attr('min')) { input.val(currentVal - 1).change(); } } else if (type == 'plus') { if (currentVal < input.attr('max')) { input.val(currentVal + 1).change(); } } } else { input.val(0); } }); $('.input--number').focusin(function() { $(this).data('oldValue', $(this).val()); }); $(".input--number").keydown(function(e) { // Allow: backspace, delete, tab, escape, enter and . if ($.inArray(e.keyCode, [ 46, 8, 9, 27, 13, 190 ]) !== -1 || // Allow: Ctrl+A (e.keyCode == 65 && e.ctrlKey === true) || // Allow: home, end, left, right (e.keyCode >= 35 && e.keyCode <= 39)) { // let it happen, don't do anything return; } // Ensure that it is a number and stop the keypress if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) { e.preventDefault(); } }); $.fn.disableNumberButtons = function() { var value = parseFloat($(this).val()); var minus = this.prev(); var minAttr = this.attr('min'); var min = (minAttr) ? minAttr : 0; (value > min) ? minus.removeClass('is--disabled') : minus.addClass('is--disabled'); var plus = this.next(); var maxAttr = this.attr('max'); var max = (maxAttr) ? maxAttr : 999; (value < max) ? plus.removeClass('is--disabled') : plus.addClass('is--disabled'); if (value < min) { $(this).val(min); } } $('.input--number').each(function() { $(this).disableNumberButtons(); }); $('.input--number').change(function() { $(this).disableNumberButtons(); }); /* * Slide Left Right */ $('.js--slide-btn').click(function() { $(this).closest('.rental-slide-horizontal').toggleClass('slided'); }); $('.js--toggle-map').one('click', function() { $.getScript("/themes/montenegrovillas/assets/js/plugins/leaflet.js", function(data, textStatus, jqxhr) { $.getScript("/themes/montenegrovillas/assets/js/plugins/leaflet-google.js", function(data, textStatus, jqxhr) { $Map.init(); $Map.updateResults(); }); }); $("", { rel: "stylesheet", type: "text/css", href: "/themes/montenegrovillas/assets/less/plugins/leaflet.css" }).prependTo("head"); }); $('.js--toggle-map').click(function(e) { e.preventDefault(); e.stopPropagation(); $body.toggleClass('show-map'); $(this).closest('.rentals__listings').toggleClass('slided'); }); // Query String Function (function() { 'use strict'; var queryString = {}; queryString.parse = function(str) { if (typeof str !== 'string') { return {}; } str = str.trim().replace(/^\?/, ''); if (!str) { return {}; } return str.trim().split('&').reduce(function(ret, param) { var parts = param.replace(/\+/g, ' ').split('='); var key = parts[0]; var val = parts[1]; key = decodeURIComponent(key); // missing `=` should be `null`: // http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters val = val === undefined ? null : decodeURIComponent(val); if (!ret.hasOwnProperty(key)) { ret[key] = val; } else if (Array.isArray(ret[key])) { ret[key].push(val); } else { ret[key] = [ret[key], val]; } return ret; }, {}); }; queryString.stringify = function(obj) { return obj ? Object.keys(obj).map(function(key) { var val = obj[key]; if (Array.isArray(val)) { return val.map(function(val2) { return encodeURIComponent(key) + '=' + encodeURIComponent(val2); }).join('&'); } return encodeURIComponent(key) + '=' + encodeURIComponent(val); }).join('&') : ''; }; queryString.push = function(key, new_value) { var params = queryString.parse(location.search); params[key] = new_value; var new_params_string = queryString.stringify(params) history.pushState({}, "", window.location.pathname + '?' + new_params_string); } if (typeof module !== 'undefined' && module.exports) { module.exports = queryString; } else { window.queryString = queryString; } })(); /* * * Filtering & Search * */ var filters = $(".filters-advanced"); var checkboxes = $('.filters-advanced input[type="checkbox"]'); var isCategory = false; if ($body.hasClass('page-category')) { isCategory = true; } function clearDates() { $('.flatpickr-input').val(''); $('#input-from-hide').val(''); $('#input-to-hide').val(''); $('#input-from').val(''); $('#input-to').val(''); queryString.push('dates', ''); queryString.push('from', ''); queryString.push('to', ''); } /* * *Calculate Number of Guests */ $("#input-infants, #input-adults, #input-children").on('change', function() { var guestsNo = parseInt($("#input-adults").val()) + parseInt($("#input-children").val()); $("#input-guests").val(guestsNo); queryString.push('guests', guestsNo); }); function ajaxRentals() { jQuery.request('rentals::onLoadRentals', { update: {'_category/list': '#ajax-data', '_category/count': '.rentals__count'}, loading: jQuery.oc.stripeLoadIndicator, form: '#filters-form' }); } /* * Flatpickr */ var flatPickrShowMonths = 1; if (windowWidth > 900) { flatPickrShowMonths = 2; } flatpickr.defaultConfig.prevArrow = ""; flatpickr.defaultConfig.nextArrow = ""; var flatpickrOptions = { mode: "range", minDate: "today", disableMobile: "true", position: "below", monthSelectorType: "static", showMonths: flatPickrShowMonths, dateFormat: "d/m/Y", closeOnSelect: false, onChange: function(selectedDates) { var _this = this; var dateArrReal = selectedDates.map(function(date) { return _this.formatDate(date, 'Y-m-d'); }); $('#input-from-hide').val(dateArrReal[0]); $('#input-to-hide').val(dateArrReal[1]); queryString.push('dates', $(".flatpickr-input").val()); queryString.push('from', $("#input-from-hide").val()); queryString.push('to', $("#input-to-hide").val()); if (isCategory && selectedDates.length == 0) { setTimeout(function() { ajaxRentals(); }, 100); } }, onClose: function(selectedDates) { if (selectedDates.length == 1) { $('.js--clear-dates').hide(); clearDates(); } else { $('.js--clear-dates').show(); } if (isCategory) { setTimeout(function() { ajaxRentals(); }, 100); } }, locale: { firstDayOfWeek: 1 }, onReady: function() { var optionsHtml = $("#daterange-options").html(); $(".flatpickr-rContainer").append(optionsHtml); $("#daterange-options").remove(); } }; window.addEventListener('load', (event) => { $flatpickrCalendar = flatpickr(".input-flatpickr", flatpickrOptions); }) $(document).delegate(".js--flatpickr-close", 'click', function() { $flatpickrCalendar.close(); }); /* Correction for homepage */ if ($("#input-flexible-short-hidden").length) { $(document).delegate('#input-flexible-short', 'change', function() { if ($(this).is(':checked')) { $("#input-flexible-short-hidden").val(1); } else { $("#input-flexible-short-hidden").val(0); } }); } if ($("#input-flexible-week-hidden").length) { $(document).delegate('#input-flexible-week', 'change', function() { if ($(this).is(':checked')) { $("#input-flexible-week-hidden").val(1); } else { $("#input-flexible-week-hidden").val(0); } }); } /* * AutoComplete Location */ if ($('#input-location').length) { if (windowWidth > 2567) { var minChars = 1; } else { var minChars = 0; } $body.delegate('#input-location', 'click', function() { $('#input-location').trigger('keyup'); }); $('#input-location').tinyAutocomplete({ url: '/api/serve/search', scrollOnFocus: false, method: 'post', maxItemsOnMobile: 5, markAsBold: true, queryProperty: 'term', minChars: minChars, grouped: true, keyboardDelay: 100, showNoResults: true, itemTemplate: '
{{title}}
', groupTemplate: '
{{title}}
', onSelect: function(el, val) { if (val.type == 'villas') { $body.addClass('oc-loading'); $(location).attr('href', '/' + $('html').attr('lang') + '/rental/' + val.slug); return false; } else { if (windowWidth > 2567) { if (val.type == 'regions') { $('.js--checkbox-region[data-name="' + val.title + '"]').prop('checked', true).change(); $(this).val(''); $('.js--reset-location').hide(); } else if (val.type == 'areas') { $('.js--checkbox-area[data-name="' + val.title + '"]').prop('checked', true).change(); $(this).val(''); $('.js--reset-location').hide(); } else if (val.type == 'places') { $('.js--checkbox-settlment[data-name="' + val.title + '"]').prop('checked', true).change(); $(this).val(''); $('.js--reset-location').hide(); } } else { $(this).val(val.title); $('.js--reset-location').show(); } setTimeout(function() { $flatpickrCalendar.open(); }, 100); } } }); if (isCategory && windowWidth < 2567) { $('#input-location').blur(function() { var filtername = $(this).attr("name"); var filtervalue = $(this).val(); queryString.push(filtername, filtervalue); ajaxRentals(); }); } $('.main-content').delegate('#input-location', 'input', function() { if ($(this).val()) { $('.js--reset-location').show(); } else { $('.js--reset-location').hide(); } }); if ($('#input-location').val()) { $('.js--reset-location').show(); } $('.js--reset-location').on('click', function() { $('#input-location').val(''); queryString.push('q', ''); $(this).hide(); if (isCategory) { ajaxRentals(); } }); } /* * Location Dropdown */ if (windowWidth > 2567) { $('#input-location').on('focus', function() { $('.search__inner, .filters__inner').addClass('js--locations-show'); }); $('#counter-location').on('click', function() { setTimeout(function() { $('.search__inner, .filters__inner').addClass('js--locations-show'); }, 50); }); $(document).on('click', function(e) { var containerInput = $("#input-location"); var container = $("#input-search"); // if the target of the click isn't the container nor a descendant of the container if (!containerInput.is(e.target) && !container.is(e.target) && container.has(e.target).length === 0) { $(".search__inner, .filters__inner").removeClass('js--locations-show'); } }); } $('.js--checkbox-region').on('click change', function() { var regionId = $(this).val(); $('.c-treeDropdown__areas .c-treeDropdown__item').each(function() { if ($(this).data('region') == regionId) { $(this).css("display", "flex"); } else { $(this).css("display", "none"); } }); if (!$(this).is(':checked')) { $('.js--checkbox-area[data-region="' + regionId + '"]').prop('checked', false).change(); } $('.js--next-region').removeClass('active'); $(this).closest('.c-treeDropdown__item').find('button').addClass('active'); }); $('.js--checkbox-area').on('click change', function() { var areaId = $(this).val(); var regionId = $(this).data('region'); $('.c-treeDropdown__settlments .c-treeDropdown__item').each(function() { if ($(this).data('area') == areaId) { $(this).css("display", "flex"); } else { $(this).css("display", "none"); } }); if (!$(this).is(':checked')) { $('.js--checkbox-settlment[data-area="' + areaId + '"]').prop('checked', false).change(); } else { $('.js--checkbox-region[data-value="' + regionId + '"]').prop('checked', true).change(); } $('.js--next-area').removeClass('active'); $(this).closest('.c-treeDropdown__item').find('button').addClass('active'); }); $('.js--checkbox-settlment').on('click change', function() { var areaId = $(this).data('area'); if ($(this).is(':checked')) { $('.js--checkbox-area[data-value="' + areaId + '"]').prop('checked', true).change(); } }); $('.js--next-region').on('click', function() { $('.js--next-region').removeClass('active'); $(this).addClass('active'); var regionId = $(this).data('value'); $('.c-treeDropdown__item[data-region]').css("display", "none"); $('.c-treeDropdown__item[data-region="' + regionId + '"]').css("display", "flex"); }); $('.js--next-area').on('click', function() { $('.js--next-area').removeClass('active'); $(this).addClass('active'); var areaId = $(this).data('value'); $('.c-treeDropdown__item[data-area]').css("display", "none"); $('.c-treeDropdown__item[data-area="' + areaId + '"]').css("display", "flex"); }); $('#input-search input[type="checkbox"]').on('change', function() { var filtername = $(this).attr("name"); var value = $(this).val(); if ($(this).is(':checked')) { queryString.push(filtername, value); } else { queryString.push(filtername, ""); } if (isCategory && $html.hasClass('is--loaded-fully')) { ajaxRentals(); } countDestinations(); }); $(document).ready(function() { $('.js--checkbox-settlment, .js--checkbox-area, .js--checkbox-region').each(function() { if ($(this).is(':checked')) { $(this).change(); } }); }); function countDestinations() { var counterDisplay = $('#counter-location'); var checkedRegions = []; $('.js--checkbox-region:checked').each(function() { checkedRegions.push(parseInt($(this).val())); }); var checkedAreas = []; var regionIds = []; $('.js--checkbox-area:checked').each(function() { checkedAreas.push(parseInt($(this).val())); regionIds.push($(this).data('region')); }); var checkedSettlments = []; var areaIds = []; $('.js--checkbox-settlment:checked').each(function() { checkedSettlments.push(parseInt($(this).val())); areaIds.push($(this).data('area')); }); var checkedRegions = $(checkedRegions).not(regionIds).get(); var checkedAreas = $(checkedAreas).not(areaIds).get(); var destinationCount = checkedRegions.length + checkedAreas.length + checkedSettlments.length; if (destinationCount > 0) { var label = destinationCount == 1 ? counterDisplay.data('single') : counterDisplay.data('plural'); counterDisplay.text(destinationCount + ' ' + label).show(); } else { counterDisplay.hide(); } } /* * AutoComplete Country */ if ($('#input-country').length) { $body.delegate('#input-country', 'click', function() { $('#input-country').trigger('keyup'); }); $('#input-country').tinyAutocomplete({ url: '/api/serve/countries', scrollOnFocus: false, method: 'post', maxItemsOnMobile: 5, markAsBold: false, queryProperty: 'term', minChars: 0, keyboardDelay: 100, showNoResults: true, itemTemplate: '
' + '' + '{{title}}' + '
', noResultsTemplate: '
No results for {{title}}
', onSelect: function(el, val) { var image = 'https://flagcdn.com/' + val.value + '.svg'; $(this).val(val.title); $(this).css('background-image', 'url(' + image + ')'); $("#input-CountryDialCode").val('+' + val.dial).css('background-image', 'url(' + image + ')').prop('readonly', true); } }); $('.main-content').delegate('#input-country', 'blur', function() { if ($(this).val()) { $('.js--reset-country').show(); } else { $('.js--reset-country').hide(); } }); if ($('#input-location').val()) { $('.js--reset-country').show(); } $('.js--reset-country').on('click', function() { $('#input-country').val('').css('background-image', 'none'); $('#input-CountryDialCode').val('').css('background-image', 'none').removeAttr('readonly'); $(this).hide(); }); } $('.js--clear-dates').on('click', function() { clearDates(); $(this).hide(); if (isCategory) { ajaxRentals(); } }); if ($('#input-dates').val()) { $('.js--clear-dates').show(); } $('#input-dates').on('blur', function() { if ($(this).val()) { $('.js--clear-dates').show(); } else { $('.js--clear-dates').hide(); } }); /* * Scroll into View */ if (windowWidth > 567) { $("#input-location, #input-dates").on("click", function() { $(this)[0].scrollIntoView({block: "center", behavior: "smooth"}); }); } else { $("#input-location, #input-dates").on("click", function() { $('html, body').animate({ scrollTop: $(this).offset().top - 40 }, 500); }); } // Get Url Vars $.extend({ getUrlVars: function() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for (var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; }, getUrlVar: function(name) { return $.getUrlVars()[name]; } }); $('input[type=date]').flatpickr({ minDate: "today", disableMobile: "true", showMonths: 1, dateFormat: "Y-m-d", altInput: true, altFormat: 'd M Y', locale: { firstDayOfWeek: 1 } }); /* * Select Fields */ $(".js--filter-select").on('change', function() { var filtername = $(this).attr("name"); var filtervalue = $(this).val(); queryString.push(filtername, filtervalue); if (isCategory) { ajaxRentals(); } }); /* * Plus Minus Fields */ $(".js--filter-quantity").on('change', function() { var filtername = $(this).attr("name"); var filterDisplayName = $(this).data("name"); var filtervalue = $(this).val(); queryString.push(filtername, filtervalue); $("#input-sort").val('max_guests asc').change(); if (isCategory) { ajaxRentals(); } }); /* * Load NouiSlider */ function loadNouiSlider() { $.getScript("/themes/montenegrovillas/assets/js/plugins/nouislider.js", function() { $("", { rel: "stylesheet", type: "text/css", href: "/themes/montenegrovillas/assets/less/plugins/nouislider.css" }).prependTo("head"); /* * Price min Max Filter */ var priceRangeSlider = document.getElementById('input-price'); if (priceRangeSlider) { noUiSlider.create(priceRangeSlider, { start: [ priceRangeSlider.dataset.start, priceRangeSlider.dataset.end ], connect: true, range: { min: [parseFloat(priceRangeSlider.dataset.min)], '50%': [500], '70%': [5000], max: [parseFloat(priceRangeSlider.dataset.max)] }, tooltips: [ wNumb({decimals: 0, thousand: ',', suffix: ' €'}), wNumb({decimals: 0, thousand: ',', suffix: ' €'}) ] }).on('change', function(values) { $('[data-min="' + priceRangeSlider.dataset.target + '"]').val(values[0]) $('[data-max="' + priceRangeSlider.dataset.target + '"]').val(values[1]) queryString.push("pricemin", values[0]); queryString.push("pricemax", values[1]); if (values[0] != '0.00' || values[1] != '25000.00') { $("#input-sort").val('price desc'); } $("[data-name='price']").remove(); ajaxRentals(); }); } /* * Size Filter */ var sizeRangeSlider = document.getElementById('input-size'); if (sizeRangeSlider) { noUiSlider.create(sizeRangeSlider, { start: [ sizeRangeSlider.dataset.start, sizeRangeSlider.dataset.end ], connect: true, margin: 100, range: { min: [parseFloat(sizeRangeSlider.dataset.min)], max: [parseFloat(sizeRangeSlider.dataset.max)] }, tooltips: [ wNumb({decimals: 0, thousand: ',', suffix: ' m²'}), wNumb({decimals: 0, thousand: ',', suffix: ' m²'}) ] }).on('change', function(values) { $('[data-min="' + sizeRangeSlider.dataset.target + '"]').val(values[0]) queryString.push("size", values[0]); ajaxRentals(); }); } /* * SizeYard Filter */ var sizeYardRangeSlider = document.getElementById('input-size-yard'); if (sizeYardRangeSlider) { noUiSlider.create(sizeYardRangeSlider, { start: [ sizeYardRangeSlider.dataset.start, sizeYardRangeSlider.dataset.end ], connect: true, margin: 100, range: { min: [parseFloat(sizeYardRangeSlider.dataset.min)], max: [parseFloat(sizeYardRangeSlider.dataset.max)] }, tooltips: [ wNumb({decimals: 0, thousand: ',', suffix: ' m²'}), wNumb({decimals: 0, thousand: ',', suffix: ' m²'}) ] }).on('change', function(values) { $('[data-min="' + sizeYardRangeSlider.dataset.target + '"]').val(values[0]) queryString.push("sizeyard", values[0]); ajaxRentals(); }); } /* * SizePool Filter */ var sizePoolRangeSlider = document.getElementById('input-size-pool'); if (sizePoolRangeSlider) { noUiSlider.create(sizePoolRangeSlider, { start: [ sizePoolRangeSlider.dataset.start, sizePoolRangeSlider.dataset.end ], connect: true, range: { min: [parseFloat(sizePoolRangeSlider.dataset.min)], '30%': [10], '50%': [30], '70%': [70], max: [parseFloat(sizePoolRangeSlider.dataset.max)] }, tooltips: [ wNumb({decimals: 0, thousand: ',', suffix: ' m²'}), wNumb({decimals: 0, thousand: ',', suffix: ' m²'}) ] }).on('change', function(values) { $('[data-min="' + sizePoolRangeSlider.dataset.target + '"]').val(values[0]) queryString.push("sizepool", values[0]); ajaxRentals(); }); } /* * DistAirport Filter */ var distAirportRangeSlider = document.getElementById('input-distairport'); if (distAirportRangeSlider) { noUiSlider.create(distAirportRangeSlider, { start: [ distAirportRangeSlider.dataset.start, distAirportRangeSlider.dataset.end ], connect: true, margin: 100, range: { min: [parseFloat(distAirportRangeSlider.dataset.min)], max: [parseFloat(distAirportRangeSlider.dataset.max)] }, tooltips: [ wNumb({decimals: 0, thousand: ',', suffix: ' m²'}), wNumb({decimals: 0, thousand: ',', suffix: ' m²'}) ] }).on('change', function(values) { $('[data-max="' + distAirportRangeSlider.dataset.target + '"]').val(values[1]) queryString.push("distairport", values[1]); ajaxRentals(); }); } /* * DistBeach Filter */ var distBeachRangeSlider = document.getElementById('input-distbeach'); if (distBeachRangeSlider) { noUiSlider.create(distBeachRangeSlider, { start: [ distBeachRangeSlider.dataset.start, distBeachRangeSlider.dataset.end ], connect: true, margin: 100, range: { min: [parseFloat(distBeachRangeSlider.dataset.min)], max: [parseFloat(distBeachRangeSlider.dataset.max)] }, tooltips: [ wNumb({decimals: 0, thousand: ',', suffix: ' m²'}), wNumb({decimals: 0, thousand: ',', suffix: ' m²'}) ] }).on('change', function(values) { $('[data-max="' + distBeachRangeSlider.dataset.target + '"]').val(values[1]) queryString.push("distbeach", values[1]); ajaxRentals(); }); } /* * DistCenter Filter */ var distCenterRangeSlider = document.getElementById('input-distcenter'); if (distCenterRangeSlider) { noUiSlider.create(distCenterRangeSlider, { start: [ distCenterRangeSlider.dataset.start, distCenterRangeSlider.dataset.end ], connect: true, margin: 100, range: { min: [parseFloat(distCenterRangeSlider.dataset.min)], max: [parseFloat(distCenterRangeSlider.dataset.max)] }, tooltips: [ wNumb({decimals: 0, thousand: ',', suffix: ' m²'}), wNumb({decimals: 0, thousand: ',', suffix: ' m²'}) ] }).on('change', function(values) { $('[data-max="' + distCenterRangeSlider.dataset.target + '"]').val(values[1]) queryString.push("distcenter", values[1]); ajaxRentals(); }); } }); } /* * Checkboxes * */ $.each(checkboxes, function(key, value) { $(this).on('change', function() { var filtername = $(this).attr("name"); var value = $(this).val(); if ($(this).is(':checked')) { queryString.push(filtername, value); } else { queryString.push(filtername, ""); } if (isCategory) { ajaxRentals(); } }); }); $(document).delegate('.js--filter-checkbox', 'change', function() { var filtername = $(this).attr("name"); var value = $(this).val(); if ($(this).is(':checked')) { queryString.push(filtername, value); } else { queryString.push(filtername, ""); } if (isCategory) { ajaxRentals(); } }); /* * Sort Filter */ $('.js--trigger-sort').on('change', function() { $("#input-page-hidden").val(1); $("#input-sort-hidden").val($(this).val()); queryString.push('sort', $(this).val()); queryString.push('page', 1); ajaxRentals(); }); // Ajax Paginate $('#ajax-container').on('click', '.pagination > li > a', function(e) { $('html, body').animate({ scrollTop: $("#ajax-container").offset().top - 150 }, 200); var page = $(this).attr('href').split("=").pop(); e.preventDefault(); if ($(this).attr('href') != '#') { queryString.push('page', page); $("#input-page-hidden").val(page); ajaxRentals(); } }); $('#extras-calculate, #ajax-bottom-bar, #ajax-sum, #viewed-villas, #total-cost').on('ajaxUpdate', function() { if ($.cookie('currency')) { valuta = $.cookie("currency"); } else { valuta = 'eur' } $(".amount").each(function() { $(this).text($(this).attr("data-" + valuta)); }); var cookieList = function(n) { var i = $.cookie(n), t = i ? i.split(/,/) : []; return { add: function(i) { t.push(i), $.cookie(n, t.join(","), {path: "/"}) }, remove: function(i) { indx = t.indexOf(i), indx != -1 && t.splice(indx, 1), $.cookie(n, t.join(","), {path: "/"}) }, clear: function() { t = null, $.cookie(n, null) }, items: function() { return t } } }; var favorites = new cookieList("favorites"); var cookiesArray = favorites.items(); $.each(cookiesArray, function(index, value) { $('.js--favorites-toggle[data-id="' + value + '"]').addClass("favoriteAdded"); }); }); $('#ajax-data').on('ajaxUpdate', function() { $Map.updateResults(); var cookieList = function(n) { var i = $.cookie(n), t = i ? i.split(/,/) : []; return { add: function(i) { t.push(i), $.cookie(n, t.join(","), {path: "/"}) }, remove: function(i) { indx = t.indexOf(i), indx != -1 && t.splice(indx, 1), $.cookie(n, t.join(","), {path: "/"}) }, clear: function() { t = null, $.cookie(n, null) }, items: function() { return t } } }; var favorites = new cookieList("favorites"); var cookiesArray = favorites.items(); $.each(cookiesArray, function(index, value) { $('.js--favorites-toggle[data-id="' + value + '"]').addClass("favoriteAdded"); }); $(".amount").each(function() { $(this).text($(this).attr("data-" + $.cookie("currency"))) }); }); /* * Map Module */ var $Map = (function() { // create a custom icon class that can be extended for each listing category var map, markers, CustomHtmlIcon; // initialization - check wether we are on the archive page or on a single listing function init() { if (typeof L !== "object" || !L.hasOwnProperty('map')) { return; } var tileLayer, satTileLayer; tileLayer = L.tileLayer('https://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}', { maxZoom: 14, subdomains: ['mt0', 'mt1', 'mt2', 'mt3'] }); satTileLayer = L.tileLayer('https://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}', { maxZoom: 14, subdomains: ['mt0', 'mt1', 'mt2', 'mt3'] }); if ($('#ajax-map').length) { map = L.map('ajax-map', { scrollWheelZoom: true, zoomControl: true, layers: [satTileLayer, tileLayer] }); } else { map = L.map('single-map', { scrollWheelZoom: true, zoomControl: true, layers: [satTileLayer, tileLayer] }); } var baseMaps = { "Google Satellite": satTileLayer, "Google Street": tileLayer }; L.control.layers(baseMaps).addTo(map); new L.Control.Zoom({position: 'bottomright'}).addTo(map); markers = new L.MarkerClusterGroup({showCoverageOnHover: false}); CustomHtmlIcon = L.HtmlIcon.extend({ options: { html: "
", iconSize: [ 48, 59 ], // size of the icon iconAnchor: [ 24, 59 ], // point of the icon which will correspond to marker's location popupAnchor: [0, -59] // point from which the popup should open relative to the iconAnchor } }); $window.on('pxg:refreshmap', function() { map._onResize(); }); if ($(".single-rental").length) { var $item = $('.single-rental'); if (typeof $item.data('latitude') !== "undefined" && typeof $item.data('longitude') !== "undefined") { var zoom = 12; addPinToMap($item); map.addLayer(markers); map.setActiveArea('active-area'); map.setView([ $item.data('latitude'), $item.data('longitude') ], zoom); circle = L.circle([ $item.data('latitude'), $item.data('longitude') ], 2000).addTo(map); circle.setStyle({fillOpacity: 0.5, fillColor: '#b5842c', color: '#b5842c', strokeColor: '#b5842c', weight: 0}); $(window).on('update:map', function() { map.setView([ $item.data('latitude'), $item.data('longitude') ], zoom); }); } } } function updateCards($total_found) { var $cards = $('#ajax-data .card'); var cardsWithLocation = 0; if (!$cards.length) { $('body').addClass('has-no-listings'); return; } else { $('body').removeClass('has-no-listings'); } if ($('#ajax-map').length && typeof map !== "undefined") { map.removeLayer(markers); markers = new L.MarkerClusterGroup({ showCoverageOnHover: false, spiderfyDistanceMultiplier: 2, maxClusterRadius: 10, spiderLegPolylineOptions: { weight: 0 } }); $cards.each(function(i, obj) { var cardHasLocation = addPinToMap($(obj), true); if (cardHasLocation) { cardsWithLocation += 1; } }); if (cardsWithLocation != 0) { map.fitBounds(markers.getBounds(), { padding: [50, 50] }); map.addLayer(markers); var mapZoom = map.getZoom(); var bounds = markers.getBounds(); var lat = (bounds._northEast.lat + bounds._southWest.lat) / 2; var lng = (bounds._northEast.lng + bounds._southWest.lng) / 2; bounds = [lat, lng]; } else { defaultMapView(); } } } function addPinToMap($item) { var categories = $item.data('categories'), iconClass, m; if ($item.data('latitude') == 0) { return false; } if (typeof categories !== "undefined" && !categories.length) { iconClass = 'pin pin--empty'; } else { iconClass = 'pin'; } var $icon = $('.selected-icon-svg'), $tags = $('.card-pin-villa'), $categories = $item.find('.category-icon'), $tag, iconHTML = "
" + $('.empty-icon-svg').html() + "
"; if ($tags.length) { $tag = $tags.first(); iconHTML = "
" + $icon.html() + $tag.html() + "
"; } m = L.marker([ $item.data('latitude'), $item.data('longitude') ], { icon: new CustomHtmlIcon({html: iconHTML}) }); circle = L.circle([ $item.data('latitude'), $item.data('longitude') ], 1000).addTo(map); circle.setStyle({fillOpacity: 0.5, fillColor: '#b5842c', color: '#b5842c', strokeColor: '#b5842c', weight: 0}); if (!$body.is('.page-single')) { $item.hover(function() { $(m._icon).find('.pin').addClass('pin--selected'); }, function() { $(m._icon).find('.pin').removeClass('pin--selected'); }); var rating = $item.find('.js-average-rating').text(), address = $item.find('.card__address').text(); m.bindPopup("" + "
" + $item.find('.js--favorites-toggle')[0].outerHTML + "
" + "" + "
" + "
" + $item.find('.card__name').html() + "
" + "
" + "
" + $item.find('.card__price-inner').html() + "
" + "
" + "
").openPopup(); } markers.addLayer(m); return true; } function defaultMapView() { bounds = [43.944396, 15.812646]; zoom = 9; map.removeLayer(markers); map.setView(bounds, zoom); } return {init: init, updateResults: updateCards} })(); // Smooth Scroll $('a.soft-scroll').click(function() { if ($(this).hasClass('js--populate-message')) { var message = $(this).data('message'); $('#input-message').val(message); } var href = $.attr(this, 'href'); $('html, body').animate({ scrollTop: $(href).offset().top - 80 }, 500); return false; }); /***** FAVORITES FUNCTION SINGLE FAVORITES ******/ var cookieList = function(n) { var i = $.cookie(n), t = i ? i.split(/,/) : []; return { add: function(i) { t.push(i), $.cookie(n, t.join(","), {path: "/"}) }, remove: function(i) { indx = t.indexOf(i), indx != -1 && t.splice(indx, 1), $.cookie(n, t.join(","), {path: "/"}) }, clear: function() { t = null, $.cookie(n, null) }, items: function() { return t } } } var favorites = new cookieList("favorites"); var cookiesArray = favorites.items(); $.each(cookiesArray, function(index, value) { $('.js--favorites-toggle[data-id="' + value + '"]').addClass("favoriteAdded"); }); // /* ====== ON DOCUMENT READY ====== */ $(document).ready(function() { setTimeout(function() { $html.addClass("is--loaded-fully"); }, 4000); if ($("#zvjezdice").length) { $('#zvjezdice').barrating({theme: 'css-stars', showSelectedRating: true}); } $('.js--trigger-filters').one('click', function() { loadNouiSlider(); }); $('.js--trigger-map').one('click', function() { $.getScript("/themes/montenegrovillas/assets/js/plugins/leaflet.js", function(data, textStatus, jqxhr) { $.getScript("/themes/montenegrovillas/assets/js/plugins/leaflet-google.js", function(data, textStatus, jqxhr) { $Map.init(); }); }); $("", { rel: "stylesheet", type: "text/css", href: "/themes/montenegrovillas/assets/less/plugins/leaflet.css" }).prependTo("head"); $(this).remove(); }); }); // /* ====== ON WINDOW LOAD ====== */ $window.on('load', function() { $('html').addClass('is--loaded'); $(window).trigger('resize'); }); /***** CURRENCY SWITCH FUNCTION ******/ function promjenaValute() { $.cookie("currency") != null && $.cookie("currency") != "" && $.cookie("currency") != "eur" && (valuta = $.cookie("currency"), $(".amount").each(function() { $(this).text($(this).attr("data-" + valuta)) }), $(".currencyChange").each(function() { $(this).attr("data-currency") == valuta })) } promjenaValute(); // Switch currency on click $(".currencyChange").click(function() { $(".currencyChange").removeClass("active"); $(this).addClass("active"); var valuta = $(this).attr("data-currency"); $(".amount").each(function() { $(this).text($(this).attr("data-" + valuta)) }); $.cookie("currency", $(this).attr("data-currency"), { path: "/", expires: 7 }); $(".currency_value").html($(this).html()); }); $(document).ready(function() { // Switch currency on document load switch ($.cookie("currency")) { case 'eur': $currency_text = 'EUR (€)'; break; case 'usd': $currency_text = 'USD ($)'; break; case 'gbp': $currency_text = 'GBP (£)'; break; case 'jpy': $currency_text = 'JPY (¥)'; break; case 'hrk': $currency_text = 'HRK (kn)'; break; default: $currency_text = 'EUR (€)'; } $(".currency_value").html($currency_text); if ($.cookie('currency')) { valuta = $.cookie("currency"); } else { valuta = 'eur' } $("[data-currency='" + valuta + "']").addClass("active"); $(".amount").each(function() { $(this).text($(this).attr("data-" + valuta)); }); }); /***** FAVORITES FUNCTION ******/ var cookieList = function(n) { var i = $.cookie(n), t = i ? i.split(/,/) : []; return { add: function(i) { t.push(i), $.cookie(n, t.join(","), {path: "/"}) }, remove: function(i) { indx = t.indexOf(i), indx != -1 && t.splice(indx, 1), $.cookie(n, t.join(","), {path: "/"}) }, clear: function() { t = null, $.cookie(n, null) }, items: function() { return t } } } var favorites = new cookieList("favorites"); var cookiesArray = favorites.items(); /* $.each(cookiesArray, function(index, value) { $('.favorites-click#' + value).addClass("favoriteAdded"); }); */ if (favorites.items().length > 0) { $(".favorites-icon").addClass("favoriteAdded"); $(".favorites-count").text(favorites.items().length); } $(document).delegate(".js--favorites-toggle", "click", function() { for (bPostoji = !1, i = 0; i < favorites.items().length; i++) favorites.items()[i] == $(this).attr("data-id") && (bPostoji = !0); bPostoji ? (favorites.remove($(this).attr("data-id")), $(this).removeClass("favoriteAdded")) : (favorites.add($(this).attr("data-id")), $(this).addClass("favoriteAdded")), $(".favorites-count").length > 0 && $(".favorites-count").text(favorites.items().length) if (favorites.items().length > 0) { $(".favorites-icon").addClass("favoriteAdded"); } else { $(".favorites-icon").removeClass("favoriteAdded"); } if ($('body.page-static-favorites').length) { $(this).closest('.rentals__item').remove(); } return false; }); $('[data-fancybox="image"]').fancybox({ animationEffect: "fade", loop: "true", buttons: [ 'zoom', 'share', 'slideShow', 'fullScreen', 'close' ], clickContent: 'nextOrClose', clickSlide: 'nextOrClose', clickOutside: 'close', hash: 'image', slideShow: { autoStart: false, speed: 5000 }, mobile: { preventCaptionOverlap: false }, btnTpl: { close: '", arrowLeft: '", arrowRight: '" } }); $('.js--trigger-gallery').on('click', function() { $.fancybox.open($('[data-fancybox="image"]'), { animationEffect: "fade", loop: "true", clickContent: 'nextOrClose', slideShow: { autoStart: false, speed: 5000 }, buttons: [ 'zoom', 'share', 'slideShow', 'fullScreen', 'close' ], clickSlide: 'nextOrClose', clickOutside: 'close', hash: 'image', mobile: { preventCaptionOverlap: false }, btnTpl: { close: '", arrowLeft: '", arrowRight: '" } }); }); /* if($('#page-home').length) { $(window).on("scroll", function() { if ($(window).scrollTop() > 100) { $.request('agencyBase::onRun', { update: {'_home/ajax-content': '.ajax-onscroll'}, complete: function() { $(window).off('scroll'); } }); } }); } */ })(jQuery);

{{SHARE}}

{{title}}