<!-- init zoomable images -->
<script>
    $(function () {
        mediumZoom('.img-zoomable', {
            margin: 32
        });
    });
</script>

<!-- utterances comment loading indicator -->
{{ if and (.IsPage) (.Site.Params.utterancesRepo) }}
<script>
    $(function () {
        var commentStatus;
        var commentLoadingTime = 0;
        var commentCheckInterval = self.setInterval(checkUtterances, 500);

        function checkUtterances() {
            commentStatus = $('.post-comment .utterances').attr('style');
            if (commentStatus == undefined) {
                commentLoadingTime += 1;
                if (commentLoadingTime > 20) {
                    clearInterval(commentCheckInterval);
                    $('.post-comment').hide();
                    $('.post-loading p').text('{{ i18n "postCommentLoadingFailed" }}');
                    $('.post-loading i').attr('class', 'far fa-times-circle');
                }
                return;
            } else {
                clearInterval(commentCheckInterval);
                $('.post-loading').hide();
            }
        }
    });
</script>
{{ end }}

<!-- toc smooth scroll & APlayer cjk html anchor fix -->
{{ if in .Site.Params.mainSections .Type }}
<script>
    $('.widget-toc a').click(function () {
        $('html, body').animate({
            scrollTop: $($(this).attr('href')).offset().top
        });
    });
</script>
{{ end }}
{{ if .Site.Params.scrollTop }}
<!-- scroll to top button -->
<script>
    $('#scroll-top').click(function () {
        $('html, body').animate({
            scrollTop: 0
        });
    });
</script>
{{ end }}

<!-- in-post APlayer -->
{{ with .Params.playerURL }}
<script>
    $(function () {
        const postAPlayer = new APlayer({
            container: document.getElementById('post-aplayer'),
            theme: '#8F82BC',
            volume: 0.1,
            audio: [{
                name: '{{ $.Params.playerName }}',
                artist: '{{ $.Params.playerArtist }}',
                url: '{{ . }}',
                cover: '{{ $.Params.playerCover }}'
            }]
        });
    });
</script>
{{ end }}
<!-- site global APlayer -->
{{ with .Site.Params.playerURL }}
<script>
    $(function () {
        const siteAPlayer = new APlayer({
            container: document.getElementById('aplayer'),
            fixed: true,
            theme: '#8F82BC',
            volume: 0.1,
            audio: [{
                name: '{{ $.Site.Params.playerName }}',
                artist: '{{ $.Site.Params.playerArtist }}',
                url: '{{ . }}',
                cover: '{{ $.Site.Params.playerCover }}'
            }]
        });
    });
</script>
{{ end }}