1#@!#!123s

file_get_contents 1#@!#!123s
: / home1 / namod9jo / public_html / demo / mkprojects-latest / assets / js /
Filename : script.js
back
// Init Wow

    $(function() {
    wow = new WOW( {
        animateClass: 'animated',
        offset:       100
    });
    wow.init();
    
    });

// Page Back to Top //

    $(window).scroll(function(){
        if ($(this).scrollTop() > 100) {
            $('.scrollup').fadeIn();
            } else {
            $('.scrollup').fadeOut();
        }
    });

    $('.scrollup').click(function(){
        $("html, body").animate({ scrollTop: 0 }, 1000);
            return false;
    });

// Filter Projects

    jQuery(document).ready(function(){
        jQuery('.filter-projects button').click(function(event){
            //remove all pre-existing active classes
            jQuery('.active').removeClass('active');

            //add the active class to the link we clicked
            jQuery(this).addClass('active');

            //Load the content
            //e.g.
            //load the page that the link was pointing to
            //$('#content').load($(this).find(a).attr('href'));      

            event.preventDefault();
        });
    });

// Filter Project Button

    filterSelection("Current")
    function filterSelection(c) {
      var x, i;
      x = document.getElementsByClassName("filterDiv");
      if (c == "all") c = "";
      for (i = 0; i < x.length; i++) {
        w3RemoveClass(x[i], "show");
        if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], "show");
      }
    }

    function w3AddClass(element, name) {
      var i, arr1, arr2;
      arr1 = element.className.split(" ");
      arr2 = name.split(" ");
      for (i = 0; i < arr2.length; i++) {
        if (arr1.indexOf(arr2[i]) == -1) {element.className += " " + arr2[i];}
      }
    }

    function w3RemoveClass(element, name) {
      var i, arr1, arr2;
      arr1 = element.className.split(" ");
      arr2 = name.split(" ");
      for (i = 0; i < arr2.length; i++) {
        while (arr1.indexOf(arr2[i]) > -1) {
          arr1.splice(arr1.indexOf(arr2[i]), 1);     
        }
      }
      element.className = arr1.join(" ");
    }

// Slider Counter

    var totalItems = $('.item').length;
        var currentIndex = $('div.item.active').index() + 1;

        var down_index;
        $('.slide-counter').html(''+currentIndex+'/'+totalItems+'');

            $(".next").click(function(){
            currentIndex_active = $('div.item.active').index() + 2;
            if (totalItems >= currentIndex_active)
            {
                down_index= $('div.item.active').index() + 2;
                $('.slide-counter').html(''+currentIndex_active+'/'+totalItems+'');
            }
        });

            $(".prev").click(function(){
                down_index=down_index-1;
            if (down_index >= 1 )
            {
                $('.slide-counter').html(''+down_index+'/'+totalItems+'');
            }
        });

// Slider Control Activity

    var checkitem = function() {
      var $this;
      $this = $("#project-slider");
      if ($("#project-slider .carousel-inner .item:first").hasClass("active")) {
        $this.children(".left").css('pointer-events','none');
        $this.children(".left").css('opacity','0.2');
        $this.children(".right").css('pointer-events','auto');
      } else if ($("#project-slider .carousel-inner .item:last").hasClass("active")) {
        $this.children(".right").css('pointer-events','none');
        $this.children(".right").css('opacity','0.2');
        $this.children(".left").css('pointer-events','auto');
      } else {
        $this.children(".carousel-control").css('pointer-events','auto');
        $this.children(".left").css('opacity','1');
        $this.children(".right").css('opacity','1');
      }
    };

    checkitem();

    $("#project-slider").on("slid.bs.carousel", "", checkitem);

// Similler Slider

    $(".similar-projects").slick({
        slidesToShow: 2,
        slidesToScroll:1,
        responsive: [
            {
                breakpoint: 1024,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 3,
                }
            },
            {
                breakpoint: 600,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 2
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1
                }
            }
        ]
    });