(function($) {
"use strict";
//Hide Loading Box (Preloader)
function handlePreloader() {
if($('.preloader').length){
$('.preloader').delay(200).fadeOut(500);
}
}
//Progress Bar
if($('.search-box-outer').length){
$('.search-box-outer').on('click', function () {
$('.dez-quik-search').addClass('view-top-search');
});
}
//Progress Bar
if($('#quik-search-remove').length){
$('#quik-search-remove').on('click', function () {
$('.dez-quik-search').removeClass('view-top-search');
});
}
//Update Header Style and Scroll to Top
function headerStyle() {
if($('.main-header').length){
var windowpos = $(window).scrollTop();
var siteHeader = $('.main-header');
var sticky_header = $('.main-header .sticky-header, .header-style-two .outer-container, .header-style-four .header-lower, .header-style-six .outer-container');
var scrollLink = $('.scroll-to-top');
if (windowpos > 55) {
siteHeader.addClass('fixed-header');
sticky_header.addClass("animated slideInDown");
scrollLink.fadeIn(300);
} else {
siteHeader.removeClass('fixed-header');
sticky_header.removeClass("animated slideInDown");
scrollLink.fadeOut(300);
}
}
}
headerStyle();
//Submenu Dropdown Toggle
if($('.main-header li.dropdown ul').length){
$('.main-header li.dropdown').append('
');
//Dropdown Button
$('.main-header li.dropdown .dropdown-btn').on('click', function() {
$(this).prev('ul').slideToggle(500);
});
//Megamenu Toggle
$('.main-header .main-menu li.dropdown .dropdown-btn').on('click', function() {
$(this).prev('.mega-menu').slideToggle(500);
});
//Disable dropdown parent link
$('.main-header .navigation li.dropdown > a,.hidden-bar .side-menu li.dropdown > a').on('click', function(e) {
e.preventDefault();
});
}
//Sidenav Two Toggle
if($('.sidenav-bar, .hidden-bar').length){
//Dropdown Button
$('.sidenav-bar .navigation li.dropdown > a').on('click', function(e) {
e.preventDefault();
var ParentBox = $(this).parent('li');
if($(ParentBox).hasClass('active')===true){
$(ParentBox).removeClass('active');
}else{
$('.sidenav-bar .navigation li.dropdown').removeClass('active');
$(this).parent('li').addClass('active');
}
});
$(".sidenav-bar .side-nav .navigation li.dropdown > ul").slideUp();
//Dropdown Button
$('.sidenav-bar .side-nav .navigation li.dropdown > a').on('click', function() {
$(this).next('ul').slideToggle(400);
$(this).parent().siblings().find("ul").slideUp(400);
});
//Show Sidebar Button
$('.main-header .nav-toggler').on('click', function(e) {
e.preventDefault();
$('body').toggleClass('active-side-nav');
});
//Dropdown Button
$('.sidenav-bar .cross-icon, .hidden-bar .cross-icon, .form-back-drop').on('click', function(e) {
e.preventDefault();
$('body').removeClass('active-side-nav');
});
}
//Progress Bar / Levels
if($('.progress-levels .progress-box .bar-fill').length){
$(".progress-box .bar-fill").each(function() {
var progressWidth = $(this).attr('data-percent');
$(this).css('width',progressWidth+'%');
$(this).children('.percent').html(progressWidth+'%');
});
}
//Banner Carousel
if ($('.banner-carousel').length) {
$('.banner-carousel').owlCarousel({
animateOut: 'fadeOut',
animateIn: 'fadeIn',
loop:true,
margin:0,
nav:true,
smartSpeed: 700,
autoHeight: true,
autoplay: true,
autoplayTimeout:10000,
navText: [ ' prev', 'next' ],
responsive:{
0:{
items:1
},
600:{
items:1
},
1024:{
items:1
},
}
});
}
//News Carousel Two
if ($('.news-carousel-six').length) {
$('.news-carousel-six').owlCarousel({
loop:true,
margin:0,
nav:true,
smartSpeed: 700,
autoplay: true,
navText: [ '', '' ],
responsive:{
0:{
items:1
},
767:{
items:2
},
1024:{
items:3
}
}
});
}
//Banner Carousel Two
if ($('.banner-carousel-two').length) {
$('.banner-carousel-two').owlCarousel({
animateOut: 'fadeOut',
animateIn: 'fadeIn',
loop:true,
margin:30,
nav:true,
smartSpeed: 15000,
mouseDrag:false,
touchDrag:false,
autoHeight: true,
autoplay: true,
autoplayTimeout:10000,
navText: [ ' prev', 'next' ],
responsive:{
0:{
items:1
},
600:{
items:1
},
1024:{
items:1
},
}
});
}
//Banner Carousel
if ($('.banner-carousel-three').length) {
$('.banner-carousel-three').owlCarousel({
animateOut: 'fadeOut',
animateIn: 'fadeIn',
loop:true,
margin:0,
nav:true,
smartSpeed: 700,
autoHeight: true,
autoplay: true,
autoplayTimeout:10000,
navText: [ '', '' ],
responsive:{
0:{
items:1
},
600:{
items:1
},
1024:{
items:1
},
}
});
}
//Single Item Carousel
if ($('.single-item-carousel').length) {
$('.single-item-carousel').owlCarousel({
loop:true,
margin:0,
nav:true,
smartSpeed: 700,
autoplay: true,
navText: [ '', '' ],
responsive:{
0:{
items:1
},
600:{
items:1
},
1024:{
items:1
}
}
});
}
//Services Carousel
if ($('.services-carousel-two').length) {
$('.services-carousel-two').owlCarousel({
loop:true,
margin:30,
nav:true,
smartSpeed: 700,
autoplay: true,
navText: [ '', '' ],
responsive:{
0:{
items:1
},
767:{
items:2
},
800:{
items:3
},
1024:{
items:4
}
}
});
}
//Services Carousel
if ($('.services-carousel').length) {
$('.services-carousel').owlCarousel({
loop:true,
margin:0,
nav:true,
smartSpeed: 700,
autoplay: true,
navText: [ '', '' ],
responsive:{
0:{
items:1
},
767:{
items:2
},
1024:{
items:3
}
}
});
}
//Testimonial Carousel
if ($('.testimonial-carousel').length) {
$('.testimonial-carousel').owlCarousel({
loop:true,
margin:30,
nav:true,
smartSpeed: 700,
autoplay: true,
navText: [ '', '' ],
responsive:{
0:{
items:1
},
600:{
items:1
},
800:{
items:1
},
1024:{
items:1
}
}
});
}
//Testimonial Carousel two
if ($('.testimonial-carousel-two').length) {
$('.testimonial-carousel-two').owlCarousel({
loop:true,
margin:70,
nav:true,
smartSpeed: 700,
autoplay: true,
navText: [ ' prev', 'next' ],
responsive:{
0:{
items:1
},
600:{
items:1
},
768:{
margin:30,
items:2
},
1024:{
items:2
}
}
});
}
//Projects Carousel
if ($('.projects-carousel').length) {
$('.projects-carousel').owlCarousel({
loop:true,
margin:0,
nav:true,
smartSpeed: 700,
autoplay: true,
navText: [ ' prev', 'next' ],
responsive:{
0:{
items:1
},
600:{
items:2
},
800:{
items:3
},
1024:{
items:4
},
1400:{
items:5
}
}
});
}
//Projects Carousel
if ($('.projects-carousel-two').length) {
$('.projects-carousel-two').owlCarousel({
animateOut: 'slideOutDown',
animateIn: 'zoomIn',
loop:true,
margin:30,
nav:true,
smartSpeed: 15000,
mouseDrag:false,
touchDrag:false,
autoHeight: true,
autoplay: true,
autoplayTimeout:10000,
navText: [ '', '' ],
responsive:{
0:{
items:1
},
600:{
items:1
},
1024:{
items:1
}
}
});
}
//Sponsors Carousel
if ($('.sponsors-carousel').length) {
$('.sponsors-carousel').owlCarousel({
loop:true,
margin:30,
nav:true,
smartSpeed: 700,
autoplay: true,
responsive:{
0:{
items:1
},
600:{
items:2
},
768:{
items:3
},
1024:{
items:4
},
1400:{
items:5
},
}
});
}
//Products Carousel
if ($('.products-carousel').length) {
$('.products-carousel').owlCarousel({
loop:true,
margin:0,
nav:true,
center:true,
smartSpeed: 700,
autoplay: true,
navText: [ ' prev', 'next' ],
responsive:{
0:{
items:1
},
600:{
items:2
},
1024:{
items:3
}
}
});
}
// Image & Thumb Carousel
if ($('.specialize-section-two .image-carousel').length && $('.specialize-section-two .thumbs-carousel').length) {
var $sync1 = $(".specialize-section-two .image-carousel"),
$sync2 = $(".specialize-section-two .thumbs-carousel"),
flag = false,
duration = 500;
$sync1
.owlCarousel({
loop:false,
items: 1,
margin: 0,
nav: false,
navText: [ '', '' ],
dots: false,
autoplay: true,
autoplayTimeout: 5000
})
.on('changed.owl.carousel', function (e) {
if (!flag) {
flag = false;
$sync2.trigger('to.owl.carousel', [e.item.index, duration, true]);
flag = false;
}
});
$sync2
.owlCarousel({
loop:false,
margin: 20,
items: 1,
nav: true,
navText: [ ' prev', 'next' ],
dots: false,
center: false,
autoplay: true,
mouseDrag:true,
touchDrag:true,
autoplayTimeout: 5000,
responsive: {
0:{
items:2,
autoWidth: false
},
400:{
items:2,
autoWidth: false
},
600:{
items:3,
autoWidth: false
},
800:{
items:4,
autoWidth: false
},
1024:{
items:4,
autoWidth: false
}
},
})
.on('click', '.owl-item', function () {
$sync1.trigger('to.owl.carousel', [$(this).index(), duration, true]);
})
.on('changed.owl.carousel', function (e) {
if (!flag) {
flag = true;
$sync1.trigger('to.owl.carousel', [e.item.index, duration, true]);
flag = false;
}
});
}
//Gallery Filters
if($('.filter-list').length){
$('.filter-list').mixItUp({});
}
//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});
}
//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 animated fadeInUp');
$(outerBox).find('.accordion').children('.acc-content').slideUp(300);
target.addClass('active-block animated fadeInUp');
$(this).next('.acc-content').slideDown(300);
}
});
}
//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');
}
});
}
//Event Countdown Timer
if($('.time-countdown').length){
$('.time-countdown').each(function() {
var $this = $(this), finalDate = $(this).data('countdown');
$this.countdown(finalDate, function(event) {
var $this = $(this).html(event.strftime('' + '%DDays
' + '%HHours
' + '%MMints
' + '%SSec
'));
});
});
}
//LightBox / Fancybox
if($('.lightbox-image').length) {
$('.lightbox-image').fancybox({
openEffect : 'fade',
closeEffect : 'fade',
helpers : {
media : {}
}
});
}
//Contact Form Validation
if($('#contact-form').length){
$('#contact-form').validate({
rules: {
username: {
required: true
},
email: {
required: true,
email: true
},
phone: {
required: true,
},
message: {
required: true
}
}
});
}
function full_Screen(){
$('.full-screen').css("height", $(window).height());
}
full_Screen();
//Hidden Sidebar
if ($('.sidenav-bar').length) {
$('.sidenav-bar').mCustomScrollbar({
theme:"dark"
});
}
//Price Range Slider
if($('.price-range-slider').length){
$( ".price-range-slider" ).slider({
range: true,
min: 0,
max: 90,
values: [ 8, 85 ],
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 ) );
}
//Jquery Spinner / Quantity Spinner
if($('.quantity-spinner').length){
$("input.quantity-spinner").TouchSpin({
verticalbuttons: 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
}, 1500);
});
}
$(".sidebar-widget a, .footer-widget a").filter(function() {
return !this.attributes['href'];
}).parent('li').fadeOut();
// 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 resize, do
========================================================================== */
$(window).on('resize', function() {
full_Screen();
});
/* ==========================================================================
When document is Scrollig, do
========================================================================== */
$(window).on('scroll', function() {
headerStyle();
full_Screen();
});
/* ==========================================================================
When document is loading, do
========================================================================== */
$(window).on('load', function() {
handlePreloader();
});
})(window.jQuery);