// Vimeo Vieo Function
Bloglog_Vimeo()
function Bloglog_Vimeo() {
  /*! vimeo-jquery-api 2016-05-05 */
  !(function (a, b) {
    var c = {
        catchMethods: { methodreturn: [], count: 0 },
        init: function (b) {
          var c, d, e
          b.originalEvent.origin.match(/vimeo/gi) &&
            "data" in b.originalEvent &&
            ((e =
              "string" === a.type(b.originalEvent.data)
                ? a.parseJSON(b.originalEvent.data)
                : b.originalEvent.data),
            e &&
              ((c = this.setPlayerID(e)),
              c.length &&
                ((d = this.setVimeoAPIurl(c)),
                e.hasOwnProperty("event") && this.handleEvent(e, c, d),
                e.hasOwnProperty("method") && this.handleMethod(e, c, d))))
        },
        setPlayerID: function (b) {
          return a("iframe[src*=" + b.player_id + "]")
        },
        setVimeoAPIurl: function (a) {
          return "http" !== a.attr("src").substr(0, 4)
            ? "https:" + a.attr("src").split("?")[0]
            : a.attr("src").split("?")[0]
        },
        handleMethod: function (a) {
          this.catchMethods.methodreturn.push(a.value)
        },
        handleEvent: function (b, c, d) {
          switch (b.event.toLowerCase()) {
            case "ready":
              for (var e in a._data(c[0], "events"))
                e.match(
                  /loadProgress|playProgress|play|pause|finish|seek|cuechange/
                ) &&
                  c[0].contentWindow.postMessage(
                    JSON.stringify({ method: "addEventListener", value: e }),
                    d
                  )
              if (c.data("vimeoAPICall")) {
                for (var f = c.data("vimeoAPICall"), g = 0; g < f.length; g++)
                  c[0].contentWindow.postMessage(
                    JSON.stringify(f[g].message),
                    f[g].api
                  )
                c.removeData("vimeoAPICall")
              }
              c.data("vimeoReady", !0), c.triggerHandler("ready")
              break
            case "seek":
              c.triggerHandler("seek", [b.data])
              break
            case "loadprogress":
              c.triggerHandler("loadProgress", [b.data])
              break
            case "playprogress":
              c.triggerHandler("playProgress", [b.data])
              break
            case "pause":
              c.triggerHandler("pause")
              break
            case "finish":
              c.triggerHandler("finish")
              break
            case "play":
              c.triggerHandler("play")
              break
            case "cuechange":
              c.triggerHandler("cuechange")
          }
        },
      },
      d = (a.fn.vimeoLoad = function () {
        var b = a(this).attr("src"),
          c = !1
        if (
          ("https:" !== b.substr(0, 6) &&
            ((b =
              "http" === b.substr(0, 4) ? "https" + b.substr(4) : "https:" + b),
            (c = !0)),
          null === b.match(/player_id/g))
        ) {
          c = !0
          var d = -1 === b.indexOf("?") ? "?" : "&",
            e = a.param({
              api: 1,
              player_id:
                "vvvvimeoVideo-" +
                Math.floor(1e7 * Math.random() + 1).toString(),
            })
          b = b + d + e
        }
        return c && a(this).attr("src", b), this
      })
    jQuery(document).ready(function () {
      a("iframe[src*='vimeo.com']").each(function () {
        d.call(this)
      })
    }),
      a([
        "loadProgress",
        "playProgress",
        "play",
        "pause",
        "finish",
        "seek",
        "cuechange",
      ]).each(function (b, d) {
        jQuery.event.special[d] = {
          setup: function () {
            var b = a(this).attr("src")
            if (a(this).is("iframe") && b.match(/vimeo/gi)) {
              var e = a(this)
              if ("undefined" != typeof e.data("vimeoReady"))
                e[0].contentWindow.postMessage(
                  JSON.stringify({ method: "addEventListener", value: d }),
                  c.setVimeoAPIurl(a(this))
                )
              else {
                var f =
                  "undefined" != typeof e.data("vimeoAPICall")
                    ? e.data("vimeoAPICall")
                    : []
                f.push({ message: d, api: c.setVimeoAPIurl(e) }),
                  e.data("vimeoAPICall", f)
              }
            }
          },
        }
      }),
      a(b).on("message", function (a) {
        c.init(a)
      }),
      (a.vimeo = function (a, d, e) {
        var f = {},
          g = c.catchMethods.methodreturn.length
        if (
          ("string" == typeof d && (f.method = d),
          void 0 !== typeof e && "function" != typeof e && (f.value = e),
          a.is("iframe") && f.hasOwnProperty("method"))
        )
          if (a.data("vimeoReady"))
            a[0].contentWindow.postMessage(
              JSON.stringify(f),
              c.setVimeoAPIurl(a)
            )
          else {
            var h = a.data("vimeoAPICall") ? a.data("vimeoAPICall") : []
            h.push({ message: f, api: c.setVimeoAPIurl(a) }),
              a.data("vimeoAPICall", h)
          }
        return (
          ("get" !== d.toString().substr(0, 3) && "paused" !== d.toString()) ||
            "function" != typeof e ||
            (!(function (a, d, e) {
              var f = b.setInterval(function () {
                c.catchMethods.methodreturn.length != a &&
                  (b.clearInterval(f), d(c.catchMethods.methodreturn[e]))
              }, 10)
            })(g, e, c.catchMethods.count),
            c.catchMethods.count++),
          a
        )
      }),
      (a.fn.vimeo = function (b, c) {
        return a.vimeo(this, b, c)
      })
  })(jQuery, window)
}

