;(function ($, window, document, undefined) { 'use strict'; $(window).on('load', function () { if ($('.cs-preloader').length) { $('.cs-preloader').fadeOut(500); } }); /*=================================*/ /* 01 - VARIABLES */ /*=================================*/ var swipers = [], winW, winH, winScr, _isresponsive, smPoint = 768, mdPoint = 992, lgPoint = 1200, addPoint = 1600, _ismobile = navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i), pageCalculateHeight; /*=================================*/ /* 02 - PAGE CALCULATIONS */ /*=================================*/ /** * * PageCalculations function * @since 1.0.0 * @version 1.0.1 * @var winW * @var winH * @var winS * @var pageCalculations * @var onEvent **/ if (typeof pageCalculations !== 'function') { var winW, winH, winS, pageCalculations, onEvent = window.addEventListener; pageCalculations = function (func) { winW = window.innerWidth; winH = window.innerHeight; winS = document.body.scrollTop; if (!func) return; onEvent('load', func, true); // window onload onEvent('resize', func, true); // window resize onEvent("orientationchange", func, false); // window orientationchange }// end pageCalculations pageCalculations(function () { pageCalculations(); }); } /*Full height banner*/ function topBannerHeight() { var headerH = $('.header_top_bg').not('.header_trans-fixed, .fixed-header').outerHeight() || 0; var windowH = $(window).outerHeight(); var offsetTop; var adminbarH; if ($('#wpadminbar').length) { offsetTop = headerH + $('#wpadminbar').outerHeight(); } else { offsetTop = headerH; } if ($('#wpadminbar').length && $('.header_trans-fixed').length) { adminbarH = $('#wpadminbar').outerHeight(); } else { adminbarH = 0; } $('.full-height-window').css('min-height', (windowH - offsetTop) + adminbarH + 'px'); } /* IF TOUCH DEVICE */ function isTouchDevice() { return 'ontouchstart' in document.documentElement; } /*=================================*/ /* SWIPER SLIDER */ /*=================================*/ function initSwiper() { var initIterator = 0; $('.swiper-container').each(function () { var $t = $(this); var index = 'swiper-unique-id-' + initIterator; $t.addClass('swiper-' + index + ' initialized').attr('id', index); $t.parent().find('.swiper-pagination').addClass('swiper-pagination-' + index); $t.parent().find('.swiper-button-next').addClass('swiper-button-next-' + index); $t.parent().find('.swiper-button-prev').addClass('swiper-button-prev-' + index); var setThumb = function (activeIndex, slidesNum) { var url_thumb, leftClick = $t.find('.slider-click.left'), rightClick = $t.find('.slider-click.right'), slidesNum = slidesNum, activeIndexLeft, activeIndexRight; if (loopVar === 1) { if (activeIndex < 1) { leftClick.removeClass('disabled').find('.left').text(slidesNum); leftClick.find('.right').text(slidesNum); } else { leftClick.removeClass('disabled').find('.left').text(activeIndex); leftClick.find('.right').text(slidesNum); } if (activeIndex == slidesNum - 1) { rightClick.removeClass('disabled').find('.left').text('1'); rightClick.find('.right').text(slidesNum); } else { rightClick.removeClass('disabled').find('.left').text(activeIndex + 2); rightClick.find('.right').text(slidesNum); } } else { if (activeIndex < 1) { leftClick.addClass('disabled'); } else { leftClick.removeClass('disabled').find('.left').text(activeIndex); leftClick.find('.right').text(slidesNum); } if (activeIndex == slidesNum - 1) { rightClick.addClass('disabled'); } else { rightClick.removeClass('disabled').find('.left').text(activeIndex + 2); rightClick.find('.right').text(slidesNum); } } }; if (isTouchDevice() && $t.data('mode') == 'vertical') { $t.attr('data-noswiping', 1); $(this).find('.swiper-slide').addClass('swiper-no-swiping'); } var autoPlayVar = parseInt($t.attr('data-autoplay'), 10); var mode = $t.attr('data-mode'); var effect = $t.attr('data-effect') ? $t.attr('data-effect') : 'slide'; var paginationType = $t.attr('data-pagination-type'); var loopVar = parseInt($t.attr('data-loop'), 10); var noSwipingVar = parseInt($t.attr('data-noSwiping'), 10); var mouse = parseInt($t.attr('data-mouse'), 10); var speedVar = parseInt($t.attr('data-speed'), 10); var centerVar = parseInt($t.attr('data-center'), 10); var spaceBetweenVar = parseInt($t.attr('data-space'), 10); var slidesPerView = parseInt($t.attr('data-slidesPerView'), 10) ? parseInt($t.attr('data-slidesPerView'), 10) : 'auto'; var breakpoints = {}; var responsive = $t.attr('data-responsive'); if ($('.album_swiper').length && $(window).width() < 768) { loopVar = 1; } else { loopVar = parseInt($t.attr('data-loop'), 10); } if (responsive == 'responsive') { slidesPerView = $t.attr('data-add-slides'); var lg = $t.attr('data-lg-slides') ? $t.attr('data-lg-slides') : $t.attr('data-add-slides'); var md = $t.attr('data-md-slides') ? $t.attr('data-md-slides') : $t.attr('data-add-slides'); var sm = $t.attr('data-sm-slides') ? $t.attr('data-sm-slides') : $t.attr('data-add-slides'); var xs = $t.attr('data-xs-slides') ? $t.attr('data-xs-slides') : $t.attr('data-add-slides'); breakpoints = { 768: { slidesPerView: xs }, 992: { slidesPerView: sm }, 1200: { slidesPerView: md }, 1600: { slidesPerView: lg } }; } var titles = []; $t.find('.swiper-slide').each(function () { titles.push($(this).data('title')); }); if ($t.hasClass('swiper-album')) { breakpoints = { 480: { slidesPerView: 1 }, 767: { slidesPerView: 3, centeredSlides: false }, 991: { slidesPerView: 4 }, 1600: { slidesPerView: 5 } }; } swipers['swiper-' + index] = new Swiper('.swiper-' + index, { pagination: '.swiper-pagination-' + index, paginationType: paginationType, paginationBulletRender: function (swiper, index, className) { if ($t.parent('.banner-slider-wrap.vertical_custom_elements').length || $t.parent('.banner-slider-wrap.vertical').length || $t.parent('.banner-slider-wrap.vertical-2').length || $t.parent('.product-slider-wrapper').length) { var title = titles[index]; if (index < 9) return '' + title + '' + ('0' + (index + 1)) + ''; return '' + title + '' + (index + 1) + ''; } else { return ''; } }, direction: mode || 'horizontal', slidesPerView: slidesPerView, breakpoints: breakpoints, centeredSlides: centerVar, noSwiping: noSwipingVar, noSwipingClass: 'swiper-no-swiping', paginationClickable: true, spaceBetween: spaceBetweenVar, containerModifierClass: 'swiper-container-', // NEW slideClass: 'swiper-slide', slideActiveClass: 'swiper-slide-active', slideDuplicateActiveClass: 'swiper-slide-duplicate-active', slideVisibleClass: 'swiper-slide-visible', slideDuplicateClass: 'swiper-slide-duplicate', slideNextClass: 'swiper-slide-next', slideDuplicateNextClass: 'swiper-slide-duplicate-next', slidePrevClass: 'swiper-slide-prev', slideDuplicatePrevClass: 'swiper-slide-duplicate-prev', wrapperClass: 'swiper-wrapper', bulletClass: 'swiper-pagination-bullet', bulletActiveClass: 'swiper-pagination-bullet-active', buttonDisabledClass: 'swiper-button-disabled', paginationCurrentClass: 'swiper-pagination-current', paginationTotalClass: 'swiper-pagination-total', paginationHiddenClass: 'swiper-pagination-hidden', paginationProgressbarClass: 'swiper-pagination-progressbar', paginationClickableClass: 'swiper-pagination-clickable', // NEW paginationModifierClass: 'swiper-pagination-', // NEW lazyLoadingClass: 'swiper-lazy', lazyStatusLoadingClass: 'swiper-lazy-loading', lazyStatusLoadedClass: 'swiper-lazy-loaded', lazyPreloaderClass: 'swiper-lazy-preloader', notificationClass: 'swiper-notification', preloaderClass: 'preloader', zoomContainerClass: 'swiper-zoom-container', loop: loopVar, speed: speedVar, autoplay: autoPlayVar, effect: effect, mousewheelControl: mouse, nextButton: '.swiper-button-next-' + index, prevButton: '.swiper-button-prev-' + index, iOSEdgeSwipeDetection: true, onInit: function (swiper) { if ($t.closest('.product-slider-wrapper') && $(window).width() < 1024) { $t.find('.swiper-slide').addClass('swiper-no-swiping'); } else { $t.find('.swiper-slide').removeClass('swiper-no-swiping'); } if (winW > 1024 && $t.find(".slider-click").length) { $t.find(".slider-click").each(function () { var arrow = $(this); $(document).on("mousemove", function (event) { var arrow_parent = arrow.parent(), parent_offset = arrow_parent.offset(), pos_left = Math.min(event.pageX - parent_offset.left, arrow_parent.width()), pos_top = event.pageY - parent_offset.top; arrow.css({ 'left': pos_left, 'top': pos_top }); }); }); } var totalSlides = $('.swiper-slide:not(.swiper-slide-duplicate)').length; if ($('.full_screen_slider').length) { setThumb(swiper.realIndex, totalSlides); } if ($t.hasClass('js-change-color')) { var activeSlide = $t.find('.swiper-slide-active'); if (activeSlide.data('content-color') == 'light') { $t.closest('.product-slider-wrapper').addClass('product-slider-wrapper--light'); $t.closest('.banner-slider-wrap').addClass('content-light'); } else { $t.closest('.product-slider-wrapper').removeClass('product-slider-wrapper--light'); $t.closest('.banner-slider-wrap').removeClass('content-light'); } } if ($t.hasClass('js-check-pagination')) { var countSlide = $t.find('.swiper-pagination-bullet').length; if (countSlide > 5) { $t.addClass('js-calc-pagination'); } } if ($t.hasClass('js-calc-pagination')) { var slide = $t.find('.swiper-pagination-bullet'); slide.removeClass('visible'); var countSlide = slide.length; var index = $t.find('.swiper-pagination-bullet-active').index(); slide.eq(index).addClass('visible'); slide.eq(0).addClass('visible'); slide.eq(countSlide - 1).addClass('visible'); if (index > 1 && index < countSlide - 2) { $t.find('.swiper-pagination').removeClass('start end').addClass('center'); slide.eq(index - 1).addClass('visible'); slide.eq(index + 1).addClass('visible'); } else if (index <= 1) { $t.find('.swiper-pagination').removeClass('center end').addClass('start'); slide.eq(0).addClass('visible'); slide.eq(1).addClass('visible'); slide.eq(2).addClass('visible'); } else if (countSlide >= index - 2) { $t.find('.swiper-pagination').removeClass('center start').addClass('end'); slide.eq(countSlide - 2).addClass('visible'); slide.eq(countSlide - 3).addClass('visible'); } } }, onSlideChangeEnd: function (swiper) { if ($t.hasClass('js-change-color')) { $t.closest('.banner-slider-wrap').removeClass('content-transition'); $t.closest('.product-slider-wrapper').removeClass('content-transition'); var activeSlide = $t.find('.swiper-slide-active'); if (activeSlide.data('content-color') == 'light') { $t.closest('.product-slider-wrapper').addClass('product-slider-wrapper--light'); $t.closest('.banner-slider-wrap').addClass('content-light'); } else { $t.closest('.product-slider-wrapper').removeClass('product-slider-wrapper--light'); $t.closest('.banner-slider-wrap').removeClass('content-light'); } } if ($t.hasClass('js-calc-pagination')) { var slide = $t.find('.swiper-pagination-bullet'); slide.removeClass('visible'); var countSlide = slide.length; var index = $t.find('.swiper-pagination-bullet-active').index(); slide.eq(index).addClass('visible'); slide.eq(0).addClass('visible'); slide.eq(countSlide - 1).addClass('visible'); if (index > 1 && index < countSlide - 2) { $t.find('.swiper-pagination').removeClass('start end').addClass('center'); slide.eq(index - 1).addClass('visible'); slide.eq(index + 1).addClass('visible'); } else if (index <= 1) { $t.find('.swiper-pagination').removeClass('center end').addClass('start'); slide.eq(0).addClass('visible'); slide.eq(1).addClass('visible'); slide.eq(2).addClass('visible'); } else if (countSlide >= index - 2) { $t.find('.swiper-pagination').removeClass('center start').addClass('end'); slide.eq(countSlide - 2).addClass('visible'); slide.eq(countSlide - 3).addClass('visible'); } } }, onSlideChangeStart: function (swiper) { var activeIndex = (loopVar == 1) ? swiper.realIndex : swiper.activeIndex; if ($t.parent().find('.swiper-pagination-bullet').length) { $t.parent().find('.swiper-pagination-bullet').removeClass('swiper-pagination-bullet-active').eq(activeIndex).addClass('swiper-pagination-bullet-active'); } if ($t.hasClass('js-change-color')) { $t.closest('.banner-slider-wrap').addClass('content-transition'); $t.closest('.product-slider-wrapper').addClass('content-transition'); } } }); (function verticalResponsive() { if ($t.hasClass('swiper-container-vertical')) { var breakpoints = [1600, 1200, 992, 768], maxHeight = Math.max.apply(null, $t.find('.swiper-slide').map(function () { return $(this).height(); }).get()), swiperWrapper = $t.find('.swiper-wrapper'); if ($(window).width() < breakpoints[3]) { $t.css({'height': maxHeight * $t.data('xs-slides')}); } else if ($(window).width() < breakpoints[2]) { $t.css({'height': maxHeight * $t.data('sm-slides')}); } else if ($(window).width() < breakpoints[1]) { $t.css({'height': maxHeight * $t.data('md-slides')}); } else { $t.css({'height': maxHeight * $t.data('lg-slides')}); } } })(); if ($t.hasClass('swiper-container-horizontal') && $t.closest('.px-slider')) { $t.closest('.vc_row[data-vc-full-width]').css({'overflow': 'visible'}); } initIterator++; }); } $('.slider-click.left').on('click', function () { swipers['swiper-' + $(this).parent().parent().parent().find('.full_screen_slider').attr('id')].slidePrev(); swipers['swiper-' + $(this).parent().parent().parent().find('.full_screen_slider').attr('id')].startAutoplay(); }); $('.slider-click.right').on('click', function () { swipers['swiper-' + $(this).parent().parent().parent().find('.full_screen_slider').attr('id')].slideNext(); swipers['swiper-' + $(this).parent().parent().parent().find('.full_screen_slider').attr('id')].startAutoplay(); }); /*=================================*/ /* LAZYLOAD */ /*=================================*/ $(window).on("load", function () { $("img[data-lazy-src]").foxlazy(); }); /*=================================*/ /* ANIMATION */ /*=================================*/ $.fn.isInViewport = function (offsetB) { var elementTop = $(this).offset().top; var elementBottom = elementTop + $(this).outerHeight(); var viewportTop = $(window).scrollTop(); var viewportBottom = viewportTop + $(window).height() - offsetB; return elementBottom > viewportTop && elementTop < viewportBottom; }; function addAnimation() { if ($('.js-animation').length) { var headings = $('.js-animation'); headings.each(function () { var animationClass = 'animation'; var elements = $(this).find('.js-animation-item'); var headingOffsetB; if ($(window).width() > 1024) { headingOffsetB = 50; } else { headingOffsetB = 0; } if ($(this).isInViewport(headingOffsetB)) { elements.addClass(animationClass); } }); } } function addTransition() { if ($('.js-animation').length) { var headings = $('.js-animation'); headings.each(function () { var elements = $(this).find('.js-animation-item'); for (var i = 0; i < $(this).find('.js-animation-item').length; i++) { elements.eq(i).addClass('transition-' + i); } }); } } /* Copyright */ if ($('.pixxy_copyright_overlay').length) { $(document).on('contextmenu', function (event) { if ($('.pixxy_copyright_overlay').hasClass('copy')) { event.preventDefault(); } else if (event.target.tagName != 'A') { event.preventDefault(); } $('.pixxy_copyright_overlay').addClass('active'); }).on('click', function () { $('.pixxy_copyright_overlay').removeClass('active').removeAttr('style'); }); } // over ride click link in menu $('.a-btn-anchor').on('click', function(event) { var pos = $($(this).attr('href')).offset().top - $('.header_trans-fixed').outerHeight(); $('body, html').animate({scrollTop: pos}, 500); return false; }); $(window).on('load', function () { $('.js-tilt').tilt(); addTransition(); new WOW().init(); }); $(window).on('load resize', function () { initSwiper(); topBannerHeight(); }); window.addEventListener("orientationchange", function () { initSwiper(); topBannerHeight(); addAnimation(); }); $(window).on('load scroll resize', function () { addAnimation(); }); $(function() { $(window).on("scroll", function() { if($(window).scrollTop() > 50) { $("body").addClass("scrolled"); } else { //remove the background property so it comes transparent again (defined in your css) $("body").removeClass("scrolled"); } }); }); })(jQuery, window, document); body.appendChild(script);