function initProcess(){
    $(".progress").css({"height":"2rem","font-size":"1.5rem","border-radius":"0.25rem"});
    $("#progressbar1").attr("aria-valuenow", 0).css("width", 0 + "%").text("");
    $("#progressbar2").attr("aria-valuenow", 0).css("width", 0 + "%").text("").css({"background-color":"#005f99"});
    $("#result-wait-1").css('display', 'none');
    $("#result-wait-2").css('display', 'none');
    $("#result-wait-4").css('display', 'none');
    $("#result-wait-3").css('display', 'none');
    $("#result-wait-5").css('display', 'block');
    $("#result-wait-6").css('display', 'none');
    $("#result-wait-7").css('display', 'none');
}

function show_model(kdata,title,ext,note){
    downloadTitle = title;
    downloadUrl[ext][note] = kdata.downloadUrlX;
    $("#de-loader").css('display', 'none');
    $("#result-wait").css('display', 'none');

    $("#myModalLabel").text(title);
    $('#myModal').modal('show');
    try {
        // show ads
        if ( open_ads == "1") {

            $("#A_downloadUrl").attr("target", "_blank");
            var href_prefix = lang == 'en' ? "/" : ("/" + lang + "/");
            
            $("#A_downloadUrl").attr("href", "https://s.ssstiktok.ws"+ href_prefix +"?url=" + kdata.downloadUrlX + "&ref=" + window.location.href );

        } else {
            $("#A_downloadUrl").attr("href", kdata.downloadUrlX);
        }
    } catch (e) {
        $("#A_downloadUrl").attr("href", kdata.downloadUrlX);
        console.log(e)
    }
    
    return;

    var a = Math.random();
    var adurl;
    if (a < 1) {
        adurl = "https://chatgpt.www-2048.com?ext=" + encodeURIComponent(ext) + "&title=" + encodeURIComponent(title) + "&url=" + encodeURIComponent(kdata.downloadUrlX) + "&dd=1";
    } else{
        adurl = "https://chatgpt.www-2048.com?ext=" + encodeURIComponent(ext) + "&title=" + encodeURIComponent(title) + "&url=" + encodeURIComponent(kdata.downloadUrlX) + "&dd=1";
    }
    if (isWindowOpenUrl(adurl)) {
        return;
    } else {
        if (Math.random() < 1) {
            $("#myModalLabel").text(title);
            $('#myModal').modal('show');
            $("#A_downloadUrl").attr("target", "_blank");
            $("#A_downloadUrl").click(function () {
                $('#myModal').modal('hide');
            })
            $("#A_downloadUrl").attr("href", adurl);
        } else {
            $("#myModalLabel").text(title);
            $('#myModal').modal('show');
            $("#A_downloadUrl").attr("href", kdata.downloadUrlX);
        }
    }
}