// global variable for the action
var action = []
var iframe = document.getElementsByClassName("video-main-wraper")
var src
var ratio_class

Bloglog_Video()
Bloglog_Video("video-main-wraper-2")
function Bloglog_Video(
  VideoWraperClass = "",
  youtubeClass = "twp-iframe-video-youtube"
) {
  if (VideoWraperClass) {
    iframe = document.getElementsByClassName(VideoWraperClass)
  }

  Array.prototype.forEach.call(iframe, function (el) {
    // Do stuff here
    var id = el.getAttribute("data-id")
    var autoplay = el.getAttribute("data-autoplay")
    if (autoplay == "autoplay-enable") {
      autoplay = 1
    } else {
      autoplay = 0
    }
    jQuery(document).ready(function ($) {
      "use strict"

      src = $(el).find("iframe").attr("src")

      if (src) {
        if (src.indexOf("youtube.com") != -1) {
          $(el).find("iframe").attr("width", "")
          $(el).find("iframe").attr("height", "")
          $(el).find("iframe").attr("id", id)
          $(el).find("iframe").addClass(youtubeClass)
          if (autoplay) {
            $(el)
              .find("iframe")
              .attr(
                "src",
                src +
                  "&enablejsapi=1&autoplay=1&mute=1&rel=0&modestbranding=0&autohide=0&showinfo=0&controls=0&loop=1"
              )
          } else {
            $(el)
              .find("iframe")
              .attr("src", src + "&enablejsapi=1")
          }
        }

        if (src.indexOf("vimeo.com") != -1) {
          $(el).find("iframe").attr("id", id)
          $(el).find("iframe").addClass("twp-iframe-video-vimeo")

          if (autoplay) {
            $(el)
              .find("iframe")
              .attr(
                "src",
                src +
                  "&title=0&byline=0&portrait=0&transparent=0&autoplay=1&controls=0&loop=1"
              )
          } else {
            $(el)
              .find("iframe")
              .attr(
                "src",
                src +
                  "&title=0&byline=0&portrait=0&transparent=0&autoplay=0&controls=0&loop=1"
              )
          }

          $(el).find("iframe").attr("allow", "autoplay;")

          var player = document.getElementById(id)
          $(player).vimeo("setVolume", 0)

          $("#" + id)
            .closest(".entry-video")
            .find(".twp-mute-unmute")
            .on("click", function () {
              if ($(this).hasClass("unmute")) {
                $(player).vimeo("setVolume", 1)
                $(this).removeClass("unmute")
                $(this).addClass("mute")

                $(this).find(".twp-video-control-action").empty()
                $(this)
                  .find(".twp-video-control-action")
                  .html(bloglog_custom.unmute)
                $(this)
                  .find(".screen-reader-text")
                  .html(bloglog_custom.unmute_text)
              } else if ($(this).hasClass("mute")) {
                $(player).vimeo("setVolume", 0)
                $(this).removeClass("mute")
                $(this).addClass("unmute")
                $(this).find(".twp-video-control-action").empty()
                $(this)
                  .find(".twp-video-control-action")
                  .html(bloglog_custom.mute)
              }
            })

          $("#" + id)
            .closest(".entry-video")
            .find(".twp-pause-play")
            .on("click", function () {
              if ($(this).hasClass("play")) {
                $(player).vimeo("play")

                $(this).removeClass("play")
                $(this).addClass("pause")
                $(this)
                  .find(".twp-video-control-action")
                  .html(bloglog_custom.pause)
                $(this)
                  .find(".screen-reader-text")
                  .html(bloglog_custom.pause_text)
              } else if ($(this).hasClass("pause")) {
                $(player).vimeo("pause")
                $(this).removeClass("pause")
                $(this).addClass("play")
                $(this)
                  .find(".twp-video-control-action")
                  .html(bloglog_custom.play)
                $(this)
                  .find(".screen-reader-text")
                  .html(bloglog_custom.play_text)
              }
            })
        }
      } else {
        var currentVideo

        $(el).find("video").attr("loop", "loop")
        $(el).find("video").attr("autoplay", "autoplay")
        $(el).find("video").removeAttr("controls")
        $(el).find("video").attr("id", id)

        $("#" + id)
          .closest(".entry-video")
          .find(".twp-mute-unmute")
          .on("click", function () {
            if ($(this).hasClass("unmute")) {
              currentVideo = document.getElementById(id)
              $(currentVideo).prop("muted", false)

              $(this).removeClass("unmute")
              $(this).addClass("mute")
              $(this)
                .find(".twp-video-control-action")
                .html(bloglog_custom.unmute)
              $(this)
                .find(".screen-reader-text")
                .html(bloglog_custom.unmute_text)
            } else if ($(this).hasClass("mute")) {
              currentVideo = document.getElementById(id)
              $(currentVideo).prop("muted", true)
              $(this).removeClass("mute")
              $(this).addClass("unmute")
              $(this)
                .find(".twp-video-control-action")
                .html(bloglog_custom.mute)
            }
          })

        if (autoplay) {
          setTimeout(function () {
            if ($("#" + id).length) {
              currentVideo = document.getElementById(id)
              currentVideo.play()
            }
          }, 3000)
        }

        $("#" + id)
          .closest(".entry-video")
          .find(".twp-pause-play")
          .on("click", function () {
            if ($(this).hasClass("play")) {
              currentVideo = document.getElementById(id)
              currentVideo.play()

              $(this).removeClass("play")
              $(this).addClass("pause")
              $(this)
                .find(".twp-video-control-action")
                .html(bloglog_custom.pause)
              $(this)
                .find(".screen-reader-text")
                .html(bloglog_custom.pause_text)
            } else if ($(this).hasClass("pause")) {
              currentVideo = document.getElementById(id)
              currentVideo.pause()

              $(this).removeClass("pause")
              $(this).addClass("play")
              $(this)
                .find(".twp-video-control-action")
                .html(bloglog_custom.play)
              $(this).find(".screen-reader-text").html(bloglog_custom.play_text)
            }
          })
      }
    })
  })
}

