/* | ---------------------------------------------------------------------------------- | TABLE OF CONTENT | ---------------------------------------------------------------------------------- -SETTING -Sticky Header -Zoom Images -POST SLIDER -Disable Animated -Dropdown Menu Fade -Animated Entrances -SCROLL TOP -Prefooter -Enumerator -ISOTOPE FILTER -Accordion -SLIDERS -Сustomization select -Animated WOW */ $(document).ready(function() { "use strict"; $(".entry-image img").attr('src', assets_url + 'img/entry/' + (Math.floor(Math.random() * (10 - 1) + 1)) + '.jpg'); ///////////////////////////////////////////////////////////////// // SETTING ///////////////////////////////////////////////////////////////// var windowHeight = $(window).height(); var windowWidth = $(window).width(); $('ul li:last-child').addClass('li-last'); var tabletWidth = 767; var mobileWidth = 640; /*SLIDER PRO*/ if ($('#sliderpro1').length > 0) { $('#sliderpro1').sliderPro({ width: 1600, height: 570, fade: true, arrows: true, buttons: false, waitForLayers: false, thumbnailPointer: false, touchSwipe: false, autoplay: true, autoScaleLayers: true }); } if ($('#sliderpro2').length > 0) { $('#sliderpro2').sliderPro({ width: 1600, height: 1078, fade: true, arrows: true, buttons: false, waitForLayers: false, thumbnailPointer: false, touchSwipe: false, autoplay: true, autoScaleLayers: true }); } if ($('#sliderpro3').length > 0) { $('#sliderpro3').sliderPro({ width: 870, height: 470, fade: true, arrows: true, buttons: false, waitForLayers: false, thumbnailPointer: false, touchSwipe: false, autoplay: true, autoScaleLayers: true }); } if ($('#sliderprohome').length > 0) { $('#sliderprohome').sliderPro({ width: 1000, height: 400, fade: true, arrows: true, buttons: false, waitForLayers: false, thumbnailPointer: false, touchSwipe: false, autoplay: true, autoScaleLayers: true }); } //////////////////////////////////////////// // PARALAX /////////////////////////////////////////// $(window).scroll(function(e) { var scrolled = $(window).scrollTop(); $('.pix-parallax-elements').css('top', -(scrolled * 0.15) + 'px'); }); var scrolled = $(window).scrollTop(); $('.pix-parallax-elements').css('top', -(scrolled * 0.15) + 'px'); $(window).scroll(function(e) { var scrolled = $(window).scrollTop(); $('.home-image-full').css('marginTop', -(scrolled * 1.15) + 'px'); }); var scrolled = $(window).scrollTop(); $('.home-image-full').css('marginTop', -(scrolled * 1.15) + 'px'); ///////////////////////////////////// // Sticky Header ///////////////////////////////////// if (windowWidth > tabletWidth) { var headerSticky = $(".layout-theme").data("header"); var headerTop = $(".layout-theme").data("header-top"); if (headerSticky.length) { $(window).on('scroll', function() { var winH = $(window).scrollTop(); var $pageHeader = $('.header'); if (winH > headerTop) { $('.yamm').addClass("animated"); $('.yamm').addClass("animation-done"); $('.yamm').addClass("bounce"); $pageHeader.addClass('sticky'); } else { $('.yamm').removeClass("bounce"); $('.yamm').removeClass("animated"); $('.yamm').removeClass("animation-done"); $pageHeader.removeClass('sticky'); } }); } } // Preloader var $preloader = $('#page-preloader'), $spinner = $preloader.find('.spinner'); $spinner.fadeOut(); $preloader.delay(350).fadeOut(800); ///////////////////////////////////// // Zoom Images ///////////////////////////////////// $("a[rel^='prettyPhoto']").prettyPhoto({ animation_speed: 'normal', theme: 'light_square', slideshow: 3000, social_tools: '' }); $(".prettyPhoto").prettyPhoto({ animation_speed: 'normal', theme: 'light_square', slideshow: 3000, social_tools: '' }); if (windowWidth < mobileWidth) { ///////////////////////////////////// // Disable Mobile Animated ///////////////////////////////////// $("body").removeClass("animated-css"); } $('.animated-css .animated:not(.animation-done)').waypoint(function() { var animation = $(this).data('animation'); $(this).addClass('animation-done').addClass(animation); }, { triggerOnce: true, offset: '90%' }); ///////////////////////////////////////////////////////////////// // Dropdown Menu Fade ///////////////////////////////////////////////////////////////// $(".yamm .navbar-nav>li").hover( function() { $('.dropdown-menu', this).fadeIn("fast"); }, function() { $('.dropdown-menu', this).fadeOut("fast"); }); window.prettyPrint && prettyPrint(); $(document).on('click', '.yamm .dropdown-menu', function(e) { e.stopPropagation(); }); ////////////////////////////// // Animated Entrances ////////////////////////////// if (windowWidth > 1200) { $(window).scroll(function() { $('.animatedEntrance').each(function() { var imagePos = $(this).offset().top; var topOfWindow = $(window).scrollTop(); if (imagePos < topOfWindow + 400) { $(this).addClass("slideUp"); // slideUp, slideDown, slideLeft, slideRight, slideExpandUp, expandUp, fadeIn, expandOpen, bigEntrance, hatch } }); }); } ///////////////////////////////////////////////////////////////// //PRICE RANGE ///////////////////////////////////////////////////////////////// if ($('#slider-price').length > 0) { $("#slider-price").noUiSlider({ start: [200, 700], step: 10, connect: true, range: { 'min': 0, 'max': 1000 }, // Full number format support. format: wNumb({ decimals: 0, prefix: '$' }) }); } // Reading/writing + validation from an input? One line. $('#slider-price').Link('lower').to($('#slider-price_min')); // Write to a span? One line. $('#slider-price').Link('upper').to($('#slider-price_max')); //////////////////////////////////////////// // CAROUSEL PRODUCTS /////////////////////////////////////////// if ($('.slider-product').length > 0) { // The slider being synced must be initialized first $('.carousel-product').flexslider({ animation: "slide", controlNav: false, animationLoop: false, slideshow: false, itemWidth: 104, itemMargin: 20, asNavFor: '.slider-product' }); $('.slider-product').flexslider({ animation: "slide", controlNav: false, animationLoop: false, slideshow: false, sync: ".carousel-product" }); } ///////////////////////////////////// // Enumerator ///////////////////////////////////// $(".minus_btn").on('click', function() { var inputEl = jQuery(this).parent().children().next(); var qty = inputEl.val(); if (jQuery(this).parent().hasClass("minus_btn")) qty++; else qty--; if (qty < 0) qty = 0; inputEl.val(qty); }) $(".plus_btn").on('click', function() { var inputEl = jQuery(this).parent().children().next(); var qty = inputEl.val(); if (jQuery(this).hasClass("plus_btn")) qty++; else qty--; if (qty < 0) qty = 0; inputEl.val(qty); }) //////////////////////////////////////////// // ISOTOPE FILTER /////////////////////////////////////////// var $container = $('.isotope-filter'); $container.imagesLoaded(function() { $container.isotope({ // options itemSelector: '.isotope-item' }); }); // filter items when filter link is clicked $("#filter a").on('click', function() { var selector = $(this).attr('data-filter'); $container.isotope({ filter: selector }); return false; }); ///////////////////////////////////////////////////////////////// // Сustomization select ///////////////////////////////////////////////////////////////// $('.jelect').jelect(); $('.redirect-input').on( 'change', function (e) { window.location.href=this.value; }); $('.search-input').on( 'change', function (e) { $('#search_form').attr('action', this.value); }); ///////////////////////////////////////////////////////////////// // Accordion ///////////////////////////////////////////////////////////////// $(".btn-collaps").on('click', function() { $(this).parents('.panel-group').children('.panel').removeClass('panel-default'); $(this).parents('.panel').addClass('panel-default'); }) ///////////////////////////////////////////////////////////////// // Sliders ///////////////////////////////////////////////////////////////// var Core = { initialized: false, initialize: function() { if (this.initialized) return; this.initialized = true; this.build(); }, build: function() { // Owl Carousel this.initOwlCarousel(); }, initOwlCarousel: function(options) { $(".enable-owl-carousel").each(function(i) { var $owl = $(this); var itemsData = $owl.data('items'); var navigationData = $owl.data('navigation'); var paginationData = $owl.data('pagination'); var singleItemData = $owl.data('single-item'); var autoPlayData = $owl.data('auto-play'); var transitionStyleData = $owl.data('transition-style'); var mainSliderData = $owl.data('main-text-animation'); var afterInitDelay = $owl.data('after-init-delay'); var stopOnHoverData = $owl.data('stop-on-hover'); var min480 = $owl.data('min480'); var min768 = $owl.data('min768'); var min992 = $owl.data('min992'); var min1200 = $owl.data('min1200'); $owl.owlCarousel({ navigation: navigationData, pagination: paginationData, singleItem: singleItemData, autoPlay: autoPlayData, transitionStyle: transitionStyleData, stopOnHover: stopOnHoverData, navigationText: ["", ""], items: itemsData, itemsCustom: [ [0, 1], [465, min480], [750, min768], [975, min992], [1185, min1200] ], afterInit: function(elem) { if (mainSliderData) { setTimeout(function() { $('.main-slider_zoomIn').css('visibility', 'visible').removeClass('zoomIn').addClass('zoomIn'); $('.main-slider_fadeInLeft').css('visibility', 'visible').removeClass('fadeInLeft').addClass('fadeInLeft'); $('.main-slider_fadeInLeftBig').css('visibility', 'visible').removeClass('fadeInLeftBig').addClass('fadeInLeftBig'); $('.main-slider_fadeInRightBig').css('visibility', 'visible').removeClass('fadeInRightBig').addClass('fadeInRightBig'); }, afterInitDelay); } }, beforeMove: function(elem) { if (mainSliderData) { $('.main-slider_zoomIn').css('visibility', 'hidden').removeClass('zoomIn'); $('.main-slider_slideInUp').css('visibility', 'hidden').removeClass('slideInUp'); $('.main-slider_fadeInLeft').css('visibility', 'hidden').removeClass('fadeInLeft'); $('.main-slider_fadeInRight').css('visibility', 'hidden').removeClass('fadeInRight'); $('.main-slider_fadeInLeftBig').css('visibility', 'hidden').removeClass('fadeInLeftBig'); $('.main-slider_fadeInRightBig').css('visibility', 'hidden').removeClass('fadeInRightBig'); } }, afterMove: sliderContentAnimate, afterUpdate: sliderContentAnimate, }); }); function sliderContentAnimate(elem) { var $elem = elem; var afterMoveDelay = $elem.data('after-move-delay'); var mainSliderData = $elem.data('main-text-animation'); if (mainSliderData) { setTimeout(function() { $('.main-slider_zoomIn').css('visibility', 'visible').addClass('zoomIn'); $('.main-slider_slideInUp').css('visibility', 'visible').addClass('slideInUp'); $('.main-slider_fadeInLeft').css('visibility', 'visible').addClass('fadeInLeft'); $('.main-slider_fadeInRight').css('visibility', 'visible').addClass('fadeInRight'); $('.main-slider_fadeInLeftBig').css('visibility', 'visible').addClass('fadeInLeftBig'); $('.main-slider_fadeInRightBig').css('visibility', 'visible').addClass('fadeInRightBig'); }, afterMoveDelay); } } }, }; Core.initialize(); }); ///////////////////////////////////////////////////////////////// // Animated WOW ///////////////////////////////////////////////////////////////// new WOW().init();