function downloadStatus(url, title, id, ext, totalSize, note, format, countP) {

    if (countP != count || status_stop) {
        return;
    }
    if (!downloadUrl[ext][note]) {
        $.ajax({
            type: "POST",
            url: getStatusHost(id),
            headers: {
                "x-note": note
            },
            data: {
                platform: "youtube",
                url: url,
                title: title,
                id: id,
                ext: ext,
                note: note,
                format: format,
            },
            dataType: "json",
            success: function (kdata) {
                if (countP == count) {
                    if (downloadUrl[ext][note]) {
                        d_busy = false;// by timer
                        return;
                    }
                    if (kdata.status == 'success') {
                        show_model(kdata,title,ext,note);
                        d_busy = false;
                    } else if (kdata.status == 'convert_ready') {
                        setTimeout(function () {
                            download(url, title, id, ext, totalSize, note, format, countP);
                        }, 20000)
                    } else if (kdata.status == 'processing') {
                        setTimeout(function () {
                            downloadStatus(url, title, id, ext, totalSize, note, format, countP);
                        }, 4000)
                        if(kdata["type"] != undefined && kdata["type"]=="downloading" ){
                            if (kdata.percent != undefined) {
                                var p = parseInt(kdata.percent.substr(0, kdata.percent.length - 1));
                                var nowP = $("#progressbar1").attr("aria-valuenow");
                                if (p > nowP) {
                                    $("#progressbar1").attr("aria-valuenow", p);
                                    $("#progressbar1").css("width", p + "%");
                                    $("#progressbar1").text(p + "%");
                                }
                            }
                            $("#result-wait-1").css('display', 'block');
                            $("#result-wait-5").css('display', 'none');
                            $("#result-wait-6").css('display', 'none');
                            $("#result-wait-7").css('display', 'none');

                        }
                        if(kdata["type"] != undefined && kdata["type"]=="converting"){
                            $("#result-wait-1").css('display', 'none');
                            if(note == "mp3-128k" || note == "mp3-320k"){
                                $("#result-wait-4").css('display', 'block');
                            }else{
                                $("#result-wait-2").css('display', 'block');
                            }
                            $("#result-wait-3").css('display', 'none');
                            $("#result-wait-5").css('display', 'none');
                            $("#result-wait-6").css('display', 'none');
                            $("#result-wait-7").css('display', 'none');
                            if (kdata.percent != undefined) {
                                var p = parseInt(kdata.percent.substr(0, kdata.percent.length - 1));
                                var nowP = $("#progressbar2").attr("aria-valuenow");
                                $("#progressbar1").attr("aria-valuenow", 100);
                                $("#progressbar1").css("width", 100-p + "%");
                                $("#progressbar1").text("");
                                if (p > nowP) {
                                    $("#progressbar2").attr("aria-valuenow", p);
                                    $("#progressbar2").css("width", p + "%");
                                    $("#progressbar2").text(p + "%");
                                }
                            }
                        }
                        if(kdata["type"] != undefined && kdata["type"]=="merging"){
                            $("#progressbar1").attr("aria-valuenow", 100);
                            $("#progressbar1").css("width", 0 + "%");
                            $("#progressbar1").text("");
                            $("#progressbar2").attr("aria-valuenow", 100);
                            $("#progressbar2").css("width", 100 + "%");
                            $("#progressbar2").text(100 + "%");
                            $("#result-wait-1").css('display', 'none');
                            $("#result-wait-2").css('display', 'none');
                            $("#result-wait-4").css('display', 'none');
                            $("#result-wait-5").css('display', 'none');
                            $("#result-wait-6").css('display', 'none');
                            $("#result-wait-7").css('display', 'none');
                            $("#result-wait-3").css('display', 'block');

                        }
                        if (kdata["type"] != undefined && kdata["type"]=='analyse_start'){
                            console.log(kdata["type"])
                            $("#result-wait-1").css('display', 'none');
                            $("#result-wait-2").css('display', 'none');
                            $("#result-wait-3").css('display', 'none');
                            $("#result-wait-4").css('display', 'none');
                            $("#result-wait-6").css('display', 'none');
                            $("#result-wait-7").css('display', 'none');
                            $("#result-wait-5").css('display', 'block');
                        }
                        if (kdata["type"] != undefined && kdata["type"]=='retry_analyse_start'){
                            console.log(kdata["type"])
                            $("#result-wait-1").css('display', 'none');
                            $("#result-wait-2").css('display', 'none');
                            $("#result-wait-3").css('display', 'none');
                            $("#result-wait-4").css('display', 'none');
                            $("#result-wait-5").css('display', 'none');
                            $("#result-wait-7").css('display', 'none');
                            $("#result-wait-6").css('display', 'block');
                        }
                        if (kdata["type"] != undefined && kdata["type"]=='download_start'){
                            console.log(kdata["type"])
                            $("#result-wait-1").css('display', 'none');
                            $("#result-wait-2").css('display', 'none');
                            $("#result-wait-3").css('display', 'none');
                            $("#result-wait-4").css('display', 'none');
                            $("#result-wait-5").css('display', 'none');
                            $("#result-wait-6").css('display', 'none');
                            $("#result-wait-7").css('display', 'block');
                        }
                    }else {
                        showDownloadErrorModal("Some errors occurred during conversion, try again or use another link")
                    }
                }

            },
            error() {
                if (countP == count) {

                    // showDownloadErrorModal("Some errors occurred during conversion, try again or use another link")
                    d_busy = false;
                }
            }
        });
    }
}