// this function gets called when API is ready to use
function onYouTubePlayerAPIReady() {
  jQuery(document).ready(function ($) {
    "use strict"

    BloglogYoutubeVideo(".twp-iframe-video-youtube")
  })
}

function BloglogYoutubeVideo(YTVideoClass = "") {
  $(YTVideoClass).each(function () {
    var id = $(this).attr("id")

    // create the global action from the specific iframe (#video)
    action[id] = new YT.Player(id, {
      events: {
        // call this function when action is ready to use
        onReady: function onReady() {
          var autoplay = $(this)
            .closest(".theme-video-panel")
            .attr("data-autoplay")
          if (autoplay == "autoplay-enable") {
            action[id].playVideo()
          }

          $("#" + id)
            .closest(".entry-video")
            .find(".twp-pause-play")
            .on("click", function () {
              var id = $(this).attr("attr-id")

              if ($(this).hasClass("play")) {
                action[id].playVideo()

                $(this).removeClass("play")
                $(this).addClass("pause")
                $(this)
                  .find(".twp-video-control-action")
                  .html(bloglog_custom.pause)
                $(this)
                  .find(".screen-reader-text")
                  .html(bloglog_custom.pause_text)
              } else if ($(this).hasClass("pause")) {
                action[id].pauseVideo()
                $(this).removeClass("pause")
                $(this).addClass("play")
                $(this)
                  .find(".twp-video-control-action")
                  .html(bloglog_custom.play)
                $(this)
                  .find(".screen-reader-text")
                  .html(bloglog_custom.play_text)
              }
            })

          $("#" + id)
            .closest(".entry-video")
            .find(".twp-mute-unmute")
            .on("click", function () {
              var id = $(this).attr("attr-id")
              if ($(this).hasClass("unmute")) {
                action[id].unMute()

                $(this).removeClass("unmute")
                $(this).addClass("mute")
                $(this)
                  .find(".twp-video-control-action")
                  .html(bloglog_custom.unmute)
                $(this)
                  .find(".screen-reader-text")
                  .html(bloglog_custom.unmute_text)
              } else if ($(this).hasClass("mute")) {
                action[id].mute()
                $(this).removeClass("mute")
                $(this).addClass("unmute")
                $(this)
                  .find(".twp-video-control-action")
                  .html(bloglog_custom.mute)
                $(this)
                  .find(".screen-reader-text")
                  .html(bloglog_custom.mute_text)
              }
            })
        },
      },
    })
  })
}

