$(document).ready(function(){
    showPage();
    getPageDatas();
    
    $(".result-nav span").click(function(e){
        var tab = e.target.dataset.tab;
        $(".result-active").removeClass('result-active');
        $(e.target).addClass('result-active');
        $(".result-table").hide();
        $("#" + tab).show();
    });
    $(".issue-list").click(function(){
        $(".issue-more").slideToggle();
    });
    $(".issue-more li").click(function(e){
        var issue = e.target.innerHTML;
        formatIssue(issue);
        $(".issue-more").slideToggle();
    });
    $("#prev").click(function(){
        var issue = $("#qishu2").text() - 1;
        $("#qishu2").text(issue);
        if(issue == appData['issue'][appData['issue'].length - 1]['qishu']){
            $('#prev').attr("disabled",true);
        } else {
            $('#next').attr("disabled",false);
        }
        formatIssue(issue);
    });
    $("#next").click(function(){
        var issue = Number($("#qishu2").text()) + 1;
        $("#qishu2").text(issue);
        if(issue == appData['issue'][0]['qishu']){
            $('#next').attr("disabled",true);
        } else {
            $('#prev').attr("disabled",false);
        }
        formatIssue(issue);
    });
    $(".forecast-nav span").click(function(e){
        $(".forecast-nav span").removeClass("active");
        e.target.classList = ['active'];
        var types = e.target.dataset.type;
        var gameType = appData.type;
        getForecastData(gameType, types);
    });
    
    var adon = $.cookie('ad_on');
    if(adon == 0){
        honeySwitch.showOn("#ad");
    } else if(adon == 1){
        honeySwitch.showOff("#ad");
        $(".banner").hide();
    }
    
    var mion = $.cookie('mi_on');
    if(mion == 0){
        honeySwitch.showOn("#mi");
        $(".mi-panel").css("opacity", 1);
    } else if(mion == 1){
        honeySwitch.showOff("#mi");
        $(".mi-panel").css("opacity", 0);
    }
    
    switchEvent("#ad",function(){
        $(".banner").slideDown();
        $("#aaaa").val(0)
        $.cookie('ad_on', '0');
    }, function(){
        $(".banner").slideUp();
        $("#aaaa").val(1)
        $.cookie('ad_on', '1');
    });
    
    switchEvent("#mi",function(){
        reset_tc();
        $(".mi-panel").css("opacity", 1);
        $.cookie('mi_on', '0');
    }, function(){
        $(".mi-panel").css("opacity", 0);
        $.cookie('mi_on', '1');
    });
    
    var show_ioslogo = $.cookie('show_ioslogo')
    if(!show_ioslogo){
        let isiOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
        if(isiOS){
            $('.foot-bookmark').show()
        }
    }

    var shwo_alert = $.cookie('show_alert')
    if (!shwo_alert) { 
        showAl()
    }
});

document.addEventListener('visibilitychange', function() {
    if (!document.hidden) {
        formatForecast()
    }
});

function getForecastData(game, type){
    $.ajax({
        url: '/data/get/getForecastByType',
        data: {
            game: game,
            type: type
        },
        type: 'GET',
        success: function (res) {
            //console.log(res);
            $("#forecast").find(".result-tr").remove();
            if(type == "sz"){
                $.each(res, function(i, item) {
                    $("#forecast").append('<div class="result-tr"><span>'+ item['qishu'] +'</span><span>'+ item['kjcode'] +'</span><span id="sz">'+ item['dx'] + item['ds'] +'</span><span><span style="color: #00a0e9">'+ item['yesno'] +'</span></span></div>');
                });
            } else {
                $.each(res, function(i, item) {
                    $("#forecast").append('<div class="result-tr"><span>'+ item['qishu'] +'</span><span>'+ item['kjcode'] +'</span><span>'+ item['dx'] + item['ds'] +'</span><span><span style="color: #00a0e9">'+ item['yesno'] +'</span></span></div>');
                });
            }
        }
    })
}

var times;
var timeout;
function showPage(){
    //console.log(appData);
    times = appData['time']['t'];
    timeout = setInterval(function () {
        times = times - 1;
        setTime(times);
    }, 1000)
}

function formatData(){
    $nowQishu = $('#qishu').text();
    if($nowQishu == appData['issue'][0]['qishu']){
        return false;
    }
    
    $("#qishu").text(appData['issue'][0]['qishu']);
    $("#qishu2").text(appData['issue'][0]['qishu']);
    $("#mi-qishu").text(appData['issue'][0]['qishu']);
    $("#mi-qishu2").text(appData['issue'][0]['qishu']);
    $("#mi-num1").text(appData['issue'][0]['num1']);
    $("#mi-num2").text(appData['issue'][0]['num2']);
    $("#mi-num3").text(appData['issue'][0]['num3']);
    $("#mi-num4").text(appData['issue'][0]['sum']);
    formatIssue(appData['issue'][0]['qishu']);
    formatIssueList();
    formatResult();
    formatTrend();
    formatCensus();
    // formatForecast();
    setTimeout(formatForecast, 2000);
}

