var player
$(function () {

    $('select[name="city"]').on('change', function () {
        let htmlText = '<option selected>鄉鎮市區</option>';
        for (const dist of areaList[$('select[name="city"]').val()] || []) {
            htmlText += '<option value="' + dist + '">' + dist + '</option>';
        }
        $('select[name="district"]').val('');
        $('select[name="district"]').html(htmlText);
    });


    const tag = document.createElement('script');
    tag.src = "https://www.youtube.com/iframe_api";
    const firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

});

function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '630',
        width: '1120',
        videoId: 'TJs72n_Sk-k',
        playerVars: {
            playsinline: 1,
            autoplay: 1, 
            controls: 0,
            modestbranding: 1,
            rel:0,
        },
        events: {
            'onStateChange': function (stateChange) {
                if (stateChange.data === YT.PlayerState.PLAYING) {
                    GA('click', '舒沁', '影片播放');
                }
            }
        }
    });
}

$(window).on('load', function () {
    console.log('load!!');
    AOS.init();


    const baseTimeStar = 300;
    setTimeout(() => $('.body-box:visible .star.p1').addClass('shake-constant'), baseTimeStar * 1);
    setTimeout(() => $('.body-box:visible .star.p2').addClass('shake-constant'), baseTimeStar * 2);
    setTimeout(() => $('.body-box:visible .star.p3').addClass('shake-constant'), baseTimeStar * 3);
    setTimeout(() => $('.body-box:visible .star.p6').addClass('shake-constant'), baseTimeStar * 4);
    setTimeout(() => $('.body-box:visible .star.p5').addClass('shake-constant'), baseTimeStar * 5);
    setTimeout(() => $('.body-box:visible .star.p4').addClass('shake-constant'), baseTimeStar * 6);
    setTimeout(() => $('.p1-box:visible .star.end').addClass('shake-constant'), baseTimeStar * 7);

});