(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 windowpos = $(window).scrollTop();
var siteHeader = $('.header-style-one');
var scrollLink = $('.scroll-to-top');
var sticky_header = $('.main-header .sticky-header');
if (windowpos > 100) {
sticky_header.addClass("fixed-header animated slideInDown");
scrollLink.fadeIn(300);
} else {
sticky_header.removeClass("fixed-header animated slideInDown");
scrollLink.fadeOut(300);
}
if (windowpos > 1) {
siteHeader.addClass("fixed-header");
} else {
siteHeader.removeClass("fixed-header");
}
}
}
headerStyle();
//Submenu Dropdown Toggle
if ($('.main-header li.dropdown ul').length) {
$('.main-header .navigation li.dropdown').append('
');
//Megamenu Toggle
}
//Hidder bar
if ($('.hidden-bar').length) {
//Menu Toggle Btn
$('.toggle-hidden-bar').on('click', function () {
$('body').addClass('active-hidden-bar');
});
//Menu Toggle Btn
$('.hidden-bar-back-drop, .hidden-bar .close-btn').on('click', function () {
$('body').removeClass('active-hidden-bar');
});
}
//Mobile Nav Hide Show
if ($('.mobile-menu').length) {
var mobileMenuContent = $('.main-header .main-menu .navigation').html();
var mobileBTnContent = $('.main-header .outer-box').html();
$('.mobile-menu .navigation').append(mobileMenuContent);
$('.sticky-header .navigation').append(mobileMenuContent);
$('.sticky-header .navigation').append(mobileBTnContent);
$('.mobile-menu .close-btn').on('click', function () {
$('body').removeClass('mobile-menu-visible');
});
//Dropdown Button
$('.mobile-menu li.dropdown .dropdown-btn').on('click', function () {
$(this).prev('ul').slideToggle(500);
$(this).toggleClass('active');
$(this).prev('.mega-menu').slideToggle(500);
});
//Menu Toggle Btn
$('.mobile-nav-toggler').on('click', function () {
$('body').addClass('mobile-menu-visible');
});
//Menu Toggle Btn
$('.mobile-menu .menu-backdrop, .mobile-menu .close-btn').on('click', function () {
$('body').removeClass('mobile-menu-visible');
});
}
//Header Search
if ($('.search-btn').length) {
$('.search-btn').on('click', function () {
$('.main-header').addClass('moblie-search-active');
});
$('.close-search, .search-back-drop').on('click', function () {
$('.main-header').removeClass('moblie-search-active');
});
}
//Service Block Hover
if ($('.feature-block-three').length) {
var $service_block = $('.feature-block-three .inner-box, .service-block-three .inner-box');
$($service_block).on('mouseenter', function (e) {
$(this).find('.content-box .inner').stop().slideDown(400);
return false;
});
$($service_block).on('mouseleave', function (e) {
$(this).find('.content-box .inner').stop().slideUp(400);
return false;
});
}
// Project Carousel
if ($('.project-carousel').length) {
$('.project-carousel').owlCarousel({
loop: true,
margin: 30,
nav: true,
items: 1,
smartSpeed: 700,
autoplay: false,
navText: ['', ''],
responsive: {
0: {
items: 1
},
768: {
items: 2
},
1024: {
items: 3
},
1200: {
items: 4
},
1440: {
items: 5
},
}
});
}
//Clients Carousel
if ($('.clients-carousel').length) {
$('.clients-carousel').owlCarousel({
loop: true,
margin: 0,
nav: false,
smartSpeed: 400,
autoplay: true,
navText: ['', ''],
responsive: {
0: {
items: 1
},
480: {
items: 2
},
768: {
items: 3
},
991: {
items: 4
},
1200: {
items: 5
},
}
});
}
//Clients Carousel RTL
if ($('.clients-carousel-rtl').length) {
$('.clients-carousel-rtl').owlCarousel({
loop: true,
margin: 0,
nav: false,
rtl: true,
smartSpeed: 400,
autoplay: true,
navText: ['', ''],
responsive: {
0: {
items: 1
},
480: {
items: 2
},
768: {
items: 3
},
991: {
items: 4
},
1200: {
items: 5
},
}
});
}
// Single Item Carousel
if ($('.single-item-carousel').length) {
$('.single-item-carousel').owlCarousel({
loop: true,
margin: 30,
nav: true,
items: 1,
smartSpeed: 700,
autoplay: 5000,
navText: ['', ''],
});
}
// Two Item Carousel
if ($('.two-items-carousel').length) {
$('.two-items-carousel').owlCarousel({
loop: true,
margin: 30,
nav: false,
items: 1,
smartSpeed: 700,
autoplay: 5000,
navText: ['', ''],
responsive: {
0: {
items: 1
},
991: {
items: 2
},
}
});
}
// Two Item Carousel
if ($('.three-items-carousel').length) {
$('.three-items-carousel').owlCarousel({
loop: true,
margin: 30,
nav: true,
items: 1,
smartSpeed: 700,
autoplay: 5000,
navText: ['', ''],
responsive: {
0: {
items: 1
},
768: {
items: 2
},
1024: {
items: 3
},
}
});
}
// Two Item Carousel
if ($('.testimonial-carousel').length) {
$('.testimonial-carousel').owlCarousel({
loop: true,
margin: 0,
nav: false,
items: 1,
smartSpeed: 700,
autoplay: 5000,
navText: ['', ''],
responsive: {
0: {
items: 1
},
991: {
items: 2
},
}
});
}
// Two Item Carousel RTL
if ($('.testimonial-carousel-rtl').length) {
$('.testimonial-carousel-rtl').owlCarousel({
loop: true,
margin: 0,
nav: false,
rtl: true,
items: 1,
smartSpeed: 700,
autoplay: 5000,
navText: ['', ''],
responsive: {
0: {
items: 1
},
991: {
items: 2
},
}
});
}
// Two Item Carousel
if ($('.news-carousel').length) {
$('.news-carousel').owlCarousel({
loop: true,
margin: 0,
nav: true,
items: 1,
smartSpeed: 700,
autoplay: 5000,
navText: ['', ''],
responsive: {
0: {
items: 1
},
768: {
items: 2
},
1024: {
items: 3
},
}
});
}
// Two Item Carousel RTL
if ($('.news-carousel-rtl').length) {
$('.news-carousel-rtl').owlCarousel({
loop: true,
margin: 0,
nav: true,
rtl: true,
items: 1,
smartSpeed: 700,
autoplay: 5000,
navText: ['', ''],
responsive: {
0: {
items: 1
},
768: {
items: 2
},
1024: {
items: 3
},
}
});
}
// team slider
if ($('.team-slider').length) {
$('.team-slider').owlCarousel({
loop: true,
margin: 10,
nav: false,
responsive: {
0: {
items: 1
},
600: {
items: 2
},
1000: {
items: 3
}
}
});
}
// team slider
$('.news-slider-four').owlCarousel({
loop: true,
margin: 10,
nav: false,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 2
}
}
})
// Three Item Carousel
if ($('.three-items-carousel').length) {
$('.three-items-carousel').owlCarousel({
loop: true,
margin: 30,
nav: true,
items: 1,
smartSpeed: 700,
autoplay: 5000,
responsive: {
0: {
items: 1
},
991: {
items: 2
},
1200: {
items: 3
},
}
});
}
// Four Item Carousel
if ($('.four-items-carousel').length) {
$('.four-items-carousel').owlCarousel({
loop: true,
margin: 30,
nav: true,
items: 1,
smartSpeed: 700,
autoplay: 5000,
navText: ['', ''],
responsive: {
0: {
items: 1
},
768: {
items: 2
},
1200: {
items: 3
},
1400: {
items: 4
},
}
});
}
// Four Item Carousel RTL
if ($('.four-items-carousel-rtl').length) {
$('.four-items-carousel-rtl').owlCarousel({
loop: true,
margin: 30,
nav: true,
rtl: true,
items: 1,
smartSpeed: 700,
autoplay: 5000,
navText: ['', ''],
responsive: {
0: {
items: 1
},
768: {
items: 2
},
1200: {
items: 3
},
1400: {
items: 4
},
}
});
}
// Select2 Dropdown
if ($('.custom-select').length) {
$('.custom-select').select2({
minimumResultsForSearch: 7,
});
}
//MixItup Gallery
if ($('.filter-list').length) {
$('.filter-list').mixItUp({});
}
//Jquery Knob animation // Pie Chart Animation
if ($('.dial').length) {
$('.dial').appear(function () {
var elm = $(this);
var color = elm.attr('data-fgColor');
var perc = elm.attr('value');
elm.knob({
'value': 0,
'min': 0,
'max': 100,
'skin': 'tron',
'readOnly': true,
'thickness': 0.15,
'dynamicDraw': true,
'displayInput': false
});
$({ value: 0 }).animate({ value: perc }, {
duration: 2000,
easing: 'swing',
progress: function () {
elm.val(Math.ceil(this.value)).trigger('change');
}
});
//circular progress bar color
$(this).append(function () {
// elm.parent().parent().find('.circular-bar-content').css('color',color);
//elm.parent().parent().find('.circular-bar-content .txt').text(perc);
});
}, { accY: 20 });
}
//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) {
$(outerBox).find('.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).find('.accordion').children('.acc-content').slideUp(300);
target.addClass('active-block');
$(this).next('.acc-content').slideDown(300);
}
});
}
//Quantity box
$(".quantity-box .add").on("click", function () {
if ($(this).prev().val() < 999) {
$(this)
.prev()
.val(+$(this).prev().val() + 1);
}
});
$(".quantity-box .sub").on("click", function () {
if ($(this).next().val() > 1) {
if ($(this).next().val() > 1)
$(this)
.next()
.val(+$(this).next().val() - 1);
}
});
//Price Range Slider
if ($('.price-range-slider').length) {
$(".price-range-slider").slider({
range: true,
min: 10,
max: 99,
values: [10, 60],
slide: function (event, ui) {
$("input.property-amount").val(ui.values[0] + " - " + ui.values[1]);
}
});
$("input.property-amount").val($(".price-range-slider").slider("values", 0) + " - $" + $(".price-range-slider").slider("values", 1));
}
//Fact Counter + Text Count
if ($('.count-box').length) {
$('.count-box').appear(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);
}
});
}
}, { accY: 0 });
}
//product bxslider
if ($('.product-details .bxslider').length) {
$('.product-details .bxslider').bxSlider({
nextSelector: '.product-details #slider-next',
prevSelector: '.product-details #slider-prev',
nextText: '',
prevText: '',
mode: 'fade',
auto: 'true',
speed: '700',
pagerCustom: '.product-details .slider-pager .thumb-box'
});
};
// count Bar
if ($(".count-bar").length) {
$(".count-bar").appear(
function () {
var el = $(this);
var percent = el.data("percent");
$(el).css("width", percent).addClass("counted");
}, {
accY: -50
}
);
}
//Tabs Box
if ($('.tabs-box').length) {
$('.tabs-box .tab-buttons .tab-btn').on('click', function (e) {
e.preventDefault();
var target = $($(this).attr('data-tab'));
if ($(target).is(':visible')) {
return false;
} else {
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 animated fadeIn');
$(target).fadeIn(300);
$(target).addClass('active-tab animated fadeIn');
}
});
}
//Progress Bar
if ($('.progress-line').length) {
$('.progress-line').appear(function () {
var el = $(this);
var percent = el.data('width');
$(el).css('width', percent + '%');
}, { accY: 0 });
}
//LightBox / Fancybox
if ($('.lightbox-image').length) {
$('.lightbox-image').fancybox({
openEffect: 'fade',
closeEffect: 'fade',
helpers: {
media: {}
}
});
}
// 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
}, 0);
});
}
// 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: false, // 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();
});
/* ==========================================================================
When document is loading, do
========================================================================== */
$(window).on('load', function () {
handlePreloader();
});
})(window.jQuery);