function setTime(time){
    //console.log(time);
    var hour = parseInt(time/60/60);
    var min = parseInt(time/60%60);
    var sec = parseInt(time%60);
    if(hour < 10){
        hour = "0" + hour;
    }
    if(min < 10){
        min = "0" + min;
    }
    if(sec < 10){
        sec = "0" + sec;
    }
    if(time >= 0){
        var timeHtml = "<b>"+ min +"</b><span>:</span><b>"+ sec +"</b><span></span>";
        if(hour > 0){
            timeHtml = "<b>"+ hour +"</b><span>:</span><b>"+ min +"</b><span>:</span><b>"+ sec +"</b><span></span>";
        }
        $("#times").html(timeHtml);
        $("#mi-time").html(min + ":" + sec);
    } else {
        getDataFile();
        //getData();
        // $("#loading").show();
        // $("#issues").hide();
        $("#times").html("开奖中");
        //$(".center-lo").show();
    }
}

function getDataFile() { 
    let nowTs = Date.parse(new Date()) / 1000
    $.ajax({
        url: '/open/' + appData['type'] + '.js?_=' + nowTs,
        type: 'GET',
        success: function (res) {
            let nowSec = res - nowTs
            if (nowSec >= 0) {
                getData()
            }
        }
    })
}

function getData(){
    $.ajax({
        url: '/data/get/checkData?type=' + appData['type'],
        type: 'GET',
        success: function (res) {
            if(res.time.t > 0){
                clearInterval(timeout);
                appData = res;
                showPage();
                formatData();
                $("#loading").hide();
                $("#issues").show();
                reset_tc();
                $(".center-lo").hide();
            }
        }
    })
}

function formatIssue(issue){
    var issueData = appData['issue'];
    $.each(issueData,function(i, v){
        if(v['qishu'] == issue){
            $("#qishu2").text(v['qishu']);
            $("#num1").text(v['num1']);
            $("#num2").text(v['num2']);
            $("#num3").text(v['num3']);
            $("#num4").text(v['sum']);
            $("#num4").attr('class', 'color-' + v['color']);
            
            var dx, ds;
            if(v['sum'] > 13){
                dx = '<span class="type-o">大</span>';
            } else {
                dx = '<span class="type-g">小</span>';
            }
            if(v['sum'] % 2 != 0){
                ds = '<span class="type-g">单</span>';
            } else {
                ds = '<span class="type-o">双</span>';
            }
            $("#dxds").html("");
            $("#dxds").append(dx + ds);
            return false;
        }
    });
}

function formatIssueList(){
    $(".issue-more").html("");
    //console.log(appData);
    $.each(appData['issue'], function(i, item) {
        $(".issue-more").append("<li>"+ item['qishu'] +"</li>");
    });
}

function formatResult(){
    //var resultHtml = '<div class="result-tr"><span>'+ appData['issue'][0]['qishu'] +'</span><span class="p150">'+ appData['issue'][0]['time'] +'</span><span>'+ appData['issue'][0]['num1'] +'+'+ appData['issue'][0]['num2'] +'+'+ appData['issue'][0]['num3'] +'='+ appData['issue'][0]['sum'] +'</span></div>';
    var resultHtml = '<div class="result-tr"><span>'+ appData['issue'][0]['qishu'] +'</span><span class="p150">'+ appData['issue'][0]['time'] +'</span><span>'+ appData['issue'][0]['num1'] +'+'+ appData['issue'][0]['num2'] +'+'+ appData['issue'][0]['num3'] +'='+ '<span class="color-'+ appData['issue'][0]['color'] +'">'+ appData['issue'][0]['sum'] +'</span>' +'</span></div>';
    $("#result .result-thead").after(resultHtml);
    $("#result .result-tr").eq(-1).remove();
}

