One Hat Cyber Team

Edit File: main.js

;
(function($) {
    "use strict";

$(document).ready(function() {

/*--------------------
        *  language change
        * ------------------*/

$(document).on('click','.selected-language',function (e){
            e.preventDefault();
            $(this).next('ul').toggleClass('show');
 
         });
         
        var rtlEnable = $('html').attr('dir');
        var sliderRtlValue = !(typeof rtlEnable === 'undefined' || rtlEnable === 'ltr') ;
        var OwlRtlValue = !(typeof rtlEnable === 'undefined' || rtlEnable === true) ;

/*-------------------------------
 Navbar Fix
 ------------------------------*/
 if ($(window).width() < 991) {
 navbarFix()
 }
 /*------------------------------
 smoth achor effect
 ------------------------------*/
 $(document).on('click', '.navbar-nav li a', function(e) {
 var anchor = $(this).attr('href');
 var link = anchor.slice(0, 1);
 if ('#' == link) {
 e.preventDefault();
 var offset = $(anchor).offset();
 if (typeof offset === 'undefined'){
 window.location = $('body').data('siteurl')+'/'+anchor;
 return;
 }
 var top = offset.top;

$('html, body').animate({
                    scrollTop: $(anchor).offset().top
                }, 1000);
                $(this).parent().addClass('current-menu-item').siblings().removeClass('current-menu-item');
            }

});

/*--------------------
            wow js init
        ---------------------*/
        new WOW().init();

/*-------------------------
            magnific popup activation
        -------------------------*/
        $('.video-play,.video-popup,.small-vide-play-btn').magnificPopup({
            type: 'video'
        });

/*------------------
            back to top
        ------------------*/
        $(document).on('click', '.back-to-top', function() {
            $("html,body").animate({
                scrollTop: 0
            }, 2000);
        });
        /*------------------------------
            counter section activation
        -------------------------------*/
        var counternumber = $('.count-num');
        counternumber.counterUp({
            delay: 20,
            time: 1000
        });
        // MouseEvent
        var $mosueOverEffect = $('.outer');
        if ($mosueOverEffect.length > 0) {
            VanillaTilt.init(document.querySelectorAll(".outer"), {
                max: 80,
                speed: 400,
                perspective: 200,
                scale: 1.2,
                reverse: true,
            });
        }
        // Water Effect
        var $waterEffect = $('.water-effect');
        if ($waterEffect.length > 0) {
            $waterEffect.ripples({
                resolution: 256,
                perturbance: 0.05,
                // dropRadius: 50
            });
        }
        /**-----------------------------
         *  countdown
         * ---------------------------*/
        if ($("#mycountdown").length > 0) {
            $("#mycountdown").countdown("2021/09/20", function(event) {
                $('.month').text(
                    event.strftime('%m')
                );
                $('.days').text(
                    event.strftime('%n')
                );
                $('.hours').text(
                    event.strftime('%H')
                );
                $('.mins').text(
                    event.strftime('%M')
                );
                $('.secs').text(
                    event.strftime('%S')
                );
            });

}
 // Clinet - active
 $('.client-active-area').owlCarousel({
 loop: true,
 items: 4,
 nav: true,
 margin: 100,
 dots: false,
 rtl:OwlRtlValue,
 navText: ['', ''],
 responsive: {
 0: {
 items: 2
 },
 600: {
 items: 3
 },
 992: {
 items: 4
 },
 1200: {
 items: 4
 }
 }
 })
 /*---------------------------
 testimonial carousel
 ---------------------------*/
 var $TestimonialCarousel = $('.testimonial-carousel');
 if ($TestimonialCarousel.length > 0) {
 $TestimonialCarousel.owlCarousel({
 loop: true,
 rtl: sliderRtlValue,
 autoplay: true, //true if you want enable autoplay
 autoPlayTimeout: 1000,
 margin: 30,
 dots: false,
 nav: false,
 navText: ['', ''],
 animateOut: 'fadeOut',
 animateIn: 'fadeIn',
 responsive: {
 0: {
 items: 1
 },
 460: {
 items: 1
 },
 599: {
 items: 1
 },
 768: {
 items: 2
 },
 960: {
 items: 2
 },
 1200: {
 items: 3
 },
 1920: {
 items: 3
 }
 }
 });
 }
 /*---------------------------
 testimonial carousel Two
 ---------------------------*/
 var $TestimonialCarousel = $('.testimonial-carousel-two');
 if ($TestimonialCarousel.length > 0) {
 $TestimonialCarousel.owlCarousel({
 rtl: sliderRtlValue,
 loop: true,
 autoplay: true, //true if you want enable autoplay
 autoPlayTimeout: 1000,
 margin: 30,
 dots: false,
 nav: false,
 navText: ['', ''],
 animateOut: 'fadeOut',
 animateIn: 'fadeIn',
 responsive: {
 0: {
 items: 1
 },
 460: {
 items: 1
 },
 599: {
 items: 1
 },
 768: {
 items: 1
 },
 960: {
 items: 1
 },
 1200: {
 items: 1
 },
 1920: {
 items: 1
 }
 }
 });
 }

});

//define variable for store last scrolltop
    var lastScrollTop = '';

$(window).on('scroll', function() {

//back to top show/hide
        var ScrollTop = $('.back-to-top');
        if ($(window).scrollTop() > 1000) {
            ScrollTop.fadeIn(1000);
        } else {
            ScrollTop.fadeOut(1000);
        }

// Sticky-Memu
        if ($(window).width() > 991) {
            StickyMenu();
        }

});

$(window).on('resize', function() {
 /*-------------------------------
 Navbar Fix
 ------------------------------*/
 if ($(window).width() < 991) {
 navbarFix()
 }
 });

$(window).on('load', function() {

/*-----------------
            preloader
        ------------------*/
        var preLoder = $("#preloader");
        preLoder.fadeOut(1000);

/*-----------------
            back to top
        ------------------*/
        var backtoTop = $('.back-to-top')
        backtoTop.fadeOut();

});

function navbarFix() {
        $(document).on('click', '.navbar-area .navbar-nav li.menu-item-has-children>a, .navbar-area .navbar-nav li.appside-megamenu>a', function(e) {
            e.preventDefault();
        })
    }

})(jQuery);