(function($) {
"use strict";
$(".case-section .services-item").click(function () {
$(".pop-up").addClass("active");
$(".model").addClass("active");
});
$(".model").click(function () {
$(".pop-up").removeClass("active");
$(".model").removeClass("active");
});
$(".pop-close").click(function () {
$(".pop-up").removeClass("active");
$(".model").removeClass("active");
});
if($(window).width() > 1200){
$(window).scroll(function(){
// 滚动条距离顶部的距离 大于 50px时
if($(window).scrollTop() >= 100){
$(".navbar-brand img").addClass("active");
$(".site-header .cart-search-contact").addClass("active");
} else{
$(".navbar-brand img").removeClass("active");
$(".site-header .cart-search-contact").removeClass("active");
}
});
}
$(".header-nav > ul li").hover(function () {
$(this).find(".dropdown-menu").addClass("dropdown-active");
}, function () {
$(this).find(".dropdown-menu").removeClass("dropdown-active");
});
$(window).scroll(function(){
if($(window).scrollTop() >= 50){
$(".site-header").addClass("active");
} else{
$(".site-header").removeClass("active");
}
});
/*------------------------------------------
= FUNCTIONS
-------------------------------------------*/
// Check ie and version
function isIE () {
var myNav = navigator.userAgent.toLowerCase();
return (myNav.indexOf('msie') != -1) ? parseInt(myNav.split('msie')[1], 10) : false;
}
// Toggle mobile navigation
function toggleMobileNavigation() {
var navbar = $(".navigation-holder");
var openBtn = $(".navbar-header .open-btn");
var closeBtn = $(".navigation-holder .close-navbar");
openBtn.on("click", function() {
if (!navbar.hasClass("slideInn")) {
navbar.addClass("slideInn");
}
return false;
})
closeBtn.on("click", function() {
if (navbar.hasClass("slideInn")) {
navbar.removeClass("slideInn");
}
return false;
})
}
toggleMobileNavigation();
// Function for toggle a class for small menu
function toggleClassForSmallNav() {
var windowWidth = window.innerWidth;
var mainNav = $("#navbar > ul");
if (windowWidth <= 991) {
mainNav.addClass("small-nav");
} else {
mainNav.removeClass("small-nav");
}
}
toggleClassForSmallNav();
// Function for small menu
function smallNavFunctionality() {
var windowWidth = window.innerWidth;
var mainNav = $(".navigation-holder");
var smallNav = $(".navigation-holder > .small-nav");
var subMenu = smallNav.find(".sub-menu");
var megamenu = smallNav.find(".mega-menu");
var menuItemWidthSubMenu = smallNav.find(".menu-item-has-children > a");
if (windowWidth <= 991) {
subMenu.hide();
megamenu.hide();
menuItemWidthSubMenu.on("click", function(e) {
var $this = $(this);
$this.siblings().slideToggle();
e.preventDefault();
e.stopImmediatePropagation();
})
} else if (windowWidth > 991) {
mainNav.find(".sub-menu").show();
mainNav.find(".mega-menu").show();
}
}
smallNavFunctionality();
// Parallax background
function bgParallax() {
if ($(".parallax").length) {
$(".parallax").each(function() {
var height = $(this).position().top;
var resize = height - $(window).scrollTop();
var doParallax = -(resize/5);
var positionValue = doParallax + "px";
var img = $(this).data("bg-image");
$(this).css({
backgroundImage: "url(" + img + ")",
backgroundPosition: "50%" + positionValue,
backgroundSize: "cover"
});
});
}
}
// Hero slider background setting
function sliderBgSetting() {
if ($(".hero-slider .slide").length) {
$(".hero-slider .slide").each(function() {
var $this = $(this);
var img = $this.find(".slider-bg").attr("src");
var sliderBg = $this.find(".slider-image");
sliderBg.css({
backgroundImage: "url("+ img +")",
backgroundSize: "cover",
backgroundPosition: "center center"
})
});
}
}
//Setting hero slider
function heroSlider() {
if ($(".hero-slider").length) {
var $status = $('.pagi-info');
$(".hero-slider").on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
var i = (currentSlide ? currentSlide : 0) + 1;
if(i < 10) {
i = '0' + i;
}
if(slick.slideCount < 10) {
var slideCount = '0' + slick.slideCount;
} else {
var slideCount = slick.slideCount;
}
$status.text(i + ' / ' + slideCount);
});
$(".hero-slider").slick({
autoplay: true,
autoplaySpeed: 6000,
arrows: false,
dots: true,
speed: 1000,
cssEase: 'cubic-bezier(.4,.72,.22,.99)',
draggable: false
});
}
}
//Active heor slider
heroSlider();
/*------------------------------------------
= HIDE PRELOADER
-------------------------------------------*/
function preloader() {
if($('.preloader').length) {
$('.preloader').delay(100).fadeOut(500, function() {
//active wow
wow.init();
});
}
}
/*------------------------------------------
= WOW ANIMATION SETTING
-------------------------------------------*/
var wow = new WOW({
boxClass: 'wow', // default
animateClass: 'animated', // default
offset: 0, // default
mobile: true, // default
live: true // default
});
/*------------------------------------------
= ACTIVE POPUP IMAGE
-------------------------------------------*/
if ($(".fancybox").length) {
$(".fancybox").fancybox({
openEffect : "elastic",
closeEffect : "elastic",
wrapCSS : "project-fancybox-title-style"
});
}
/*------------------------------------------
= POPUP VIDEO
-------------------------------------------*/
if ($(".video-btn").length) {
$(".video-btn").on("click", function(){
$.fancybox({
href: this.href,
type: $(this).data("type"),
'title' : this.title,
helpers : {
title : { type : 'inside' },
media : {}
},
beforeShow : function(){
$(".fancybox-wrap").addClass("gallery-fancybox");
}
});
return false
});
}
/*------------------------------------------
= ACTIVE GALLERY POPUP IMAGE
-------------------------------------------*/
if ($(".popup-gallery").length) {
$('.popup-gallery').magnificPopup({
delegate: 'a',
type: 'image',
gallery: {
enabled: true
},
zoom: {
enabled: true,
duration: 300,
easing: 'ease-in-out',
opener: function(openerElement) {
return openerElement.is('img') ? openerElement : openerElement.find('img');
}
}
});
}
/*------------------------------------------
= FUNCTION FORM SORTING GALLERY
-------------------------------------------*/
function sortingGallery() {
if ($(".sortable-gallery .gallery-filters").length) {
var $container = $('.gallery-container');
$container.isotope({
filter:'*',
animationOptions: {
duration: 750,
easing: 'linear',
queue: false,
}
});
$(".gallery-filters li a").on("click", function() {
$('.gallery-filters li .current').removeClass('current');
$(this).addClass('current');
var selector = $(this).attr('data-filter');
$container.isotope({
filter:selector,
animationOptions: {
duration: 750,
easing: 'linear',
queue: false,
}
});
return false;
});
}
}
sortingGallery();
/*------------------------------------------
= MASONRY GALLERY SETTING
-------------------------------------------*/
function masonryGridSetting() {
if ($('.masonry-gallery').length) {
var $grid = $('.masonry-gallery').masonry({
itemSelector: '.grid-item',
columnWidth: '.grid-item',
percentPosition: true
});
$grid.imagesLoaded().progress( function() {
$grid.masonry('layout');
});
}
}
// masonryGridSetting();
/*------------------------------------------
= STICKY HEADER
-------------------------------------------*/
// Function for clone an element for sticky menu
function cloneNavForSticyMenu($ele, $newElmClass) {
$ele.addClass('original').clone().insertAfter($ele).addClass($newElmClass).removeClass('original');
}
// clone home style 1 navigation for sticky menu
if ($('.site-header .navigation').length) {
cloneNavForSticyMenu($('.site-header .navigation'), "sticky-header");
}
var lastScrollTop = '';
function stickyMenu($targetMenu, $toggleClass) {
var st = $(window).scrollTop();
var mainMenuTop = $('.site-header .navigation');
if ($(window).scrollTop() > 1000) {
if (st > lastScrollTop) {
// hide sticky menu on scroll down
$targetMenu.removeClass($toggleClass);
} else {
// active sticky menu on scroll up
$targetMenu.addClass($toggleClass);
}
} else {
$targetMenu.removeClass($toggleClass);
}
lastScrollTop = st;
}
// HEADER STYLE 1 TOGGLE NAVIGATION SUBMENUS
if($(".header-style-1").length) {
var menuItem = $(".navigation-holder > ul .menu-item-has-children > a");
var menuItemParent = menuItem.parent();
menuItem.on("click", function(e) {
e.preventDefault();
var $this = $(this);
$this.next(".sub-menu").toggleClass("open-submenu");
$this.parent().siblings().find(".sub-menu").removeClass("open-submenu");
})
var navigationHolder = $(".header-style-1 .navigation-holder");
var menuOpenBtn = $(".header-style-1 .menu-open-btn");
var menuClosenBtn = $(".header-style-1 .close-navbar-2");
menuOpenBtn.on("click", function() {
navigationHolder.addClass("open-navigation-menu");
});
menuClosenBtn.on("click", function() {
navigationHolder.removeClass("open-navigation-menu");
});
}
/*------------------------------------------
= Header shopping cart toggle
-------------------------------------------*/
if($(".mini-cart").length) {
var cartToggleBtn = $(".cart-toggle-btn");
var cartContent = $(".mini-cart-content");
var body = $("body");
cartToggleBtn.on("click", function(e) {
cartContent.toggleClass("mini-cart-content-toggle");
e.stopPropagation();
});
body.on("click", function() {
cartContent.removeClass("mini-cart-content-toggle");
}).find(cartContent).on("click", function(e) {
e.stopPropagation();
});
}
/*------------------------------------------
= Header search toggle
-------------------------------------------*/
if($(".header-search-form-wrapper").length) {
var searchToggleBtn = $(".search-toggle-btn");
var searchContent = $(".header-search-form");
var body = $("body");
searchToggleBtn.on("click", function(e) {
searchContent.toggleClass("header-search-content-toggle");
e.stopPropagation();
});
body.on("click", function() {
searchContent.removeClass("header-search-content-toggle");
}).find(searchContent).on("click", function(e) {
e.stopPropagation();
});
}
/*------------------------------------------
= SERVICE SLIDER
-------------------------------------------*/
if ($(".service-slider").length) {
$(".service-slider").owlCarousel({
smartSpeed: 500,
margin: 5,
loop:true,
autoplayHoverPause:true,
dots: false,
nav: true,
navText: ['',''],
responsive: {
0 : {
items: 1
},
550 : {
items: 2
}
}
});
}
/*------------------------------------------
= PROJECTS SLIDER
-------------------------------------------*/
if ($(".projects-slider").length) {
$(".projects-slider").owlCarousel({
loop:true,
autoplayHoverPause:true,
dots: false,
responsive: {
0 : {
items: 1
},
550 : {
items: 2
},
992 : {
items: 3
},
1200 : {
items: 3
},
1600 : {
items: 3
}
}
});
}
/*------------------------------------------
= PROJECTS SLIDER
-------------------------------------------*/
if ($(".projects-slider-s2").length) {
$(".projects-slider-s2").owlCarousel({
margin:15,
loop:false,
dots: false,
autoplayHoverPause:true,
responsive: {
0 : {
items: 2
},
550 : {
items: 3
},
992 : {
items: 3
},
1200 : {
items: 5
},
1600 : {
items: 5
}
}
});
}
if ($(".projects-slider-s3").length) {
$(".projects-slider-s3").owlCarousel({
margin: 19,
loop:true,
dots:true,
nav: false,
navText: [' ',''],
autoplayHoverPause:true,
responsive: {
0 : {
items: 1
},
550 : {
items: 2
},
992 : {
items: 3
},
1200 : {
items: 3
},
1600 : {
items: 3
}
}
});
}
if ($(".projects-slider-s4").length) {
$(".projects-slider-s4").owlCarousel({
margin: 19,
loop:true,
dots:false,
nav: true,
navText: [' ',''],
autoplayHoverPause:true,
responsive: {
0 : {
items: 1
},
550 : {
items: 2
},
992 : {
items: 3
},
1200 : {
items: 5
},
1600 : {
items: 5
}
}
});
}
/*------------------------------------------
= TESTIMONIALS SLIDER
-------------------------------------------*/
if($(".testimonial-slider".length)) {
$(".testimonial-slider").owlCarousel({
autoplay:true,
smartSpeed: 300,
loop:true,
dots:true,
nav: false,
navText: [' ',''],
autoplayHoverPause:true,
margin: 30,
responsive: {
0 : {
items: 1
},
550 : {
items: 1
},
992 : {
items: 1
},
1200 : {
items: 1
},
1600 : {
items: 1
}
}
});
}
if($(".testimonial-slider2".length)) {
$(".testimonial-slider2").owlCarousel({
autoplay:true,
smartSpeed: 300,
loop:true,
dots:true,
nav: true,
navText: [' ',''],
autoplayHoverPause:true,
margin: 30,
responsive: {
0 : {
items: 1
},
550 : {
items: 1
},
992 : {
items: 1
},
1200 : {
items: 1
},
1600 : {
items: 1
}
}
});
}
if($(".testimonial-slider3".length)) {
$(".testimonial-slider3").owlCarousel({
autoplay:true,
smartSpeed: 300,
loop:true,
dots:true,
nav: true,
navText: [' ',''],
autoplayHoverPause:true,
margin: 30,
responsive: {
0 : {
items: 1
},
550 : {
items: 1
},
992 : {
items: 1
},
1200 : {
items: 1
},
1600 : {
items: 1
}
}
});
}
/*------------------------------------------
= TESTIMONIALS SLIDER S2
-------------------------------------------*/
if ($(".testimonial-slider-s2").length) {
$(".testimonial-slider-s2").owlCarousel({
autoplay:true,
smartSpeed: 300,
margin: 30,
loop:true,
autoplayHoverPause:true,
nav: true,
navText: ['PREV / ','NEXT'],
dots: false,
responsive: {
0 : {
items: 1
},
992 : {
items: 2
}
}
});
}
/*------------------------------------------
= PARTNERS SLIDER
-------------------------------------------*/
if ($(".partners-slider").length) {
$(".partners-slider").owlCarousel({
autoplay:true,
smartSpeed: 300,
margin: 30,
loop:true,
autoplayHoverPause:true,
dots: false,
responsive: {
0 : {
items: 2
},
550 : {
items: 3
},
992 : {
items: 4
},
1200 : {
items: 4
}
}
});
}
/*------------------------------------------
= RECENT CASE SECTION SHOW HIDE
-------------------------------------------*/
if($('.recent-cases-thumbs').length){
$('.recent-case-thumb').on('click', function(e) {
e.preventDefault();
var target = $($(this).attr('data-case'));
$('.recent-case-thumb').removeClass('active-thumb');
$(this).addClass('active-thumb');
$('.recent-cases-content .recent-case-data').hide(0);
$('.recent-case-data').fadeOut(300).removeClass('active-case-data');
$(target).fadeIn(300).addClass('active-case-data');
});
}
/*------------------------------------------
= FUNFACE
-------------------------------------------*/
if ($(".odometer").length) {
$('.odometer').appear();
$(document.body).on('appear', '.odometer', function(e) {
var odo = $(".odometer");
odo.each(function() {
var countNumber = $(this).attr("data-count");
$(this).html(countNumber);
});
});
}
/*------------------------------------------
= PROJECT SINGLE SLIDER
-------------------------------------------*/
if($(".project-single-slider".length)) {
$(".project-single-slider").owlCarousel({
mouseDrag: false,
smartSpeed: 1000,
loop:true,
items: 1,
dots: false,
nav: true,
navText: ['',''],
});
}
/*------------------------------------------
= TOUCHSPIN FOR PRODUCT SINGLE PAGE
-------------------------------------------*/
if ($("input[name='product-count']").length) {
$("input[name='product-count']").TouchSpin({
verticalbuttons: true
});
}
/*------------------------------------------
= SHOP DETAILS PAGE PRODUCT SLIDER
-------------------------------------------*/
if ($(".shop-single-slider").length) {
$('.slider-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
slidesToShow: 4,
slidesToScroll: 1,
asNavFor: '.slider-for',
focusOnSelect: true,
prevArrow: '',
nextArrow: '',
responsive: [
{
breakpoint: 500,
settings: {
slidesToShow: 3,
infinite: true
}
},
{
breakpoint: 400,
settings: {
slidesToShow: 2
}
}
]
});
}
/*------------------------------------------
= POST SLIDER
-------------------------------------------*/
if($(".post-slider".length)) {
$(".post-slider").owlCarousel({
mouseDrag: false,
smartSpeed: 1000,
loop:true,
nav: true,
navText: ['',''],
dots: false,
items: 1
});
}
/*------------------------------------------
= BACK TO TOP BTN SETTING
-------------------------------------------*/
$("body").append("");
function toggleBackToTopBtn() {
var amountScrolled = 1000;
if ($(window).scrollTop() > amountScrolled) {
$("a.back-to-top").fadeIn("slow");
} else {
$("a.back-to-top").fadeOut("slow");
}
}
$(".back-to-top").on("click", function() {
$("html,body").animate({
scrollTop: 0
}, 700);
return false;
})
/*------------------------------------------
= CONTACT FORM SUBMISSION
-------------------------------------------*/
if ($("#contact-form").length) {
$("#contact-form").validate({
rules: {
name: {
required: true,
minlength: 2
},
email: "required",
subject: "required"
},
messages: {
name: "Please enter your name",
email: "Please enter your email address",
subject: "Please enter contact subject"
},
submitHandler: function (form) {
$.ajax({
type: "POST",
url: "mail.php",
data: $(form).serialize(),
success: function () {
$( "#loader").hide();
$( "#success").slideDown( "slow" );
setTimeout(function() {
$( "#success").slideUp( "slow" );
}, 3000);
form.reset();
},
error: function() {
$( "#loader").hide();
$( "#error").slideDown( "slow" );
setTimeout(function() {
$( "#error").slideUp( "slow" );
}, 3000);
}
});
return false; // required to block normal submit since you used ajax
}
});
}
/*==========================================================================
WHEN DOCUMENT LOADING
==========================================================================*/
$(window).on('load', function() {
preloader();
sliderBgSetting();
toggleMobileNavigation();
smallNavFunctionality();
sortingGallery();
});
/*==========================================================================
WHEN WINDOW SCROLL
==========================================================================*/
$(window).on("scroll", function() {
if ($(".site-header").length) {
stickyMenu( $('.site-header .navigation'), "sticky-on" );
}
});
/*==========================================================================
WHEN WINDOW RESIZE
==========================================================================*/
$(window).on("resize", function() {
toggleClassForSmallNav();
clearTimeout($.data(this, 'resizeTimer'));
$.data(this, 'resizeTimer', setTimeout(function() {
smallNavFunctionality();
}, 200));
});
})(window.jQuery);