var resultTextType={
    'forecast':"结果预测",
    'trend':"结果走势",
    'census':"间隔数据",
    'result':"历史结果",
}
$(document).ready(function(){
    showPage();
    $(".result-nav a").click(function(e){
        var tab = e.target.dataset.tab;
        $(".result-active").removeClass('result-active');
        $(e.target).addClass('result-active');
        $('.fixed_modle').css({display: 'flex'});
        $('.f_m_title_text').html(resultTextType[tab]);
        if(tab == 'forecast'){
            $('.forecast-nav').show();
            getForecastData('zh');
        }
        $("#" + tab).show();
    });
    $(".forecast-nav span").click(function(e){
        $(".forecast-nav span").removeClass("active");
        e.target.classList = ['active'];
        var types = e.target.dataset.type;
        getForecastData(types);
    });
});

function getForecastData(type){
    $(".forecast-type").hide();
    $(".forecast-type." + type).show();
}

var timeout;
function showPage(){
    timeout = setInterval(function () {
        times = times - 1;
        setTime(times);
    }, 1000)
}

function setTime(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);
        if(hour > 0){
            $("#mi-time").html(hour+"时"+min + "分" + sec); 
        }else{
            $("#mi-time").html(min + "分" + sec);
        }
        
    } else {
        getData();
        $("#times").html("开奖中...");
        $(".center-lo").show();
        $("#mi-time").html('--' + "分" + '--');
    }
}

function getData(){
    setTimeout(() => {
        window.location.reload();
    },5000);
}

function hidenFixedModle(){
    $('.fixed_modle').hide();
    $('.forecast-nav').hide();
    $('.result_fixed').hide();
}