(function($) { "use strict"; //Hide Loading Box (Preloader) function handlePreloader() { if($('.preloader').length){ $('.preloader').delay(200).fadeOut(500); } } //Update Header Style and Scroll to Top function headerStyle() { if($('.main-header').length){ var scrollCLickLink = $('.scroll-to-top'); var MainHeader = $('.main-header'); var windowpos = $(window).scrollTop(); if (windowpos >= 200) { MainHeader.addClass('fixed-header'); scrollCLickLink.fadeIn(300); } else { MainHeader.removeClass('fixed-header'); scrollCLickLink.fadeOut(300); } } } headerStyle(); //Submenu Dropdown Toggle if($('.main-header li.dropdown ul').length){ $('.main-header li.dropdown').append('<div class="dropdown-btn"></div>'); //Dropdown Button $('.main-header li.dropdown .dropdown-btn').on('click', function() { $(this).prev('ul').slideToggle(500); }); //Disable dropdown parent link // $('.navigation li.dropdown > a').on('click', function(e) { // e.preventDefault(); // }); } //Hidden Bar Menu Config function hiddenBarMenuConfig() { var menuWrap = $('.hidden-bar .side-menu'); // appending expander button menuWrap.find('.dropdown').children('a').append(function () { return '<button type="button" class="btn expander"><i class="icon fa fa-angle-down"></i></button>'; }); // hidding submenu menuWrap.find('.dropdown').children('ul').hide(); // toggling child ul menuWrap.find('.btn.expander').each(function () { $(this).on('click', function () { $(this).parent() // return parent of .btn.expander (a) .parent() // return parent of a (li) .children('ul').slideToggle(); // adding class to expander container $(this).parent().toggleClass('current'); // toggling arrow of expander $(this).find('i').toggleClass('fa-angle-up fa-angle-down'); return false; }); }); } hiddenBarMenuConfig(); //Custom Scroll for Hidden Sidebar if ($('.hidden-bar-wrapper').length) { $('.hidden-bar-wrapper').mCustomScrollbar(); } //Hidden Bar Toggler if ($('.hidden-bar-closer').length) { $('.hidden-bar-closer').on('click', function () { $('.hidden-bar').removeClass('visible-sidebar'); }); } if ($('.hidden-bar-opener').length) { $('.hidden-bar-opener').on('click', function () { $('.hidden-bar').addClass('visible-sidebar'); }); } //Search Popup Hide / Show if($('#search-popup').length){ var searchPopup = $('#search-popup'); //Show Popup $('.search-box-btn').on('click', function() { searchPopup.addClass('popup-visible'); }); //Hide Popup $('.close-search').on('click', function() { searchPopup.removeClass('popup-visible'); }); } //Revolution Slider if($('.main-slider .tp-banner').length){ $('.main-slider .tp-banner').show().revolution({ dottedOverlay:'yes', delay:10000, startwidth:1200, startheight:730, hideThumbs:600, thumbWidth:80, thumbHeight:50, thumbAmount:5, navigationType:"bullet", navigationArrows:"0", navigationStyle:"preview3", touchenabled:"on", onHoverStop:"off", swipe_velocity: 0.7, swipe_min_touches: 1, swipe_max_touches: 1, drag_block_vertical: false, parallax:"mouse", parallaxBgFreeze:"on", parallaxLevels:[7,4,3,2,5,4,3,2,1,0], keyboardNavigation:"off", navigationHAlign:"center", navigationVAlign:"bottom", navigationHOffset:0, navigationVOffset:40, soloArrowLeftHalign:"left", soloArrowLeftValign:"center", soloArrowLeftHOffset:20, soloArrowLeftVOffset:0, soloArrowRightHalign:"right", soloArrowRightValign:"center", soloArrowRightHOffset:20, soloArrowRightVOffset:0, shadow:0, fullWidth:"on", fullScreen:"off", spinner:"spinner4", stopLoop:"off", stopAfterLoops:-1, stopAtSlide:-1, shuffle:"off", autoHeight:"off", forceFullWidth:"on", hideThumbsOnMobile:"on", hideNavDelayOnMobile:1500, hideBulletsOnMobile:"on", hideArrowsOnMobile:"on", hideThumbsUnderResolution:0, hideSliderAtLimit:0, hideCaptionAtLimit:0, hideAllCaptionAtLilmit:0, startWithSlide:0, videoJsPath:"", fullScreenOffsetContainer: "" }); } //Tabs Box if($('.tabs-box').length){ $('.tabs-box .tab-buttons .tab-btn').on('click', function(e) { e.preventDefault(); var target = $($(this).attr('data-tab')); target.parents('.tabs-box').find('.tab-buttons').find('.tab-btn').removeClass('active-btn'); $(this).addClass('active-btn'); target.parents('.tabs-box').find('.tabs-content').find('.tab').fadeOut(0); target.parents('.tabs-box').find('.tabs-content').find('.tab').removeClass('active-tab'); $(target).fadeIn(300); $(target).addClass('active-tab'); }); } //Single Item Carousel if ($('.single-item-carousel').length) { $('.single-item-carousel').owlCarousel({ loop:true, margin:0, nav:true, smartSpeed: 700, autoplay: 5000, navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ], responsive:{ 0:{ items:1 }, 1024:{ items:1 }, 1200:{ items:1 } } }); } //Shop Tabs Box if($('.shop-tabs-box').length){ $('.shop-tabs-box .tab-buttons .tab-btn').on('click', function(e) { e.preventDefault(); var target = $($(this).attr('data-tab')); target.parents('.shop-tabs-box').find('.tab-buttons').find('.tab-btn').removeClass('active-btn'); $(this).addClass('active-btn'); target.parents('.shop-tabs-box').find('.tabs-content').find('.shop-tab').removeClass('active-tab'); $(target).addClass('active-tab'); }); } //Tabbed Shop Carousel if ($('.tabbed-shop-carousel').length) { $('.tabbed-shop-carousel').owlCarousel({ loop:true, margin:30, nav:true, smartSpeed: 700, autoplay: 5000, navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ], responsive:{ 0:{ items:1 }, 600:{ items:2 }, 1024:{ items:3 }, 1200:{ items:4 } } }); } //Related Items Carousel if ($('.related-items-carousel').length) { $('.related-items-carousel').owlCarousel({ loop:true, margin:30, nav:true, smartSpeed: 700, autoplay: 5000, navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ], responsive:{ 0:{ items:1 }, 600:{ items:2 }, 1140:{ items:2 }, 1200:{ items:3 } } }); } //Sponsors Carousel if ($('.sponsors-carousel').length) { $('.sponsors-carousel').owlCarousel({ loop:true, margin:30, nav:true, smartSpeed: 500, autoplay: 5000, navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ], responsive:{ 0:{ items:1 }, 600:{ items:2 }, 800:{ items:3 }, 1024:{ items:4 }, 1200:{ items:5 } } }); } //Footer Gallery Widget Carousel if ($('.gallery-widget-carousel').length) { $('.gallery-widget-carousel').owlCarousel({ loop:true, margin:10, nav:true, smartSpeed: 500, autoplay: 5000, navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ], responsive:{ 0:{ items:3 }, 600:{ items:4 }, 1024:{ items:3 }, 1200:{ items:4 } } }); } //Two Column Carousel if ($('.two-column-carousel').length) { $('.two-column-carousel').owlCarousel({ loop:true, margin:30, nav:true, smartSpeed: 500, autoplay: 5000, navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ], responsive:{ 0:{ items:1 }, 600:{ items:1 }, 1024:{ items:2 }, 1200:{ items:2 } } }); } //Member Experties Carousel if ($('.experties-carousel').length) { $('.experties-carousel').owlCarousel({ loop:true, margin:30, nav:true, smartSpeed: 700, autoplay: 5000, navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ], responsive:{ 0:{ items:1 }, 600:{ items:2 }, 1024:{ items:2 }, 1200:{ items:3 } } }); } //LightBox / Fancybox if($('.lightbox-image').length) { $('.lightbox-image').fancybox({ openEffect : 'fade', closeEffect : 'fade', helpers : { media : {} } }); } //Mixitup Gallery if($('.filter-list').length){ $('.filter-list').mixItUp({}); } //Sortable Masonary with Filters function enableMasonry() { if($('.sortable-masonry').length){ var winDow = $(window); // Needed variables var $container=$('.sortable-masonry .items-container'); var $filter=$('.filter-btns'); $container.isotope({ filter:'*', masonry: { columnWidth : 0 }, animationOptions:{ duration:1000, easing:'linear' } }); // Isotope Filter $filter.find('li').on('click', function(){ var selector = $(this).attr('data-filter'); try { $container.isotope({ filter : selector, animationOptions: { duration: 1000, easing : 'linear', queue : false } }); } catch(err) { } return false; }); winDow.bind('resize', function(){ var selector = $filter.find('li.active').attr('data-filter'); $container.isotope({ filter : selector, animationOptions: { duration: 1000, easing : 'linear', queue : false } }); }); var filterItemA = $('.filter-btns li'); filterItemA.on('click', function(){ var $this = $(this); if ( !$this.hasClass('active')) { filterItemA.removeClass('active'); $this.addClass('active'); } }); } } enableMasonry(); //Accordion Box if($('.accordion-box').length){ $(".accordion-box").on('click', '.acc-btn', function() { var outerBox = $(this).parents('.accordion-box'); var target = $(this).parents('.accordion'); if($(this).hasClass('active')!==true){ $('.accordion .acc-btn').removeClass('active'); } if ($(this).next('.acc-content').is(':visible')){ return false; }else{ $(this).addClass('active'); $(outerBox).children('.accordion').removeClass('active-block'); $(outerBox).children('.accordion').children('.acc-content').slideUp(300); target.addClass('active-block'); $(this).next('.acc-content').slideDown(300); } }); } //Jquery Spinner / Quantity Spinner if($('.quantity-spinner').length){ $("input.quantity-spinner").TouchSpin({ verticalbuttons: true }); } // Fact Counter function factCounter() { if($('.fact-counter').length){ $('.fact-counter .counter-column.animated').each(function() { var $t = $(this), n = $t.find(".count-text").attr("data-stop"), r = parseInt($t.find(".count-text").attr("data-speed"), 10); if (!$t.hasClass("counted")) { $t.addClass("counted"); $({ countNum: $t.find(".count-text").text() }).animate({ countNum: n }, { duration: r, easing: "linear", step: function() { $t.find(".count-text").text(Math.floor(this.countNum)); }, complete: function() { $t.find(".count-text").text(this.countNum); } }); } }); } } //Price Range Slider if($('.range-slider-price').length){ var priceRange = document.getElementById('range-slider-price'); noUiSlider.create(priceRange, { start: [ 30, 300 ], limit: 1000, behaviour: 'drag', connect: true, range: { 'min': 10, 'max': 500 } }); var limitFieldMin = document.getElementById('min-value-rangeslider'); var limitFieldMax = document.getElementById('max-value-rangeslider'); priceRange.noUiSlider.on('update', function( values, handle ){ (handle ? limitFieldMax : limitFieldMin).value = values[handle]; }); } //Product Tabs if($('.prod-tabs .tab-btn').length){ $('.prod-tabs .tab-btn').on('click', function(e) { e.preventDefault(); var tabsBox = $('.prod-tabs'); var target = $($(this).attr('href')); tabsBox.find('.tab-btn').removeClass('active-btn'); $(this).addClass('active-btn'); tabsBox.find('.tab').fadeOut(0); tabsBox.find('.tab').removeClass('active-tab'); $(target).fadeIn(500); $(target).addClass('active-tab'); }); } //Contact Form Validation if($('#contact-form').length){ $('#contact-form').validate({ rules: { username: { required: true }, email: { required: true, email: true }, phone: { required: true }, subject: { required: true }, message: { required: true } } }); } // Scroll to a Specific Div if($('.scroll-to-target').length){ $(".scroll-to-target").on('click', function() { var target = $(this).attr('data-target'); // animate $('html, body').animate({ scrollTop: $(target).offset().top }, 1000); }); } // Elements Animation if($('.wow').length){ var wow = new WOW( { boxClass: 'wow', // animated element css class (default is wow) animateClass: 'animated', // animation css class (default is animated) offset: 0, // distance to the element when triggering the animation (default is 0) mobile: true, // trigger animations on mobile devices (default is true) live: true // act on asynchronously loaded content (default is true) } ); wow.init(); } /* ========================================================================== When document is Scrollig, do ========================================================================== */ $(window).on('scroll', function() { headerStyle(); factCounter(); }); /* ========================================================================== When window is Resized, do ========================================================================== */ $(window).on('resize', function() { enableMasonry(); }); /* ========================================================================== When document is loading, do ========================================================================== */ $(window).on('load', function() { handlePreloader(); enableMasonry(); }); })(window.jQuery);