(function(){ var Base = new function() { var loadCarousel = function () { // owl carousel --standard if ($('.carousel--standard').length) $('.carousel--standard').owlCarousel({ loop:false, margin:57, nav:true, responsive:{ 0:{ items:1 }, 480:{ items:2, margin:15 }, 767:{ items:3, margin:30 } } }); // owl carousel --media if ($('.carousel--media').length) $('.carousel--media').owlCarousel({ loop:false, margin:27, nav:true, responsive:{ 0:{ items:2, margin:10 }, 480:{ items:3, margin:14 }, 767:{ items:3 } } }); // carousel --calendar if ($('.carousel--calendar').length) $('.carousel--calendar').owlCarousel({ loop:false, margin:3, nav:true, responsive:{ 0:{ items:3, margin:0 }, 480:{ items:5 } } }); // carousel --sidebar if ($('.carousel--sidebar').length) $('.carousel--sidebar').owlCarousel({ loop:false, margin:20, nav:true, items:1 }); } var loadHeadroomBar = function () { // headroom bar (function() { var headroom = new Headroom(document.querySelector("#headroom-bar"), { tolerance: 5, offset : 100, classes: { pinned: "headroom--slide-up", unpinned: "headroom--slide-down" } }); if ($('#headroom-bar').length) { headroom.init(); } var mainNavMember = new Headroom(document.querySelector("#site-nav-member"), { tolerance: 5, offset : 50, classes: { initial: "topbar", pinned:"topbar--pinned", unpinned:"topbar--unpinned" } }); var mainNav = new Headroom(document.querySelector("#site-nav"), { tolerance: 5, offset : 50, classes: { initial: "topbar", top: "topbar--pinned", notTop: "topbar--unpinned", pinned:false, unpinned:false } }); if ($('#site-nav').length) { mainNav.init(); } if ($('#site-nav-member').length ) { mainNavMember.init(); } }()); } var loadMiscellaneous = function() { // popovers $('[data-toggle="popover"]').popover(); // Click event of the showPassword button $('.registration-form__input-group__show-password').on('click', function(){ var passwordField = $('.registration-form__input-group__input--password'); var passwordFieldType = passwordField.attr('type'); if(passwordFieldType === 'password') { passwordField.attr('type', 'text'); $(this) .text('HIDE') .toggleClass('visible'); } else { passwordField.attr('type', 'password'); $(this) .text('SHOW') .removeClass('visible'); } }); // accordion menu var $btnAccordionTab = $('a.tabs-nav--accordion'), accordionSpeed = 200, tabPanesActiveOrder = []; // return the largest numeric value in an array function getMaxOfArray(numArray) { return Math.max.apply(null, numArray); } // return index of greatest value in an array function indexOfMax(arr) { if (arr.length === 0) { return -1; } var max = arr[0]; var maxIndex = 0; for (var i = 1; i < arr.length; i++) { if (arr[i] > max) { maxIndex = i; max = arr[i]; } } return maxIndex; } $btnAccordionTab.on('click', function(event) { event.preventDefault(); var $this = $(this), pane = $this.attr('href'); if (!($this.hasClass('open'))) { $this .addClass('open') .next() .velocity('stop') .velocity('slideDown', { duration: accordionSpeed, complete: function(elements) { $this.siblings('.tabs-panes__item').each(function(index) { var activeOrder = $(this).data('active-order'); tabPanesActiveOrder[index] = activeOrder ? activeOrder : 0; }); var lastActiveOrder = getMaxOfArray(tabPanesActiveOrder); $(elements) .addClass('active in tabs-panes__item--mobile-active') .removeClass('tabs-panes__item--mobile-hidden-only') .removeAttr('style') .data('active-order', ++lastActiveOrder); // add special class for mobile only open tabs $this .siblings('a.open') .next() .addClass('tabs-panes__item--mobile-active-only'); } }) .siblings() .removeClass('active in') .parent('.tabs-panes') .prev('.tabs-nav-container') .find('a[href="' + pane + '"]') .parent() .addClass('active') .siblings() .removeClass('active'); } else { $this .removeClass('open') .next() .velocity('slideUp', { duration: accordionSpeed, complete: function() { $(this) .removeClass('tabs-panes__item--mobile-active tabs-panes__item--mobile-active-only') .addClass('tabs-panes__item--mobile-hidden-only') .removeAttr('style'); } }); // check if there are any other tabs left open if ($this.siblings('.active').length) { $this .next() .removeClass('active in') .data('active-order', 0) .parent('.tabs-panes') .prev('.tabs-nav-container') .find('a[href="' + pane + '"]') .parent() .removeClass('active'); $this.siblings('.tabs-panes__item').each(function(index) { var activeOrder = $(this).data('active-order'); tabPanesActiveOrder[index] = activeOrder ? activeOrder : 0; }); var $prevActivePane = $this.siblings('.tabs-panes__item').eq(indexOfMax(tabPanesActiveOrder)), prevPane = $prevActivePane.prev().attr('href'); $prevActivePane .addClass('active in') .removeClass('tabs-panes__item--mobile-active-only') .parent('.tabs-panes') .prev('.tabs-nav-container') .find('a[href="' + prevPane + '"]') .parent() .addClass('active') .siblings() .removeClass('active'); } } }); // scroll to (in page section navigation) $('a.js-scrollTo').on('click', function(event){ event.preventDefault(); $($(this).attr('href')).velocity('scroll', { duration: 400, offset: -55 }); }); } var loadTypeahead = function() { // typeahead var userlist = [ {name: "maria ioana", picture: "http://placehold.it/50x50", status: "vip", lists: [''], category: ['category', 'category', 'category'], rate: 2.9}, {name: "marta farniq", picture: "http://placehold.it/50x50", status: "vip", lists: [], category: ['category', 'category', 'category'], rate: 2.9}, {name: "marianita ole", picture: "http://placehold.it/50x50", status: "new", lists: [], category: ['category', 'category', 'category'], rate: 2.1}, {name: "mara para", picture: "http://placehold.it/50x50", status: "vip", lists: [], category: ['category', 'category', 'category'], rate: 2.9}, {name: "malia palia", picture: "http://placehold.it/50x50", status: "new", lists: [], category: ['category', 'category', 'category'], rate: 2.4}, {name: "mariana mara", picture: "http://placehold.it/50x50", status: "new", lists: [], category: ['category', 'category', 'category'], rate: 2.4}, {name: "macie macie", picture: "http://placehold.it/50x50", status: "vip", lists: [''], category: ['category', 'category', 'category'], rate: 2.9}, {name: "marguerita martinez", picture: "http://placehold.it/50x50", status: "vip", lists: [''], category: ['category', 'category', 'category'], rate: 2.9}, {name: "monica mendez", picture: "http://placehold.it/50x50", status: "vip", lists: [''], category: ['category', 'category', 'category'], rate: 2.9}, {name: "marina moreno", picture: "http://placehold.it/50x50", status: "vip", lists: [''], category: ['category', 'category', 'category'], rate: 2.9} ]; var searchType = $('.main-search__input').data('type'); var users = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'), queryTokenizer: Bloodhound.tokenizers.whitespace, remote: { url: Config.domain.path+searchType+'/search/%QUERY.json', wildcard: '%QUERY' } }); users.initialize(); $('.main-search__input').typeahead( { hint: true, highlight: false, minLength: 1, classNames: { input: 'typeahead', menu: 'typeahead__menu', dataset: 'typeahead__dataset', suggestion: 'typeahead__suggestion', highlight: 'typeahead__highlight' } }, { name: 'users', limit: 100, displayKey: 'name', source: users.ttAdapter(), templates: { suggestion: function(el){ if(searchType == 'models') return '' + '' + '' + '' + '' + el.rate + '' + (el.category.length?' in ':'') + '' + el.category + '' + '' + ' ' + ''; if(searchType == 'videos') return '' + '' + '' + '' + '' + el.rate + '' + (el.category.length?' in ':'') + '' + el.category + '' + '' + ' ' + ''; }, footer: function(context) { if (context.suggestions.length > 5) { let l = 'search/keyword/'; if(searchType == 'videos') { l = 'search/videos/keyword/'; } return '
'; } } } } ); var $mainSearch = $('div.main-search'), $mainSearchInput = $('input.main-search__input', $mainSearch); /* $mainSearchInput.bind('typeahead:render', function() { $('a.typeahead__more-link', $mainSearch).on('click', function(event) { event.preventDefault(); $(this) .toggleClass('hidden') .parents('.typeahead__dataset') .toggleClass('expanded'); }); }); */ $mainSearchInput.bind('typeahead:active', function() { $mainSearch.toggleClass('active'); }); $mainSearchInput.bind('typeahead:idle', function() { $mainSearch.removeClass('active'); }); $mainSearchInput.bind('typeahead:asyncreceive', function(el) { Emitter.emit('overlay-search',el.currentTarget.value); }); } var loadHeroSwitch = function() { // hero switch $('#heroClose').on('click', function(event) { event.preventDefault(); $(this) .parents('.hero') .velocity('slideUp', { duration: 300, complete: function() { $(this) .next('.hero') .velocity('slideDown', { duration: 300, complete:function() { $('.profiles-filter-wrapper').fixedsticky('destroy'); $('.profiles-filter-wrapper').fixedsticky(); } }); } }); }); // hero subheadline switch /*var $heroSubheadlineValues = $('#heroSubheadline').children(), arrHeroSubheadlineValues = []; $heroSubheadlineValues.each(function() { arrHeroSubheadlineValues.push($(this).text()); }); (function recurse(counter) { var textValue = arrHeroSubheadlineValues[counter]; $heroSubheadlineValues .first() .velocity('stop') .velocity({ opacity: 0 }, { duration: 300, complete: function() { $(this) .text(textValue) .velocity('fadeIn', { duration: 300 }); } }); delete arrHeroSubheadlineValues[counter]; arrHeroSubheadlineValues.push(textValue); setTimeout(function() { recurse(counter + 1); console.log(counter); }, 2000); })(0);*/ } var loadOthers = function() { // slider $('input.range-slider__slider').slider({}).on('slideStart',function(){ }); $('#priceSlider').slider({}).on('slide',function(ev){ if((ev.value.length==2) && (ev.value[0]==1) && (ev.value[1]<=ev.value[0])){ $(this).slider('setValue',[1,2]) } }); // fixed sticky $( '.profiles-filter-wrapper' ).fixedsticky(); } /* var lazyLoading = function() { return this.each(function() { $(this).hide(); if ($(this)[0].complete) { $(this).show(); return this; } $(this).on('load',function(){ //$(this).velocity('fadeIn'); $(this).fadeIn(); }); }) } $.fn.lazyLoading=lazyLoading; var lazyLoadImages = function() { $('img.lazyload').lazyLoading(); } */ var changeLanguage = function() { $('a[data-locale]','.footer-copyright').on('click',function(e){ e.preventDefault(); var language = $(this).data('locale'); document.cookie = "language_locale=" + language + ";" + (86400 * 365) + ";path=/"; window.location.href = window.location.pathname + (language != 'en' ? '?locale='+language : ''); return false; }); } var acceptCookies = function(){ $('#acceptCookie', 'footer.footer').on('click',function(){ document.cookie = "catAccCookies=1;" + (86400 * 365) + ";path=/"; $(this).closest('.cookie-notice-bar').slideUp(); }); } var intercomShow = function() { $('#btnShowIntercom').on('click', function(event) { event.preventDefault(); Intercom('show'); }); } var cardsEvents = function(){ $('.page-section--card .toggle-content').on('click',function(){ $(this).parent().next().slideToggle(250) }); } var skypeCall = function(){ $('.custom-registration-panel-container .slide').on('click',function(){ if($(this).hasClass('slide-right')){ $('.custom-registration-panel-container').removeClass('active'); return; } $('.custom-registration-panel-container').addClass('active') }); } return { init : function() { loadCarousel(); loadHeadroomBar(); loadMiscellaneous(); loadTypeahead(); loadHeroSwitch(); loadOthers(); // lazyLoadImages(); changeLanguage(); acceptCookies(); //plyr.setup(); intercomShow(); cardsEvents(); skypeCall(); }, } }() Base.init(); })() // plyr media player