// Inject YouTube API script
var tag = document.createElement("script")
tag.src = "https://www.youtube.com/player_api"
var firstScriptTag = document.getElementsByTagName("script")[0]
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag)

function Bloglog_SetCookie(cname, cvalue, exdays) {
  var d = new Date()
  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000)
  var expires = "expires=" + d.toUTCString()
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"
}

function Bloglog_GetCookie(cname) {
  var name = cname + "="
  var decodedCookie = decodeURIComponent(document.cookie)
  var ca = decodedCookie.split(";")

  for (var i = 0; i < ca.length; i++) {
    var c = ca[i]

    while (c.charAt(0) == " ") {
      c = c.substring(1)
    }

    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length)
    }
  }

  return ""
}

jQuery(document).ready(function ($) {
  "use strict"

  var myCursor = jQuery(".theme-custom-cursor")
  if (myCursor.length) {
    if ($("body")) {
      const e = document.querySelector(".theme-cursor-secondary"),
        t = document.querySelector(".theme-cursor-primary")
      let n,
        i = 0,
        o = !1
      ;(window.onmousemove = function (s) {
        o ||
          (t.style.transform =
            "translate(" + s.clientX + "px, " + s.clientY + "px)"),
          (e.style.transform =
            "translate(" + s.clientX + "px, " + s.clientY + "px)"),
          (n = s.clientY),
          (i = s.clientX)
      }),
        $("body").on(
          "mouseenter",
          'a, button, input[type="submit"], .cursor-pointer',
          function () {
            e.classList.add("cursor-hover"), t.classList.add("cursor-hover")
          }
        ),
        $("body").on(
          "mouseleave",
          'a, button, input[type="submit"], .cursor-pointer',
          function () {
            ;($(this).is("a") && $(this).closest(".cursor-pointer").length) ||
              (e.classList.remove("cursor-hover"),
              t.classList.remove("cursor-hover"))
          }
        ),
        (e.style.visibility = "visible"),
        (t.style.visibility = "visible")
    }
  }

  // Mouse Custom Pointer Cursors Start

  $(window).load(function () {
    $("body").addClass("page-loaded")
  })

  // Scroll To
  $(".scroll-content").click(function () {
    $("html, body").animate(
      {
        scrollTop: $("#content").offset().top,
      },
      500
    )
  })

  $("a").mouseenter(function () {
    $(".circle1").addClass("hover-link-active-1")
    $(".circle2").addClass("hover-link-active-2")
  })

  $("a").mouseleave(function () {
    $(".circle1").removeClass("hover-link-active-1")
    $(".circle2").removeClass("hover-link-active-2")
  })

  // Hide Comments
  $(
    ".bloglog-no-comment .booster-block.booster-ratings-block, .bloglog-no-comment .comment-form-ratings, .bloglog-no-comment .twp-star-rating"
  ).hide()

  // Rating disable
  if (
    bloglog_custom.single_post == 1 &&
    bloglog_custom.bloglog_ed_post_reaction
  ) {
    $(".tpk-single-rating").remove()
    $(".tpk-comment-rating-label").remove()
    $(".comments-rating").remove()
    $(".tpk-star-rating").remove()
  }

  // Add Class on article
  $(".twp-archive-items.post").each(function () {
    $(this).addClass("twp-article-loded")
  })

  // Social Share Stickey
  $(".post-content-share").theiaStickySidebar()

  // Aub Menu Toggle
  $(".submenu-toggle").click(function () {
    $(this).toggleClass("button-toggle-active")
    var currentClass = $(this).attr("data-toggle-target")
    $(currentClass).toggleClass("submenu-toggle-active")
  })

  // Header Search Popup End
  $(".navbar-control-search").click(function () {
    $(".header-searchbar").toggleClass("header-searchbar-active")
    $("body").addClass("body-scroll-locked")
    $("#search-closer").focus()
  })

  $(".header-searchbar").click(function () {
    $(".header-searchbar").removeClass("header-searchbar-active")
    $("body").removeClass("body-scroll-locked")
  })

  $(".header-searchbar-inner").click(function (e) {
    e.stopPropagation() //stops click event from reaching document
  })

  // Header Search hide
  $("#search-closer").click(function () {
    $(".header-searchbar").removeClass("header-searchbar-active")
    $("body").removeClass("body-scroll-locked")
    setTimeout(function () {
      $(".navbar-control-search").focus()
    }, 300)
  })

  // Focus on search input on search icon expand
  $(".navbar-control-search").click(function () {
    setTimeout(function () {
      $(".header-searchbar .search-field").focus()
    }, 300)
  })

  $("input, a, button").on("focus", function () {
    if ($(".header-searchbar").hasClass("header-searchbar-active")) {
      if (!$(this).parents(".header-searchbar").length) {
        $(".header-searchbar .search-field").focus()
        $(".header-searchbar-area .search-field-default").focus()
      }
    }
  })

  $(".skip-link-search-start").focus(function () {
    $("#search-closer").focus()
  })

  $(".skip-link-search-end").focus(function () {
    $(".header-searchbar-area .search-field").focus()
  })

  $(".skip-link-menu-start").focus(function () {
    if (!$("#offcanvas-menu #primary-nav-offcanvas").length == 0) {
      $("#offcanvas-menu #primary-nav-offcanvas ul li:last-child a").focus()
    }

    if (!$("#offcanvas-menu #social-nav-offcanvas").length == 0) {
      $("#offcanvas-menu #social-nav-offcanvas ul li:last-child a").focus()
    }
  })

  // Action On Esc Button For Search
  $(document).keyup(function (j) {
    $("body").removeClass("body-scroll-locked")
    if (j.key === "Escape") {
      // escape key maps to keycode `27`
      if ($(".header-searchbar").hasClass("header-searchbar-active")) {
        $(".header-searchbar").removeClass("header-searchbar-active")

        setTimeout(function () {
          $(".navbar-control-search").focus()
        }, 300)

        setTimeout(function () {
          $(".aside-search-js").focus()
        }, 300)
      }
    }
  })

  // Header Search Popup End

  // Action On Esc Button For Offcanvas
  $(document).keyup(function (j) {
    if (j.key === "Escape") {
      // escape key maps to keycode `27`

      if ($("#offcanvas-menu").hasClass("offcanvas-menu-active")) {
        $(".header-searchbar").removeClass("header-searchbar-active")
        $("#offcanvas-menu").removeClass("offcanvas-menu-active")
        $(".navbar-control-offcanvas").removeClass("active")
        $("body").removeClass("body-scroll-locked")

        setTimeout(function () {
          $(".navbar-control-offcanvas").focus()
        }, 300)
      }
    }
  })

  // Toggle Menu Start
  $(".navbar-control-offcanvas").click(function () {
    $(this).addClass("active")
    $("body").addClass("body-scroll-locked")
    $("#offcanvas-menu").toggleClass("offcanvas-menu-active")
    $(".button-offcanvas-close").focus()
  })

  $(".offcanvas-close .button-offcanvas-close").click(function () {
    $("#offcanvas-menu").removeClass("offcanvas-menu-active")
    $(".navbar-control-offcanvas").removeClass("active")
    $("body").removeClass("body-scroll-locked")
    $("html").removeAttr("style")
    $(".navbar-control-offcanvas").focus()
  })

  $("#offcanvas-menu").click(function () {
    $("#offcanvas-menu").removeClass("offcanvas-menu-active")
    $(".navbar-control-offcanvas").removeClass("active")
    $("body").removeClass("body-scroll-locked")
  })

  $(".offcanvas-wraper").click(function (e) {
    e.stopPropagation() //stops click event from reaching document
  })

  $(".skip-link-menu-end").focus(function () {
    $(".button-offcanvas-close").focus()
  })

  // Toggle Menu End

  // Data Background
  var pageSection = $(".data-bg")
  pageSection.each(function (indx) {
    var src = $(this).attr("data-background")
    if (src) {
      $(this).css("background-image", "url(" + src + ")")
    }
  })

  var rtled = false

  if ($("body").hasClass("rtl")) {
    rtled = true
  }

  // Content Gallery Slide Start
  $(
    "ul.wp-block-gallery.columns-1, .wp-block-gallery.columns-1 .blocks-gallery-grid, .gallery-columns-1,  twp-content-gallery .blocks-gallery-grid"
  ).each(function () {
    $(this).slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      fade: true,
      autoplay: false,
      autoplaySpeed: 8000,
      infinite: true,
      nextArrow:
        '<button type="button" class="slide-btn slide-next-icon"></button>',
      prevArrow:
        '<button type="button" class="slide-btn slide-prev-icon"></button>',
      dots: false,
      rtl: rtled,
    })
  })

  // Content Gallery End

  // Content Gallery popup Start
  $(".entry-content .gallery, .widget .gallery, .wp-block-gallery").each(
    function () {
      $(this).magnificPopup({
        delegate: "a",
        type: "image",
        closeOnContentClick: false,
        closeBtnInside: false,
        mainClass: "mfp-with-zoom mfp-img-mobile",
        image: {
          verticalFit: true,
          titleSrc: function (item) {
            return item.el.attr("title")
          },
        },
        gallery: {
          enabled: true,
        },
        zoom: {
          enabled: true,
          duration: 300,
          opener: function (element) {
            return element.find("img")
          },
        },
      })
    }
  )

  // Content Gallery popup End

  // flatten object by concatting values
  function concatValues(obj) {
    var value = ""
    for (var prop in obj) {
      value += obj[prop]
    }
    return value
  }

  // init Isotope
  var filterContainer = $(".twp-active-isotope").isotope({
    itemSelector: ".twp-archive-items-main",
    masonry: {
      columnWidth: ".mg-grid-sizer",
    },
    sortAscending: false,
    category: "[data-category]",
    getSortData: {
      number: function (item) {
        return parseFloat($(item).find(".twp-post-views").text())
      },
      points: function (item) {
        return parseFloat($(item).find(".twp-post-like").text())
      },
    },
  })

  // layout Isotope after each image loads
  filterContainer.imagesLoaded().progress(function () {
    filterContainer.isotope("layout")
  })

  // bind filter on select change
  $(".theme-categories-dropdown").on("click", "button", function () {
    // get filter value from option value
    var filterValue = $(this).attr("data-filter")
    var filterhtml = $(this).find("span").html()
    var filterclass = $(this).attr("class")
    $(this).hide()

    $(".theme-categories-selected").append(
      '<button class="twp-filter-' +
        filterclass +
        '" data-filter="' +
        filterValue +
        '"><span class="action-control-trigger" tabindex="-1">' +
        filterhtml +
        '<span class="theme-filter-icon">' +
        bloglog_custom.cross +
        "</span></span></button>"
    )

    $(".theme-categories-selected button").click(function () {
      $(".theme-categories-dropdown ." + filterclass).show()
      $(this).remove()

      // use filterFn if matches value
      bloglog_active_filter()
    })

    // use filterFn if matches value
    bloglog_active_filter()
  })

  $(".article-format-filter button").click(function () {
    if ($(this).hasClass("post-formate-filter-active")) {
      $(this).toggleClass("post-formate-filter-active")
    } else {
      $(".article-format-filter button").removeClass(
        "post-formate-filter-active"
      )
      $(this).toggleClass("post-formate-filter-active")
    }

    bloglog_active_filter()
  })

  $(".theme-categories-selection, .theme-categories-dropdown").mouseenter(
    function () {
      $(".article-categories-filter").addClass(
        "theme-categories-selection-active"
      )
    }
  )
  $(".theme-categories-selection, .theme-categories-dropdown").mouseleave(
    function () {
      $(".article-categories-filter").removeClass(
        "theme-categories-selection-active"
      )
    }
  )

  $(".theme-categories-selection").click(function () {
    $(".article-categories-filter").toggleClass(
      "theme-categories-selection-active"
    )
  })
  $(".twp-most-liked").click(function () {
    $(this).toggleClass("twp-orderby-active")
    $(".twp-most-viewed").removeClass("twp-orderby-active")
    bloglog_active_filter()
  })
  $(".twp-most-viewed").click(function () {
    $(this).toggleClass("twp-orderby-active")
    $(".twp-most-liked").removeClass("twp-orderby-active")
    bloglog_active_filter()
  })

  var mtFilterReset
  $(".article-filter-clear").click(function () {
    if ($(this).hasClass("filter-clear-selected")) {
      $(".article-filter-clear").removeClass("filter-clear-selected")
      $(".article-format-filter button").removeClass(
        "post-formate-filter-active"
      )
      $(".theme-categories-selected").empty()
      $(".twp-most-liked").removeClass("twp-orderby-active")
      $(".twp-most-viewed").removeClass("twp-orderby-active")

      bloglog_active_filter((mtFilterReset = false))
    }
  })

  function bloglog_active_filter(mtFilterReset = true) {
    if (mtFilterReset) {
      $(".article-filter-clear").addClass("filter-clear-selected")
    }

    var filterContent = {}
    var filterCat = ""
    var j = 1
    $(".theme-categories-selected button").each(function () {
      if (j == 1) {
        filterCat += $(this).attr("data-filter")
      } else {
        filterCat += ", " + $(this).attr("data-filter")
      }

      j++
    })

    if (filterCat) {
      filterContent["category"] = filterCat
    } else {
      var filterCat = "*"
    }

    var filterFormate = ""
    $(".article-format-filter button").each(function () {
      if ($(this).hasClass("post-formate-filter-active")) {
        filterFormate += $(this).attr("data-filter")
      }
    })

    if (filterFormate) {
      filterContent["formate"] = filterFormate
    } else {
      var filterFormate = "*"
    }

    var filterValue = concatValues(filterContent)

    var order_by = ""

    if ($(".twp-most-liked").hasClass("twp-orderby-active")) {
      order_by = "points"
    }

    if ($(".twp-most-viewed").hasClass("twp-orderby-active")) {
      order_by = "number"
    }

    if (order_by) {
      filterContainer.isotope({
        filter: filterValue,
        sortAscending: false,
        sortBy: order_by,
      })
    } else {
      filterContainer.isotope({
        filter: filterValue,
        sortAscending: true,
        sortBy: "original-order",
      })
    }
  }

  // Navigation toggle on scroll
  $(window).scroll(function () {
    if ($(window).scrollTop() > $(window).height() / 2) {
      $("body").addClass("theme-floatingbar-active")
    } else {
      $("body").removeClass("theme-floatingbar-active")
    }
  })

  // Scroll to Top on Click
  $(".to-the-top").click(function () {
    $("html, body").animate(
      {
        scrollTop: 0,
      },
      700
    )
    return false
  })

  // Widgets Tab

  $(".twp-nav-tabs .tab").on("click", function (event) {
    var tabid = $(this).attr("tab-data")
    $(this).closest(".tabbed-container").find(".tab").removeClass("active")
    $(this).addClass("active")
    $(this)
      .closest(".tabbed-container")
      .find(".tab-content .tab-pane")
      .removeClass("active")
    $(this)
      .closest(".tabbed-container")
      .find(".content-" + tabid)
      .addClass("active")
  })

  // Day Night Mode Start

  $(".navbar-day-night").on("click", function () {
    if ($(this).hasClass("navbar-day-on")) {
      $("html").removeClass("night-mode")
      $("html").addClass("night-mode")
      $(".navbar-day-night").addClass("navbar-night-on")
      $(".navbar-day-night").removeClass("navbar-day-on")
      $(".jl_en_day_night").addClass("options_dark_skin")
      $(".mobile_nav_class").addClass("wp-night-mode-on")

      Bloglog_SetCookie("MasonryGridNightDayMode", "true", 365)
    } else if ($(this).hasClass("navbar-night-on")) {
      $("html").removeClass("night-mode")
      $(".navbar-day-night").addClass("navbar-day-on")
      $(".navbar-day-night").removeClass("navbar-night-on")
      $(".jl_en_day_night").removeClass("options_dark_skin")
      $(".mobile_nav_class").removeClass("wp-night-mode-on")

      Bloglog_SetCookie("MasonryGridNightDayMode", "false", 365)
    }
  })

  // Add class and remove on element regarding mode
  if (Bloglog_GetCookie("MasonryGridNightDayMode") == "true") {
    $("html").addClass("night-mode")
    $(".navbar-day-night ").removeClass("navbar-day-on")
    $(".navbar-day-night ").addClass("navbar-night-on")
  } else {
    $("html").removeClass("night-mode")
    $(".navbar-day-night ").removeClass("navbar-night-on")
    $(".navbar-day-night ").addClass("navbar-day-on")
  }

  // Day Night Mode End
})