function download(url, title, id, ext, totalSize, note, format, countP) {
    console.log("count", countP);

    if (document.querySelector('#convert') !== null) {
        document.querySelector('#convert').scrollIntoView({ behavior: 'smooth' });
    }

    if (countP !== undefined && countP !== count) {
        return;
    }
    if (!downloadUrl[ext][note] && !d_busy) {
        if (countP == undefined) {
            countP = count;
        }
        d_busy = true;
        status_stop = false;
        $.ajax({
            type: "POST",
            headers: {
                "x-note": note
            },
            url: getDownloadHost(id),
            data: {
                platform: "youtube",
                url: url,
                title: title,
                id: id,
                ext: ext,
                note: note,
                format: format
            },
            dataType: "json",
            beforeSend: function () {
                initProcess()
                $("#de-loader").css('display', 'inline');
                $("#result-wait").css('display', 'inline');

                setTimeout(function () {
                    downloadStatus(url, title, id, ext, totalSize, note, format, countP);
                }, 4000)
            },
            success: function (kdata) {
                if (countP == count) {
                    d_busy = false;
                    if (downloadUrl[ext][note]) { // by timer
                        return;
                    }
                    if (kdata.status == 'success') {
                        show_model(kdata,title,ext,note)
                        if (document.querySelector('#convert') !== null) {
                            document.querySelector('#convert').scrollIntoView({ behavior: 'smooth' });
                        }
                    } else if (kdata.status == 'convert_ready') {
                        setTimeout(function () {
                            download(url, title, id, ext, totalSize, note, format, countP);
                        }, 20000)
                    }else if (kdata.status == 'busy') {
                        status_stop = true;
                        showDownloadErrorModal("Service is busy, Please try again later!")
                    }else if (kdata.status == 'country_error' || kdata.status == 'unsupported_url') {
                        status_stop = true;
                        showDownloadErrorModal("Not support this link, please use another link!")
                    } else if (kdata.status == 'live_error') {
                        status_stop = true;
                        showDownloadErrorModal("The live broadcast has just ended. You need to wait 3-7 days before downloading")
                    } else if (kdata.status == 'sign_in_error' || kdata.status == 'timed_out_error' || kdata.status == 'not_response') {
                        status_stop = true;
                        showDownloadErrorModal("Some errors occurred during conversion, please try again!")
                    } else {
                        status_stop = true;
                        showDownloadErrorModal("Some errors occurred during conversion, try again or use another link!")
                    }
                }

            },
            error() {
                if (countP == count) {
                    d_busy = false;
                    status_stop = true;
                    showDownloadErrorModal("Some errors occurred during conversion, try again or use another link!")
                }
            }
        });
    } else {
        if (downloadUrl[ext][note]) {
            $("#myModalLabel").text(downloadTitle);
            $('#myModal').modal('show');
           // $("#A_downloadUrl").attr("href", downloadUrl[ext][note]);
            $("#A_downloadUrl").attr("href", "https://s.ssstiktok.ws/?url=" + downloadUrl[ext][note] + "&ref=" + window.location.href );
        }
    }

}

function showDownloadErrorModal(errorMsg){
    $("#de-loader").css('display', 'none');
    $("#result-wait").css('display', 'none');
    $("#downloadErrorLabel").html("Online download service error, You can try again or use <a href='https://iflydown.com/?aaa-yt1d'>iflydown video downloader</a> to download.")
    // $("#downloadErrorLabel").text(errorMsg);
    $('#downloadErrorModal').modal('show');
}
function isWindowOpenUrl(url) {
    let isBlocked = false
    try {
        let popup = window.open(url, "_blank");
        if (popup == null || typeof (popup) == "undefined") {
            isBlocked = true
        }
    } catch (e) {
        isBlocked = true
    }
    return !isBlocked;
}

