$(function () {

    var ss_options = {
        speed: 500,
        speedAsDuration: true,
        easing: 'easeInOutCubic',
        offset: function(anchor, toggle) {
            return $("[data-scroll-header]").outerHeight() - 5;
        },
        updateURL: false,
        popstate: true,
        emitEvents: true,
    }

    var scroll = new SmoothScroll('a[href*="#"]', ss_options);

    var scroll_to_card = getUrlParam("card");

    if (scroll_to_card) {
        scrollTo(scroll_to_card);
    }

    function scrollTo(cid) {
        var s_anchor = document.querySelector('#card-id-' + cid);
        if (s_anchor) {
            scroll.animateScroll(s_anchor, null, ss_options);
        }
    }

    $(".scroll-element").on("click", function() {
        var cid = $(this).attr("data-card-id");
        if (cid) {
            scrollTo(cid);
        }
    });

});