/*  -----------------------------------------------------------------------------------------------
    Intrinsic Ratio Embeds
--------------------------------------------------------------------------------------------------- */

var MasonryGrid = MasonryGrid || {},
  $ = jQuery

var $bloglog_doc = $(document),
  $bloglog_win = $(window),
  viewport = {}
viewport.top = $bloglog_win.scrollTop()
viewport.bottom = viewport.top + $bloglog_win.height()

MasonryGrid.instrinsicRatioVideos = {
  init: function () {
    MasonryGrid.instrinsicRatioVideos.makeFit()

    $bloglog_win.on("resize fit-videos", function () {
      MasonryGrid.instrinsicRatioVideos.makeFit()
    })
  },

  makeFit: function () {
    var vidSelector = "iframe, .format-video object, .format-video video"

    $(vidSelector).each(function () {
      var $bloglog_video = $(this),
        $bloglog_container = $bloglog_video.parent(),
        bloglog_iTargetWidth = $bloglog_container.width()

      // Skip videos we want to ignore
      if (
        $bloglog_video.hasClass("intrinsic-ignore") ||
        $bloglog_video.parent().hasClass("intrinsic-ignore")
      ) {
        return true
      }

      if (!$bloglog_video.attr("data-origwidth")) {
        // Get the video element proportions
        $bloglog_video.attr("data-origwidth", $bloglog_video.attr("width"))
        $bloglog_video.attr("data-origheight", $bloglog_video.attr("height"))
      }

      // Get ratio from proportions
      var bloglog_ratio =
        bloglog_iTargetWidth / $bloglog_video.attr("data-origwidth")

      // Scale based on ratio, thus retaining proportions
      $bloglog_video.css("width", bloglog_iTargetWidth + "px")
      $bloglog_video.css(
        "height",
        $bloglog_video.attr("data-origheight") * bloglog_ratio + "px"
      )
    })
  },
}

