(function ($) {
  "use strict";
  // Mobile Menu
  $(".mobile-menu nav").meanmenu({
    meanScreenWidth: "990",
    meanMenuContainer: ".mobile-menu",
    onePage: false,
  });
  // sticky
  var wind = $(window);
  var sticky = $("#sticky-header");
  wind.on("scroll", function () {
    var scroll = wind.scrollTop();
    if (scroll < 100) {
      sticky.removeClass("sticky");
    } else {
      sticky.addClass("sticky");
    }
  });
  //Header Search
  if ($(".search-box-outer").length) {
    $(".search-box-outer").on("click", function () {
      $("body").addClass("search-active");
    });
    $(".close-search").on("click", function () {
      $("body").removeClass("search-active");
    });
  }

  // Loder  /

  $(function () {
    $("body").addClass("loaded");
  });

  //AOS Anomation
  AOS.init();

  // Slider Active
  $(".slider_list").owlCarousel({
    loop: true,
    autoplay: false,
    smartSpeed: 2000,
    autoplayTimeout: 1500,
    dots: false,
    dotsData: false,
    nav: true,
    navText: [
      "<i class='flaticon-left-arrow''></i>",
      "<i class='flaticon-right-arrow''></i>",
    ],
    responsive: {
      0: {
        items: 1,
      },
      768: {
        items: 1,
      },
      992: {
        items: 1,
      },
      1000: {
        items: 1,
      },
      1920: {
        items: 1,
      },
    },
  });
  // service Active
  $(".service-list").owlCarousel({
    loop: true,
    autoplay: true,
    autoplayTimeout: 10000,
    dots: true,
    center: false,
    nav: false,
    navText: [
      "<i class='fa fa-long-arrow-left''></i>",
      "<i class='fa fa-long-arrow-right''></i>",
    ],
    responsive: {
      0: {
        items: 1,
      },
      600: {
        items: 2,
      },
      768: {
        items: 3,
      },
      992: {
        items: 4,
      },
      1000: {
        items: 5,
      },
      1400: {
        items: 5,
      },
      1920: {
        items: 5,
      },
    },
  });
  // testimonial Active
  $(".testimonial-list").owlCarousel({
    loop: true,
    autoplay: true,
    autoplayTimeout: 10000,
    dots: false,
    center: false,
    nav: true,
    navText: [
      "<i class='flaticon-right-arrow''></i>",
      "<i class='flaticon-left-arrow''></i>",
    ],
    responsive: {
      0: {
        items: 1,
      },
      768: {
        items: 1,
      },
      992: {
        items: 1,
      },
      1000: {
        items: 1,
      },
      1400: {
        items: 1,
      },
      1920: {
        items: 1,
      },
    },
  });
  // Case Study Active
  $(".brand-list").owlCarousel({
    loop: true,
    autoplay: true,
    smartSpeed: 2000,
    autoplayTimeout: 2500,
    dots: false,
    center: false,
    nav: false,
    navText: [
      "<i class='fa fa-long-arrow-left''></i>",
      "<i class='fa fa-long-arrow-right''></i>",
    ],
    responsive: {
      0: {
        items: 1,
      },
      600: {
        items: 2,
      },
      768: {
        items: 3,
      },
      992: {
        items: 4,
      },
      1000: {
        items: 4,
      },
      1400: {
        items: 4,
      },
      1920: {
        items: 4,
      },
    },
  });
  // Case Study Active
  $(".choose-list").owlCarousel({
    loop: true,
    autoplay: false,
    autoplayTimeout: 10000,
    dots: true,
    dotsEach: true,
    center: false,
    nav: false,
    navText: [
      "<i class='fa fa-long-arrow-left''></i>",
      "<i class='fa fa-long-arrow-right''></i>",
    ],
    responsive: {
      0: {
        items: 1,
      },
      600: {
        items: 2,
      },
      768: {
        items: 2,
      },
      992: {
        items: 3,
      },
      1000: {
        items: 3,
      },
      1400: {
        items: 3,
      },
      1920: {
        items: 3,
      },
    },
  });

  // Case Study Active
  $(".project-list").owlCarousel({
    loop: true,
    autoplay: false,
    smartSpeed: 2000,
    autoplayTimeout: 1500,
    dots: true,
    dotsEach: true,
    center: false,
    nav: false,
    navText: [
      "<i class='fa fa-long-arrow-left''></i>",
      "<i class='fa fa-long-arrow-right''></i>",
    ],
    responsive: {
      0: {
        items: 1,
      },
      600: {
        items: 2,
      },
      768: {
        items: 2,
      },
      992: {
        items: 2,
      },
      1200: {
        items: 2,
      },
      1400: {
        items: 2,
      },
      1920: {
        items: 2,
      },
    },
  });

  // Case Study Active
  $(".testimonial-list").owlCarousel({
    loop: true,
    autoplay: true,
    autoplayTimeout: 10000,
    dots: false,
    center: false,
    dotsEach: false,
    nav: true,
    navText: [
      "<i class='fa fa-long-arrow-left''></i>",
      "<i class='fa fa-long-arrow-right''></i>",
    ],
    responsive: {
      0: {
        items: 1,
      },
      600: {
        items: 2,
      },
      768: {
        items: 2,
      },
      992: {
        items: 2,
      },
      1000: {
        items: 2,
      },
      1400: {
        items: 2,
      },
      1920: {
        items: 2,
      },
    },
  });
  // feature Active
  $(".blog-list").owlCarousel({
    loop: true,
    autoplay: true,
    autoplayTimeout: 10000,
    dots: true,
    dotsEach: false,
    center: false,
    nav: false,
    navText: [
      "<i class='fa fa-long-arrow-left''></i>",
      "<i class='fa fa-long-arrow-right''></i>",
    ],
    responsive: {
      0: {
        items: 1,
      },
      600: {
        items: 1,
      },
      768: {
        items: 2,
      },
      992: {
        items: 2,
      },
      1000: {
        items: 2,
      },
      1400: {
        items: 2,
      },
      1920: {
        items: 2,
      },
    },
  });
  // counterUp
  $(".counter").counterUp({
    delay: 10,
    time: 4000,
  });
  /* Portfolio Isotope  */
  $(".image_load").imagesLoaded(function () {
    if ($.fn.isotope) {
      var $portfolio = $(".image_load");

      $portfolio.isotope({
        itemSelector: ".grid-item",

        filter: "*",

        resizesContainer: true,

        layoutMode: "masonry",

        transitionDuration: "0.8s",
      });
      $(".menu-filtering li").on("click", function () {
        $(".menu-filtering li").removeClass("current_menu_item");

        $(this).addClass("current_menu_item");

        var selector = $(this).attr("data-filter");

        $portfolio.isotope({
          filter: selector,
        });
      });
    }
  });
  // Venubox

  $(".venobox").venobox({
    numeratio: true,

    infinigall: true,
  });

  // Dark Js

  $(".toggle-switch").on("click", function (event) {
    $("body").toggleClass("dark");
  });

  // Calender Jquery
  var curDate = new Date().getDate();
  var curMonth = new Date().getMonth();
  var curYear = new Date().getFullYear();
  var startDay = new Date(curYear, curMonth, 1).getDay();
  var months = [
    "January",
    "February",
    "March",
    "April",
    "May",
    "June",
    "July",
    "August",
    "September",
    "October",
    "November",
    "December",
  ];
  var noofdays = [
    "31",
    "29",
    "31",
    "30",
    "31",
    "30",
    "31",
    "31",
    "30",
    "31",
    "30",
    "31",
  ];
  var prevMonth = noofdays[curMonth - 1];
  if (curMonth == 11) {
    prevMonth = noofdays[0];
  } else if (curMonth == 0) {
    prevMonth = noofdays[11];
  }
  var totalDays = noofdays[curMonth];
  var counter = 0;
  var precounter = prevMonth - (startDay - 1);
  var rightbox = 6;
  var flag = true;

  jQuery(".curr-month b").text(months[curMonth]);
  for (var i = 0; i < 42; i++) {
    if (i >= startDay) {
      counter++;
      if (counter > totalDays) {
        counter = 1;
        flag = false;
      }
      if (flag == true) {
        jQuery(".all-date ul").append(
          '<li class="monthdate">' + counter + "</li>"
        );
      } else {
        jQuery(".all-date ul").append(
          '<li style="opacity:.8">' + counter + "</li>"
        );
      }
    } else {
      jQuery(".all-date ul").append(
        '<li style="opacity:.8">' + precounter + "</li>"
      );
      precounter++;
    }

    if (i == rightbox) {
      jQuery(jQuery(".all-date ul li")[rightbox]).addClass("b-right");
      rightbox = rightbox + 7;
    }

    if (i > 34) {
      jQuery(jQuery(".all-date ul li")[i]).addClass("b-bottom");
    }

    if (
      jQuery(jQuery(".all-date ul li")[i]).text() == curDate &&
      jQuery(jQuery(".all-date ul li")[i]).css("opacity") == 1
    ) {
      jQuery(jQuery(".all-date ul li")[i]).css({
        "background-color": "#02548b",
        color: "#fff",
      });
    }
  }
})(jQuery);
