[ Mini Kiebo ]

Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586 Path: D:/Backup/Data Shendy/Back up Shendy/DATA/PT TSP/Web TSP/gifatt/assets/js/ [ Home ]
File: main.js
(function($) {
    "use strict"
    jQuery(document).ready(function() {

      // mobile menu
      $('#main-menu').meanmenu({
        meanMenuContainer: '.mobile-menu',
        meanScreenWidth: "991.99"
    });
  
      //Language Switcher 
      $(".lang-switcher").on("click", function(e){
        e.preventDefault();
        $(".lang-list").toggleClass("lang-list-open");
    });

    $(".lang-list li").each(function(){
        $(this).on("click", function(){
            var logoSrc = $(this).children(".flag").children("img").attr("src");
            var flagText = $(this).children("a").text() + '<span> <i class="fas fa-angle-down"></i></span>'; 
            $(".lang-switcher > .flag img").attr("src", logoSrc);
            $(".lang-switcher > a").html(flagText);
        });
    });

      // ToTop 
      $('.scrollup').on('click', function() {
        $("html").animate({
            "scrollTop": '0'
        }, 1200);
      });
      $(window).on('scroll', function() {
          var toTopVisible = $('html').scrollTop();
          if (toTopVisible > 500) {
              $('.scrollup').fadeIn();
          } else {
              $('.scrollup').fadeOut();
          }
      });

      // nice-select
      $('select').niceSelect();

      // home 1 hero slider
      var $slider = $('.hslider-active');

      if ($slider.length) {
        var currentSlide;
        var slidesCount;
        var sliderCounter = document.createElement('div');
        sliderCounter.classList.add('slider__counter');
        
        var updateSliderCounter = function(slick, currentIndex) {
          currentSlide = slick.slickCurrentSlide() + 1;
          slidesCount = slick.slideCount;
          $(sliderCounter).html("<div class='slideInfo'>personal portfolio</div>" + "<div class='slideActive'>" + "0" + currentSlide + "</div>"  + '/' + "0" +slidesCount)
        };

        $slider.on('init', function(event, slick) {
          $slider.append(sliderCounter);
          updateSliderCounter(slick);
        });

        $slider.on('afterChange', function(event, slick, currentSlide) {
          updateSliderCounter(slick, currentSlide);
        });

        $slider.slick({
          arrows : false,
          dots : true,
          fade: true,
          infinity : true,
          slidesToShow : 1,
        });
      }
        
      // MouseHover Animation home 1
      var hoverLayer = $(".business-section");
      var heroImgOne = $(".bs1");
      var heroImgTwo = $(".bs2");
      hoverLayer.mousemove(function(e) {
            var valueX = (e.pageX * -1) / 100;
            var valueY = (e.pageY * -1) / 120;
            heroImgOne.css({
                transform: "translate3d(" + valueX + "px," + valueY + "px, 0)"
            });
        });
      hoverLayer.mousemove(function(e) {
            var valueX = (e.pageX * -1) / 60;
            var valueY = (e.pageY * -1) / 80;
            heroImgTwo.css({
                transform: "translate3d(" + valueX + "px," + valueY + "px, 0)"
            });
        });

      // hslider2-active
      $('.hslider2-active').slick({
        dots: true,
        infinite: true,
        speed: 1000,
        fade: true,
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows : true,
        prevArrow : '<i class="fas fa-chevron-left slickArrow arrow-prev"></i>',
        nextArrow : '<i class="fas fa-chevron-right slickArrow  arrow-next"></i>',
        responsive : [
          {
            breakpoint: 1440,
            settings: {
              dots: false
            }
          },
          {
          breakpoint : 1200,
          settings : {
          arrows : false,
          dots :false
          }
        }]
      });


      // hero-slider vdo popup
      $('.popup-link').magnificPopup({
        type: 'iframe',
        // other options
        iframe: {
          markup: '<div class="mfp-iframe-scaler">'+
                    '<div class="mfp-close"></div>'+
                    '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
                  '</div>',
        
          patterns: {
            youtube: {
              index: 'youtube.com/', 
        
              id: 'v=', 
        
              src: 'https://www.youtube.com/embed/%id%?autoplay=1' 
            },
            vimeo: {
              index: 'vimeo.com/',
              id: '/',
              src: '//player.vimeo.com/video/%id%?autoplay=1'
            },
            gmaps: {
              index: '//maps.google.',
              src: '%id%&output=embed'
            }
        
          },
        
          srcAction: 'iframe_src',
        }
      });

      // service-slider-active
      $('.service-slider-active').slick({
          dots: true,
          infinite: true,
          speed: 1000,
          slidesToShow: 4,
          slidesToScroll: 2,
          arrows :false,
          responsive: [
            {
              breakpoint: 1200,
              settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
                infinite: true,
                dots: true
              }
            },
            {
              breakpoint: 992,
              settings: {
                slidesToShow: 2,
                slidesToScroll: 2,
                infinite: true,
                dots: true
              }
            },
            {
              breakpoint: 575,
              settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
                dots : true
              }
            }
          ]
        });

      // service-slider-active
      $('.service2-slider-active').slick({
          dots: true,
          infinite: true,
          speed: 1000,
          slidesToShow: 1,
          slidesToScroll: 1,
          arrows :false
        });

      // service-slider-active
      $('.team-slider-active').slick({
          dots: true,
          infinite: true,
          speed: 1000,
          slidesToShow: 4,
          slidesToScroll: 2,
          arrows :false,
          responsive: [
            {
              breakpoint: 1200,
              settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
                infinite: true,
                dots: true
              }
            },
            {
              breakpoint: 992,
              settings: {
                slidesToShow: 2,
                slidesToScroll: 2,
                infinite: true,
                dots: true
              }
            },
            {
              breakpoint: 768,
              settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
                dots : true
              }
            }
          ]
        });
      // feedback-slider-active
      $('.feedback-slider-active').slick({
          dots: true,
          infinite: true,
          speed: 1000,
          slidesToShow: 2,
          slidesToScroll: 1,
          arrows :false,
          responsive: [
            {
              breakpoint: 1200,
              settings: {
                slidesToShow: 2,
                slidesToScroll: 1,
                infinite: true,
                dots: true
              }
            },
            {
              breakpoint: 992,
              settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
                infinite: true,
                dots: true
              }
            }
          ]
        });

      // port-slider-active
      $('.port-slider-active').slick({
          dots: false,
          infinite: true,
          speed: 1000,
          slidesToShow: 1,
          slidesToScroll: 1,
          arrows : true,
          prevArrow : '<i class="fas fa-chevron-left slickArrow arrow-prev"></i>',
          nextArrow : '<i class="fas fa-chevron-right slickArrow  arrow-next"></i>',
        });

      // project-slider-active
      $('.project-slider-active').slick({
        dots: true,
        infinite: true,
        speed: 1000,
        slidesToShow: 3,
        slidesToScroll: 1,
        arrows :false,
        responsive: [
          {
            breakpoint: 1200,
            settings: {
              slidesToShow: 3,
              slidesToScroll: 1,
              infinite: true,
              dots: true
            }
          },
          {
            breakpoint: 992,
            settings: {
              slidesToShow: 2,
              slidesToScroll: 1,
              infinite: true,
              dots: true
            }
          },
          {
            breakpoint: 576,
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1,
              infinite: true,
              dots: true
            }
          }
        ]
      });
          
      // blog-slider-active
    $('.blog-thumbnail-slider').slick({
      dots: false,
      infinite: true,
      speed: 1000,
      slidesToShow: 1,
      slidesToScroll: 1,
      arrows : true,
      prevArrow : '<i class="fas fa-arrow-left prev-arrow"></i>',
      nextArrow : '<i class="fas fa-arrow-right next-arrow"></i>',
    });
      
      // counter up
      $('.counter').counterUp({
        delay: 10,
        time: 1000
    });

    // portfolio item init Isotope
    var $grid = $('.portfolio-wrapper').isotope();

    // filter items on button click
    $('.filter-button-group').on( 'click', 'button', function() {
      var filterValue = $(this).attr('data-filter');
      $grid.isotope({ filter: filterValue });
    });

    $('.grid').isotope({
      // set itemSelector so .grid-sizer is not used in layout
      itemSelector: '.grid-item',
      percentPosition: true,
      masonry: {
        // use element for option
        columnWidth: 50
      }
    })
    // portfolio button active
    $('.portfolio-btn button').each(function() {

      $(this).on('click', function() {
        $(this).parent('.portfolio-btn').find('button.active').removeClass('active');
        $(this).addClass('active');
      });

    }
    );
      
    });

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

        // WOW JS
        new WOW().init();

        // Preloader
        var preLoder = $("#preloader");
        preLoder.fadeOut(0);

    });
})(jQuery);