$bloglog_doc.ready(function () {
  MasonryGrid.instrinsicRatioVideos.init() // Retain aspect ratio of videos on window resize
})

$(document).ready(function () {
  var time = 4
  var $bar, $slick, isPause, tick, percentTime

  $slick = $(".mg-carousel-action")
  $slick.slick({
    draggable: true,
    adaptiveHeight: false,
    dots: false,
    mobileFirst: true,
    pauseOnDotsHover: true,
    nextArrow:
      '<button type="button" class="slide-btn slide-next-icon"></button>',
    prevArrow:
      '<button type="button" class="slide-btn slide-prev-icon"></button>',
  })

  $bar = $(".slider-progress .progress")

  $(".mg-carousel-action").on({
    mouseenter: function () {
      isPause = true
    },
    mouseleave: function () {
      isPause = false
    },
  })

  function startProgressbar() {
    resetProgressbar()
    percentTime = 0
    isPause = false
    tick = setInterval(interval, 10)
  }

  function interval() {
    if (isPause === false) {
      percentTime += 1 / (time + 0.1)
      $bar.css({
        width: percentTime + "%",
      })
      if (percentTime >= 100) {
        $slick.slick("slickNext")
        startProgressbar()
      }
    }
  }

  function resetProgressbar() {
    $bar.css({
      width: 0 + "%",
    })
    clearTimeout(tick)
  }
  startProgressbar()

  $(".slide-btn").click(function () {
    startProgressbar()
  })
})