let cftoken = "";
function analyze(retry) {
    // 禁用按钮
    $('#btn-submit').css('pointer-events', "none");
    $("#result").empty();

    turnstile.render("#captchaContainer", {
        sitekey: "0x4AAAAAAAzuNQE5IJEnuaAp",
        // sitekey: "1x00000000000000000000AA",
        callback: function (token) {
            cftoken = token
            setTimeout(()=>{
                analyzeReal(retry);
                $("#captchaContainer").empty()
            },500)
        },
        errorCallback: function(error) {
            $('#btn-submit').css('pointer-events', "auto");
            $(".dropdown-menu").css('display', 'none');
            $("#de-loader").css('display', 'none');
            $("#result").empty().append("<div class=\"tabs row\">\n" +
                "                \n" +
                "                    <div class=\"col-xs-12 col-12 col-sm-12 col-md-12\">\n" +
                "                        <div class=\"caption text-left\"> <b></b> \n" +
                "                            <div role=\"alert\" class=\"alert alert-danger text-center\"> \n" +
                "                                <span class=\"glyphicon glyphicon-exclamation-sign\" aria-hidden=\"true\"></span> \n" +
                "                                <span class=\"sr-only\">Error : </span> Challenge Failed, Please try again later<br>  \n" +
                "                            </div> \n" +
                "                        </div>\n" +
                "                    </div>\n" +
                "                    <div class=\"clearfix\"></div>\n" +
                "                </div>");
        }
    });
}