function formatTrend(){
    var da, xiao, dan, shuang, dadan, dashuang, xiaodan, xiaoshuang;
    var sum = Number(appData['issue'][0]['sum']);
    if(sum > 13){
        da = '<span><i class="badge-o">大</i></span>';
        xiao = '<span></span>';
        if(sum % 2 != 0){
            dadan = '<span class="p120"><i class="badge-g">大单</i></span>';
            dashuang = '<span class="p120"></span>';
        } else {
            dadan = '<span class="p120"></span>';
            dashuang = '<span class="p120"><i class="badge-o">大双</i></span>';
        }
        xiaodan = '<span class="p120"></span>';
        xiaoshuang = '<span class="p120"></span>';
    } else {
        da = '<span></span>';
        xiao = '<span><i class="badge-g">小</i></span>';
        if(sum % 2 != 0){
            xiaodan = '<span class="p120"><i class="badge-g">小单</i></span>';
            xiaoshuang = '<span class="p120"></span>';
        } else {
            xiaodan = '<span class="p120"></span>';
            xiaoshuang = '<span class="p120"><i class="badge-o">小双</i></span>';
        }
        dadan = '<span class="p120"></span>';
        dashuang = '<span class="p120"></span>';
    }
    if(sum % 2 != 0){
        dan = '<span><i class="badge-g">单</i></span>';
        shuang = '<span></span>';
    } else {
        dan = '<span></span>';
        shuang = '<span><i class="badge-o">双</i></span>';
    }
    var trendHtml = '<div class="result-tr"><span class="p200">'+ appData['issue'][0]['qishu'] +'</span><span>'+ sum +'</span>'+ da + xiao + dan + shuang + dadan + dashuang + xiaodan + xiaoshuang + '</div>';
    $("#trend .result-thead").after(trendHtml);
    $("#trend .result-tr").eq(-1).remove();
}

function formatCensus(){
    $.each(appData['num']['done_data'], function(i, item) {
        $("#" + i).html(item);
    });
    $.each(appData['num']['pode_data'], function(i, item) {
        $("#" + i).html(item);
    });
}

function formatForecast(){
    var gameType = appData.type;

    if ($(".forecast-nav span:eq(0)").hasClass("active")) {
        getForecastData(gameType, 'zh');
    } else if ($(".forecast-nav span:eq(1)").hasClass("active")){
        getForecastData(gameType, 'sz');
    } else if ($(".forecast-nav span:eq(2)").hasClass("active")){
        getForecastData(gameType, 'dx');
    } else if ($(".forecast-nav span:eq(3)").hasClass("active")){
        getForecastData(gameType, 'ds');
    }
}


function closeAl()
{
    $('.al-bg').hide();
    $.cookie('show_alert', '1', { expires: 1 })
}

function showAl()
{
    $('.al-bg').show();
}

checkDomain()
function checkDomain(){
    var host = window.location.host,
    urlList = [
        'qx28.vip',
        'pczi.cn',
        'jd28.tv',
        'jd28.co'
    ];
    if(urlList.indexOf(host) > -1){
        setTimeout(function(){
            window.location.href = 'http://www.baidu.com'
            //$('.banner a').attr("href", "https://jq.qq.com/?_wv=1027&k=517XBa1n");
            // $('.banner img').attr("src", "https://jarvis-img-sg.alicdn.com/jarvis/consult/122/OTl2ZGkydzliNzVTdjEyeTRKNlFSQ2QxOFZBY3NWYTI=.jpg");
        }, 100);
    }
}

function hideIosLogo(){
    $('.foot-bookmark').hide()
    $.cookie('show_ioslogo', '1', { expires: 1 })
}

function getPageDatas() {
    $.ajax({
        url: '/data/get/getPageDatas',
        type: 'GET',
        success: function (res) {
            res = res.slice(8)
            res = JSON.parse(window.atob(res));
            $('.banner').html('');
            
            res.banner.forEach(element => {
                $('.banner').append('<a id="b_' + element.id + '" href="/game/page/link?id=' + element.id + '&url=' + element.link + '" target="_blank"></a>');
            });
            
            res.banner.forEach(element => {
                var xhr = new XMLHttpRequest();
                xhr.open("get", element.img, true);
                xhr.responseType = "blob";
                xhr.onload = function () {
                    if (this.status == 200) {
                        var blob = this.response;
                        var img = document.createElement("img");
                        img.onload = function (e) {
                            window.URL.revokeObjectURL(img.src);
                        };
                        img.src = window.URL.createObjectURL(blob);
                        $('#b_' + element.id).append('<img src="' + img.src + '" />');
                    }
                }
                xhr.send();
            });

            if(res.alert.length == 1){
                let item = res.alert[0]
                $('#al').html('<div class="al-bg" id="al-close"><div class="al-model-bg" onclick="closeAl()"><div class="al-model"><div class="al-title">请认准本开奖网网址</div><img src="'+item.qrcode+'" class="al-qrcode"><div class="al-a"><a class="al-a-1" href="/game/page/linkalert?id='+item.id+'&index=1&url='+item.item1url+'" target="_blank">'+item.item1+'</a><a class="al-a-2" href="/game/page/linkalert?id='+item.id+'&index=2&url='+item.item2url+'" target="_blank">'+item.item2+'</a><a class="al-a-3" href="/game/page/linkalert?id='+item.id+'&index=3&url='+item.item3url+'" target="_blank">'+item.item3+'</a></div></div></div></div><img class="al-show" id="al_ball" src="https://images.htqwhj.com/images/touzhu.png" onclick="showAl()">');
            }
        }
    })
}