// timeline section

let moreBtn = document.querySelectorAll(".theme-more-btn")

let defaultNumber = 8

// hiding "show more" button if elements are less than {defaultNumber}

moreBtn.forEach(function (btn) {
  let prevSibling = btn.previousElementSibling
  if (prevSibling.classList.contains("theme-timeline-list")) {
    let li = prevSibling.querySelectorAll("li")
    showHideButton(li, btn)
  } else {
    let catLinks = prevSibling.querySelectorAll(".cat-links a")
    showHideButton(catLinks, btn)
  }
})

function showHideButton(link, btn) {
  if (link.length < defaultNumber) {
    btn.style.display = "none"
  } else {
    btn.style.display = "block"
  }
}

// showing {defaultNumber} of element by default and hiding rest of element

moreBtn.forEach(function (btn) {
  let prevSibling = btn.previousElementSibling
  if (prevSibling.classList.contains("theme-timeline-list")) {
    let li = prevSibling.querySelectorAll("li")
    showList(li)
  } else {
    let catLinks = prevSibling.querySelectorAll(".cat-links a")
    showList(catLinks)
  }
})

function showList(list) {
  for (let i = defaultNumber; i < list.length; i++) {
    list[i].classList.add("hide")
  }
}

// showing rest of element when "show more" button is clicked and hiding element when "show less" button is clicked

moreBtn.forEach(function (btn) {
  btn.addEventListener("click", function (e) {
    e.preventDefault()
    let prevSibling = btn.previousElementSibling
    if (prevSibling.classList.contains("theme-timeline-list")) {
      let li = prevSibling.querySelectorAll("li")
      showHide(li, btn)
    } else {
      let catLinks = prevSibling.querySelectorAll(".cat-links a")
      showHide(catLinks, btn)
    }
  })
})

function showHide(data, btn) {
  let aTag = btn.querySelector("a")
  for (let i = defaultNumber; i < data.length; i++) {
    data[i].classList.toggle("hide")

    if (!data[i].classList.contains("hide")) {
      aTag.textContent = "show less"
    } else {
      aTag.textContent = "show more"
    }
  }
}