balmet.com

script.js (19021B)

---

 (function($) {
 	
 	"use strict";
 
 
 
 	function marginClc() {
 		if ($(".industries-covered .outer-box").length) {
 			var windowSize = $(window).width();
 
 			if (windowSize >= 1200) {
 				var width  = ($(window).width() - 1200),
 				    margin = (width / 2);
 				$(".industries-covered .outer-box").css("margin-right", margin);
 			}			
 		}
 	}
 	marginClc();
 	
 	//Hide Loading Box (Preloader)
 	function handlePreloader() {
 		if($('.loader-wrap').length){
 			$('.loader-wrap').delay(1000).fadeOut(500);
 		}
 		TweenMax.to($(".loader-wrap .overlay"), 1.2, {
             force3D: true,
             left   : "100%",
             ease   : Expo.easeInOut,
         });
 	}
 
 	//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('' + '<div class="counter-column"><span class="count">%D</span>Days</div> ' + '<div class="counter-column"><span class="count">%H</span>Hours</div>  ' + '<div class="counter-column"><span class="count">%M</span>Minutes</div>  ' + '<div class="counter-column"><span class="count">%S</span>Seconds</div>'));
 		});
 	 });
 	}
 
 	if ($(".preloader-close").length) {
         $(".preloader-close").on("click", function(){
             $('.loader-wrap').delay(200).fadeOut(500);
         })
     }
 
     function dynamicCurrentMenuClass(selector) {
         let FileName = window.location.href.split('/').reverse()[0];
 
         selector.find('li').each(function () {
             let anchor = $(this).find('a');
             if ($(anchor).attr('href') == FileName) {
                 $(this).addClass('current');
             }
         });
         // if any li has .current elmnt add class
         selector.children('li').each(function () {
             if ($(this).find('.current').length) {
                 $(this).addClass('current');
             }
         });
         // if no file name return 
         if ('' == FileName) {
             selector.find('li').eq(0).addClass('current');
         }
     }
 
     // dynamic current class        
     let mainNavUL = $('.main-menu').find('.navigation');
     dynamicCurrentMenuClass(mainNavUL);
 	
 	//Update Header Style and Scroll to Top
 	function headerStyle() {
 		if($('.main-header').length){
 			var windowpos     = $(window).scrollTop();
 			var siteHeader    = $('.main-header');
 			var scrollLink    = $('.scroll-to-top');
 			var sticky_header = $('.main-header .sticky-header');
 			if (windowpos > 100) {
 				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.menu-item-has-children ul').length){
 		$('.main-header .navigation li.menu-item-has-children').append('<div class="dropdown-btn"><span class="fa fa-angle-right"></span></div>');
 	}
 
 	//Hidden Sidebar
 	if($('.hidden-sidebar').length){
 
 		var animButton     = $(".sidemenu-nav-toggler"),
 		    hiddenBar      = $(".hidden-sidebar"),
 		    navOverlay     = $(".nav-overlay"),
 		    hiddenBarClose = $(".hidden-sidebar-close");
 
 	    function showMenu() {
 	        TweenMax.to(hiddenBar, 0.6, {
 	            force3D: false,
 	            left   : "0",
 	            ease   : Expo.easeInOut
 	        });
 	        hiddenBar.removeClass("close-sidebar");
 	    	navOverlay.fadeIn(500);
 	    }
 
 	    function hideMenu() {
 	        TweenMax.to(hiddenBar, 0.6, {
 	            force3D: false,
 	            left   : "-480px",
 	            ease   : Expo.easeInOut
 	        });
 	        hiddenBar.addClass("close-sidebar");
 	        navOverlay.fadeOut(500);
 	    }
 	    animButton.on("click", function() {
 	        if (hiddenBar.hasClass("close-sidebar")) showMenu();
 	        else hideMenu();
 	    });
 	    navOverlay.on("click", function() {
 	    	hideMenu();
 	    });
 	    hiddenBarClose.on("click", function() {
 	    	hideMenu();
 	    });
 	}
 
 	if ($('.nav-overlay').length) {
 		// / cursor /
 		var cursor   = $(".nav-overlay .cursor"),
 		    follower = $(".nav-overlay .cursor-follower");
 
 		var posX = 0,
 		    posY = 0;
 
 		var mouseX = 0,
 		    mouseY = 0;
 
 		TweenMax.to({}, 0.016, {
 			repeat  : -1,
 			onRepeat: function() {
 				posX += (mouseX - posX) / 9;
 				posY += (mouseY - posY) / 9;
 
 				TweenMax.set(follower, {
 					css: { 
 						left: posX - 22,
 						top : posY - 22
 					}
 				});
 
 				TweenMax.set(cursor, {
 					css: { 
 						left: mouseX,
 						top : mouseY
 					}
 				});
 
 			}
 		});
 
 		$(document).on("mousemove", function(e) {
 			var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
 			    mouseX    = e.pageX;
 			    mouseY    = e.pageY - scrollTop;
 		});
 		$("button, a").on("mouseenter", function() {
 			cursor.addClass("active");
 			follower.addClass("active");
 		});
 		$("button, a").on("mouseleave", function() {
 			cursor.removeClass("active");
 			follower.removeClass("active");
 		});
 		$(".nav-overlay").on("mouseenter", function() {
 			cursor.addClass("close-cursor");
 			follower.addClass("close-cursor");
 		});
 		$(".nav-overlay").on("mouseleave", function() {
 			cursor.removeClass("close-cursor");
 			follower.removeClass("close-cursor");
 		});
 	}
 
 	//Mobile Nav Hide Show
 	if($('.mobile-menu').length){
 		
 		// $('.mobile-menu .menu-box').mCustomScrollbar();
 		
 		var mobileMenuContent = $('.main-header .nav-outer .main-menu').html();
 		$('.mobile-menu .menu-box .menu-outer').append(mobileMenuContent);
 		$('.sticky-header .main-menu').append(mobileMenuContent);
 		
 		//Dropdown Button
 		$('.mobile-menu li.menu-item-has-children .dropdown-btn').on('click', function() {
 			$(this).toggleClass('open');
 			$(this).prev('ul').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,.scroll-nav li a').on('click', function() {
 			$('body').removeClass('mobile-menu-visible');
 		});
 	}
 
 	//Sidemenu Nav Hide Show
 	if($('.side-menu').length){
 		
 		$('.side-menu .menu-box').mCustomScrollbar();
 		
 		//Dropdown Button
 		$('.side-menu li.menu-item-has-children .dropdown-btn').on('click', function() {
 			$(this).toggleClass('open');
 			$(this).prev('ul').slideToggle(500);
 		});
 
 		$('body').addClass('side-menu-visible');
 		//Menu Toggle Btn
 		$('.side-nav-toggler').on('click', function() {
 			$('body').addClass('side-menu-visible');
 		});
 
 		//Menu Toggle Btn
 		$('.side-menu .side-menu-resize').on('click', function() {
 			$('body').toggleClass('side-menu-visible');
 		});
 
 		//Menu Toggle Btn
 		$('.main-header .mobile-nav-toggler-two').on('click', function() {
 			$('body').addClass('side-menu-visible-s2');
 		});
 
 		//Menu Overlay
 		$('.main-header .side-menu-overlay').on('click', function() {
 			$('body').removeClass('side-menu-visible-s2');
 		});
 	}
 	
 	//Search Popup
 	if($('#search-popup').length){
 		
 		//Show Popup
 		$('.search-toggler').on('click', function() {
 			$('#search-popup').addClass('popup-visible');
 		});
 		$(document).keydown(function(e){
 	        if(e.keyCode === 27) {
 	            $('#search-popup').removeClass('popup-visible');
 	        }
 	    });
 		//Hide Popup
 		$('.close-search,.search-popup .overlay-layer').on('click', function() {
 			$('#search-popup').removeClass('popup-visible');
 		});
 	}
 
 	// Testimonial 
 	var galleryThumbs = new Swiper('.testimonial-thumbs', {
 		loop                 : false,
 		spaceBetween         : 10,
 		slidesPerView        : 3,
 		initialSlide         : 1,
 		freeMode             : true,
 		speed                : 1400,
 		watchSlidesVisibility: true,
 		watchSlidesProgress  : true,
 		centeredSlides       : true,
 		autoplay             : {
 			delay: 5000,
 		},
 	});
 	var totalSlides = $(".swiper-container").length;
 	var galleryTop  = new Swiper('.testimonial-content', {
 		spaceBetween : 10,
 		slidesPerView: 1,
 		mousewheel   : true,
 		autoplay     : {
 			delay: 5000,
 		},
 		loop      : false,
 		speed     : 1400,
 		navigation: {
 			nextEl: '.swiper-button-next',
 			prevEl: '.swiper-button-prev',
 		},
 		thumbs: {
 			swiper: galleryThumbs
 		}
 	});
 
 	// Language Selector
 	$(".languages").click(function(){
        $(".languages ul").show();
     })
 	$(".languages ul").mouseleave(function(){
 	    $(".languages ul").hide(); 
 	});
    
 	$(".languages li a").click(function(){
        $(".languages li a").removeClass('sel');
        $(this).addClass('sel');
        var selectedValue = $(this).text();
        var showLang      = selectedValue.substring(0, 2);
        $('.languages .current').html(showLang);
        $('.languages .current').attr("title", selectedValue);
        $('.languages .hover').html(selectedValue);
     })
 
 	function bannerSlider() {
 	    if ($(".banner-slider").length > 0) {
 
 		    // Banner Slider
 			var bannerSlider = new Swiper('.banner-slider', {
 				preloadImages  : false,
 				loop           : true,
 				grabCursor     : true,
 				centeredSlides : false,
 				resistance     : true,
 				resistanceRatio: 0.6,
 				speed          : 1400,
 				spaceBetween   : 0,
 				parallax       : false,
 				effect         : "slide",
 				autoplay       : {
 				    delay               : 400000000,
 				    disableOnInteraction: false
 				},
 				pagination: {
 	                el       : '.banner-slider-pagination',
 	                clickable: true,
 	            },
 	            navigation: {
 	                nextEl: '.banner-slider-button-next',
 	                prevEl: '.banner-slider-button-prev',
 	            },
 			});
 		}
 
 
 	}
 
 	//Price Range Slider
 	if($('.price-range-slider').length){
 		$( ".price-range-slider" ).slider({
 			range : true,
 			min   : 10,
 			max   : 200,
 			values: [ 10, 99 ],
 			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 ) );	
 	}
 
 	// Lazyload Images
 	if($('.lazy-image').length){
 		new LazyLoad({
 			elements_selector: ".lazy-image",
 			load_delay       : 0,
 			threshold        : 300
 		});
 	}
 	
 	/////////////////////////////
 		//Universal Code for All Owl Carousel Sliders
 	/////////////////////////////
 	
 	// Donation Progress 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});
 
 	}
 
 	//Jquery Spinner / Quantity Spinner
 	if($('.quantity-spinner').length){
 		$("input.quantity-spinner").TouchSpin({
 		  verticalbuttons: true
 		});
 	}
 	
 	//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});
 	}
 	
 	//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');
 				$(target).fadeIn(300);
 				$(target).addClass('active-tab');
 			}
 		});
 	}
 	
 	//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);	
 			}
 		});	
 	}
 	
 
 	//LightBox / Fancybox
 	if($('.lightbox-image').length) {
 		$('.lightbox-image').fancybox({
 			openEffect : 'fade',
 			closeEffect: 'fade',
 			helpers    : {
 				media: {}
 			}
 		});
 	}
 
 	//Sortable Masonary with Filters
 	function sortableMasonry() {
 		if ($('.sortable-masonry').length) {
 			var winDow = $(window);
 			// Needed variables
 			var $container = $('.sortable-masonry .items-container');
 			var $filter    = $('.filter-btns');
 			$container.isotope({
 				filter          : '.all',
 				animationOptions: {
 					duration: 500,
 					easing  : 'linear'
 				}
 			});
 			// Isotope Filter 
 			$filter.find('li').on('click', function() {
 				var selector = $(this).attr('data-filter');
 				try {
 					$container.isotope({
 						filter          : selector,
 						animationOptions: {
 							duration: 500,
 							easing  : 'linear',
 							queue   : false
 						}
 					});
 				} catch (err) {}
 				return false;
 			});
 			winDow.on('resize', function() {
 				var selector = $filter.find('li.active').attr('data-filter');
 				$container.isotope({
 					filter          : selector,
 					animationOptions: {
 						duration: 500,
 						easing  : 'linear',
 						queue   : false
 					}
 				});
 				$container.isotope()
 			});
 			var filterItemA = $('.filter-btns li');
 			filterItemA.on('click', function() {
 				var $this = $(this);
 				if (!$this.hasClass('active')) {
 					filterItemA.removeClass('active');
 					$this.addClass('active');
 				}
 			});
 			$container.isotope("on", "layoutComplete", function(a, b) {
                 var a   = b.length,
                     pcn = $(".filters .count");
                 pcn.html(a);                
             }); 
 		}
 	}
 	sortableMasonry();
 
 
 	// Testimonial 
 	if ($('.testimonial-carousel').length) {
 		var testimonialThumb = new Swiper('.testimonial-thumbs', {
 			preloadImages : false,
 			loop          : true,
 			speed         : 2400,
 			slidesPerView : 3,
 			centeredSlides: true,
 			spaceBetween  : 0,
 			effect        : "slide",
 		});
 		var totalSlides        = $(".swiper-container").length;
 		var testimonialContent = new Swiper('.testimonial-content', {
 			preloadImages: false,
 			loop         : true,
 			speed        : 2400,
 			spaceBetween : 0,
 			effect       : "slide",
 			thumbs       : {
                 swiper: testimonialThumb
             }
 			
 		});
 		
 	}
 
 
 	// Single Image Carousel 
 	if ($('.single-image-carousel').length) {
 		var productThumbs = new Swiper('.single-image-carousel', {
 			preloadImages: false,
 			loop         : true,
 			speed        : 1400,
 			spaceBetween : 0,
 			effect       : "fade",
 			autoplay     : {
 			    delay               : 5000,
 			    disableOnInteraction: false
 			},
 
 			navigation: {
 	                nextEl: '.slider-button-next',
 	                prevEl: '.slider-button-prev',
 	            },
 		});
 
 	}
 
 	//Projects Tabs
 	if($('.project-tab').length){
 		$('.project-tab .project-tab-btns .p-tab-btn').on('click', function(e) {
 			e.preventDefault();
 			var target = $($(this).attr('data-tab'));
 			
 			if ($(target).hasClass('actve-tab')){
 				return false;
 			}else{
 				$('.project-tab .project-tab-btns .p-tab-btn').removeClass('active-btn');
 				$(this).addClass('active-btn');
 				$('.project-tab .p-tabs-content .p-tab').removeClass('active-tab');
 				$(target).addClass('active-tab');
 			}
 		});
 	}
 
 	// Isotop Layout
 	function isotopeBlock() {
 		if($(".isotope-block").length){
 			var $grid = $('.isotope-block').isotope();
 	
 		}
 	}
 
 	isotopeBlock();
 
 	//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 + '%');
 		});
 	}
 
 	// 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);
 		});
 	}
 
 	
 	// 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();
 	}
 
 	//Add One Page nav
 	if($('.scroll-nav').length) {
 		$('.scroll-nav ul').onePageNav();
 	}
 
 
 /* ==========================================================================
    When document is Resize, do
    ========================================================================= = */
 	
 	$(window).on('resize', function() {
 		marginClc();
 	});
 
 /* ==========================================================================
    When document is Scrollig, do
    ========================================================================= = */
 	
 	$(window).on('scroll', function() {
 		headerStyle();
 	});
 	
 /* ==========================================================================
    When document is loading, do
    ========================================================================= = */
 	
 	$(window).on('load', function() {
 		handlePreloader();
 		sortableMasonry();
 		isotopeBlock();
 		bannerSlider();		
 	});	
 
 })(window.jQuery);