function analyzeReal(retry) {
    if(!a_busy){
        a_busy = true;
        $('#btn-submit').css('pointer-events', "none");
        downloadTitle = null;
        downloadUrl = {"mp3": {}, "mp4": {}};
        count += 1;
        d_busy = false;
        $("#de-loader").css('display', 'none');
        $("#result-wait").css('display', 'none');
        $("#error_youtube_url").hide();

        var k_query = $('#txt-url').val().trim();
        if (k_query.trim() === "") {
            a_busy = false;
            $('#btn-submit').css('pointer-events', "auto");
            return;
        }

        var platform = "youtube";
        if (k_query.indexOf("fb.watch") >= 0 || k_query.indexOf("facebook.com") >= 0) {
            // platform = "facebook";
        } else if (k_query.indexOf("tiktok.com") >= 0) {
            // platform = "tiktok";
        } else if (k_query.indexOf("instagram.com") >= 0) {
            // platform = "instagram";
        }

        $.ajax({
            type: "POST",
            url: getAnalyseHost(k_query,platform,retry),
            dataType: 'json',
            data: {
                url: k_query,
                ajax: 1,
                lang:lang,
                cftoken:cftoken
            },
            beforeSend: function () {
                $(".dropdown-menu").css('display', 'none');
                $("#de-loader").css('display', 'inline');
                $("#result").empty();
                $("#captchaContainer").empty();
                $("#btn-submit").focus();
            },
            success: function (rpdata) {
                $(".dropdown-menu").css('display', 'none');
                $("#de-loader").css('display', 'none');
                if (rpdata.status == 'success') {
                    $("#result").empty().append(rpdata.result);
                    // if (window.screen.width <= 800) {
                    $("#search-result a").attr("target", "_self");
                    $("#myTabContent a").attr("target", "_blank");
                    // }
                    var href_prefix = lang == 'en' ? "/" : ("/" + lang + "/");
                    $.each($("#search-result a"), function (idx, val) {
                        if($(val).attr('href').indexOf("watch?v=")>=0){
                            $(val).attr('href', href_prefix + $(val).attr('href'))
                        }
                    });
                    if (document.querySelector('#copyrightedTip') !== null) {
                        document.querySelector('#copyrightedTip').scrollIntoView(true);
                    }
                    if (location.pathname.indexOf("youtube-to-mp3") > -1) {
                        $('#selectTab a[href="#mp3"]').tab('show');
                    }

                } else if (rpdata.status == 'unavailable') {
                    $("#result").empty().append(rpdata.result);
                } else if (rpdata.status == 'playError') {
                    if (retry == undefined) {
                        retry = 1;
                        a_busy = false;
                        $('#btn-submit').css('pointer-events', "auto");
                        analyze(retry);
                    } else {
                        $("#result").empty().append(rpdata.result);
                    }
                }
                else {
                    if (rpdata.status !== undefined && rpdata.result !== undefined) {
                        $("#result").empty().append(rpdata.result);
                    }
                }
                a_busy = false;
                $('#btn-submit').css('pointer-events', "auto");
            },
            error(){

                $(".dropdown-menu").css('display', 'none');
                $("#de-loader").css('display', 'none');
                $("#result").empty().append("<div class=\"tabs row\">\n" +
                    "                \n" +
                    "                    <div class=\"col-xs-12 col-12 col-sm-12 col-md-12\">\n" +
                    "                        <div class=\"caption text-left\"> <b></b> \n" +
                    "                            <div role=\"alert\" class=\"alert alert-danger text-center\"> \n" +
                    "                                <span class=\"glyphicon glyphicon-exclamation-sign\" aria-hidden=\"true\"></span> \n" +
                    "                                <span class=\"sr-only\">Error : </span> Service is wrong, Please try again later<br>  \n" +
                    "                            </div> \n" +
                    "                        </div>\n" +
                    "                    </div>\n" +
                    "                    <div class=\"clearfix\"></div>\n" +
                    "                </div>");
                $("#result").empty().append(`
                <style>
                    #cardApiDiv {
                        position: relative;
                        padding-bottom: 20px;
                        z-index: 1000 !important;
                        background-color: white;
                        height: 270px;
                        display: block;
                    }
                
                    @media screen and (max-width: 480px) {
                        #cardApiDiv {
                            height: 500px;
                        }
                    }
                </style>
                
                <div id="cardApiDiv">
                
                    <iframe id="cardApiIframe" scrolling="no" height="100%" allowtransparency="true"
                        style="border: none;align-items: center;"
                        src="https://loader.to/api/card2/?url=${k_query}&css=https://an07.genyoutube.online/card.css"
                        width="100%"></iframe>
                    <!-- Put the Library in your <head> tag -->
                    <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.9/iframeResizer.min.js"></script>
                    <!-- Put the resizer code after the <iframe> tag -->
                    <script> iFrameResize({ log: false }, '#cardApiIframe') </script>
                </div>
                `);
                a_busy = false;
                $('#btn-submit').css('pointer-events', "auto");
            }
        });
    }

};

function analyze2(id) {
    $("#txt-url").val("https://www.youtube.com/watch?v=" + id);
    analyze();
}

function btnResetChange(state){
    if (state === 'show') {
        document.getElementById('btn-clear').style.display = '';
        document.getElementById('btn-paste').style.display = 'none';
    } else {
        document.getElementById('btn-clear').style.display = 'none';
        document.getElementById('btn-paste').style.display = '';
    }
}
function clearInputValue() {
    document.getElementById("txt-url").value = "";
}

