/*!stogram2021-08-31*/
$.fn.ready(function() {
    setTimeout(function() {
        $('[role="loading"]').removeClass("unload").addClass("completed"),
        $(window).trigger("scroll")
    }, 200),
    $(".richtext img").height("auto"),
    $(".btn-toggle-menu").on("click", function(a) {
        $("body").toggleClass("opened"),
        a.stopPropagation()
    }),
    $(".btn-toggle-search").on("click", function(a) {
        $(".form-search").toggleClass("opened"),
        a.stopPropagation()
    }),
    $(window).scroll(function() {
        $(window).scrollTop() >= 100 ? $(".st-shortcut").addClass("fixed") : $(".st-shortcut").removeClass("fixed")
    }),
    $(window).trigger("scroll"),
    $(".subopen").on("click", function(a) {
        $(this).parent().siblings().removeClass("opened"),
        $(this).parent().addClass("opened")
    }),
    $(".subclose").on("click", function(a) {
        $(".st-header .mobnav li").removeClass("opened")
    })
});
var apiGateway = "https://author2023.piers.org/jsapi/";
var url = new URL(window.location.href);
var params = new URLSearchParams(url.search);
var skey=params.get('q')
$.fn.ready(function() {
    $(".js-focus").length && ($(".js-focus").html('<div class="focus-box-col1">Loading...</div><div class="focus-box-col2 scrollbar">Loading...</div><div class="focus-box-col3 scrollbar">Loading...</div>'),
    $(".focus-box-col1").html('<div class="loading" role="loading"><div class="spinner"></div></div>'),
    $.get(apiGateway + "subcommittee", function(a) {
        var b = new Array
        ,sc=a.data;

        $.each(a.data, function() {
            var a = this.name.split(".");
            b.push('<li><a href="javascript:;" class="js-subcommittee" data-id="' + this.id + '" data-name="' + this.name + '">' + a[0] + " [" + this.count + " Sessions]</a></li>")
        }),
        $(".focus-box-col1").html("<ul>" + b.join("") + "</ul>"),
        $(".focus-box-col2").html('<div class="loading" role="loading"><div class="spinner"></div></div>'),
        $(".js-subcommittee").on("click", function() {
            var a = $(this).data("id")
              , b = $(this).data("name")
              ,skey=$("#searchid").val();
              $("#searchid").val("");
            $(".js-subcommittee").removeClass("active"),
            $(this).addClass("active"),
            $(".focus-box-col2").html('<div class="loading" role="loading"><div class="spinner"></div></div>'),
            $(".focus-box-col2").animate({
                scrollTop: 0
            }, 100),
            $.get(apiGateway + "session", {
                sid: a,
                q:skey
            }, function(a) {
                var c = new Array;
                 b=sc[a.data.list[0]['subcommittee']-1]['name'] ? sc[a.data.list[0]['subcommittee']-1]['name'] : b;
                // console.log(sc[a.data.list[0]['subcommittee']-1]['name']);
                // console.log(a),
                a.data.total > 0 ? $.each(a.data.list, function() {
                    organizer = new Array,
                    $.each(this.organizer, function() {
                        organizer.push('<span style="margin-left:.25em">' + this.title + " " + this.first_name + " " + this.last_name + "</span>")
                    }),
                    c.push('<li><div class="js-session" data-id="' + this.session_id + '"><b>' + this.name + '</b><div style="color:#666"><small><span>Organized by:</span> ' + organizer.join(", ") + '</small></div> <a href="/session.html?sid=' + this.session_id + '" target="_blank" > View More >></a></div></li>')
                }) : c.push('<div class="notfound">There are no public  sessions now.</div>'),
                $(".focus-box-col2").html("<h4>" + b + "</h4><ul>" + c.join("") + "</ul>"),
                $(".focus-box-col3").html('<div class="loading" role="loading"><div class="spinner"></div></div>'),
                $(".js-session").on("click", function() {
                    var a = $(this).data("id");
                    $(".js-session").removeClass("active"),
                    $(this).addClass("active"),
                    $(".focus-box-col3").html('<div class="loading" role="loading"><div class="spinner"></div></div>'),
                    $(".focus-box-col3").animate({
                        scrollTop: 0
                    }, 100),
                    $.get(apiGateway + "session/detail", {
                        id: a
                    }, function(a) {
                        var b = a.data
                          , c = '<div class="session-title"><h4>Session Title</h4></div>';
                        c += "<h5>" + b.name + "</h5>",
                        c += '<a href="/session.html?sid=' + b.session_id + '" class="btn btn-more" target="_blank">View more</a>',
                        c += '<div class="organizers"><h4>Session Organizers</h4>',
                        $.each(b.organizer, function() {
                            c += '<div class="card card-people">',
                            c += '<div class="card-img"><img src="' + this.avatar + '" /></div>',
                            c += '<div class="card-body">',
                            c += '<a href="https://piers.org/profile.html?uid=' + this.people_id + '" target="_blank" class="name">' + (this.first_name + " " + this.last_name) + "</a>",
                            c += '<div class="title">' + this.title + "</div>",
                            c += '<div class="institute">' + this.institute + "</div>",
                            c += "</div></div>"
                        }),
                        c += "</div>",
                        c += '<div class="information"><h4>Session Information</h4><div class="content">' + b.notes + "</div></div>",
                        c += '<div class="paper"><h4>Submitted Talks</h4><ul>',
                        $.each(b.paper, function() {
                            c += "<li>" + this.title + "</li>"
                        }),
                        c += "</ul></div>",
                        $(".focus-box-col3").html(c)
                    })
                }),
                $(".focus-box-col2 li:first-child>.js-session").trigger("click")
            })
        }),
        $(".focus-box-col1 li:nth-child(" + (location.hash == '' ? '1' : location.hash.substr(1)) + ")>a").trigger("click")
    }))
});