$(function () {
    // lightbox listener
    var lightboxOpen = false,
        lightboxSelector = 'a[rel="lightbox"]';

    $(lightboxSelector)
        .on('openstart.fluidbox', function () {
            lightboxOpen = true;
        })
        .on('closestart.fluidbox', function () {
            lightboxOpen = false;
        })
        .fluidbox();

    $(document).keydown(function (e) {
        if (lightboxOpen && e.keyCode === 27) {
            $(lightboxSelector).trigger('close.fluidbox');
        }
    });

    $(window).scroll(function () {
        if (lightboxOpen) {
            $(lightboxSelector).trigger('close.fluidbox');
        }
    });

    // generating article card headers
    var $articleCardHeaders = $('.article-card .card-body > h2, .article-card .card-body > h3');
    $articleCardHeaders.filter('[id]').each(function () {
        var header = $(this),
            headerID = header.attr('id');

        if (headerID) {
            // generating clickable anchor links and id
            header.append(`<a href="#${this.id}" class="header-link" aria-hidden="true" title="Permalink">
                <i class="fa fa-link" aria-hidden="true"></i>
            </a>`);

            // generating toc-nav li via headers in article
            $('.toc-nav').append(`<li class="toc-entry toc-${this.localName}">
                <a href="#${this.id}">${this.textContent}</a>
            </li>`);
        }
        return this;
    });

    if ($articleCardHeaders.length === 0) {
        $('.bd-toc').attr('style', 'display: none !important');
    }

    // active class on toc right sidebar on scroll
    var addClassOnScroll = function () {
        var windowTop = $(window).scrollTop();

        $('.bd-content .article-card .card-body h2[id], .bd-content .article-card .card-body h3[id]').each(function (_, el) {
            var offsetTop = $(el).offset().top;
            var outerHeight = $(this).outerHeight(true);

            if (windowTop > (offsetTop - 56) && windowTop < ( offsetTop + outerHeight)) {
                var elId = $(el).attr('id');
                $(".toc-nav .toc-entry a.active").removeClass('active');
                $(".toc-nav .toc-entry a[href='#" + elId + "']").addClass('active');
            }
        });
    };

    $(window).on('scroll', function () {
        addClassOnScroll();
    });

    // smooth scrolling
    $('a[href^="#"]').click(function () {
        var target = $(this.hash);
        var hash = this.hash;

        if (target.length == 0) target = $('a[name="' + this.hash.substr(1) + '"]');
        if (target.length == 0) target = $('html');

        $('html, body').animate({
            scrollTop: target.offset().top - $('#main-nav').outerHeight()
        }, 500, function () {
            if (history.pushState) {
                history.pushState(null, null, hash);
            } else {
                location.hash = hash;
            }
        });
        return false;
    });

    // collapse sidebar
    // $('#bd-docs-nav').toggleClass('show', $(window).width() > 1024);
});

    // navigable in-article tabs
    var triggerTabList = [].slice.call(document.querySelectorAll('#myTab a'))
  triggerTabList.forEach(function (triggerEl) {
    var tabTrigger = new bootstrap.Tab(triggerEl)

    triggerEl.addEventListener('click', function (event) {
      event.preventDefault()
      tabTrigger.show()
    });
  });