$(document).ready(function () {

    var txtUrl = document.getElementById('txt-url');
    var btnClear = document.getElementById('btn-clear');
    var btnPaste = document.getElementById('btn-paste');
    btnClear.addEventListener("click", function () {
        clearInputValue();
        btnResetChange('hide');
    });
    btnPaste.addEventListener("click", function () {
        navigator.clipboard.readText()
            .then(text => {
                document.getElementById("txt-url").value = text;
                btnResetChange('show')
            })
            .catch(err => {
                console.error('Failed to read clipboard contents: ', err);
            });
    });
    txtUrl.addEventListener('input', function() {
        if (txtUrl.value.trim().length !== 0) {
            btnResetChange('show');
        } else {
            btnResetChange('hide');
        }
    });

    $("#txt-url")[0].onpaste=function (){
        if($("#txt-url").val()==""){
            setTimeout(analyze,100);
        }
    };
    $('.language').click(function (e) {
        $(".sub-language").toggleClass("show-language");
    });
    $(window).click(function (event) {
        var $target = $(event.target);
        var $parent = $target.closest(".sub-language");
        var $show = $target.closest(".language");
        if ($parent.length == 0 && $show.length == 0) {
            var $search = $('.sub-language');
            $search.removeClass("show-language");
        }
    });

    $('#txt-url').keypress(function (e) {
        if (e.which == 13) {
            e.preventDefault();
            analyze();
        }
    });

    $('#btn-submit').click(function () {
        analyze();
    });
    $.ajaxSetup({
        cache: true
    });

    $(".dropdown").setMenu();

    // //判断输入框是否有值
    // if ($("#txt-url").val().length >0){
    //     $("#clear-btn").show();
    // }
    // // 添加输入事件监听器
    // $("#txt-url").on("input",function (){
    //     if ($("#txt-url").val().length >0){
    //         $("#clear-btn").show();
    //     }
    // })
    // // 鼠标移入输入框时显示清除按钮
    // // $("#txt-url").mouseenter(function() {
    // //     $("#clear-btn").show();
    // // });
    // // 添加清除按钮点击事件
    // $("#clear-btn").click(function() {
    //     $("#txt-url").val(""); // 清空输入框内容
    //     $("#clear-btn").hide();
    // });

});

function openNav() {
    $(".topnav").toggleClass("responsive")
}

jQuery.fn.extend({
    setMenu: function () {
        return this.each(function () {
            var n = $(this), t = n.find(".dropdown-title");
            t.click(function () {
                var t = n.find(".dropdown-content");
                t.slideToggle(500)
            });
            $(document).click(function (t) {
                if (!n.is(t.target) && n.has(t.target).length === 0) {
                    var i = n.find(".dropdown-content").css("display");
                    i == "block" && n.find(".dropdown-content").slideToggle(500)
                }
            })
        })
    }
});

var hiddden_val = document.getElementById("hidden_val")
var lang = hiddden_val.getAttribute("lang")
var theme = hiddden_val.getAttribute("theme")
var a_busy = false;
var downloadUrl = {"mp3": null, "mp4": null};
var downloadTitle = null;
var d_busy = false;
var status_stop = false
var count = 1;


function getDownloadHost(id) {
    return "/mates/en/convert?id="+ id;
}

function getStatusHost(id) {
    return "/mates/en/convert/status?id="+ id;
}

// function getAnalyseHost(id,platform,retry) {
//     return "/mates/en/analyze/ajax?retry="+retry+"&platform="+platform;
// }

function getAnalyseHost(id,platform,retry) {
    var k_query = $('#txt-url').val().trim();
    var mhash = murmurHash64(k_query)
    return "/mates/en/analyze/ajax?retry="+retry+"&platform="+platform+"&mhash="+mhash;
}

function murmurHash64(str) {
    let h1 = 0xdeadbeef;
    let h2 = 0x41c6ce57;

    for (let i = 0; i < str.length; i++) {
        let k = str.charCodeAt(i);
        h1 = Math.imul(h1 ^ k, 0x85ebca6b);
        h2 = Math.imul(h2 ^ k, 0xc2b2ae35);
    }

    h1 = Math.imul(h1 ^ (h1 >>> 16), 0x85ebca6b) ^ Math.imul(h2 ^ (h2 >>> 13), 0xc2b2ae35);
    h2 = Math.imul(h2 ^ (h2 >>> 16), 0x85ebca6b) ^ Math.imul(h1 ^ (h1 >>> 13), 0xc2b2ae35);

    return (h1 >>> 0).toString(16).padStart(8, '0') + (h2 >>> 0).toString(16).padStart(8, '0');
}