/**
 * Created by webshow on 2018/3/16.
 */

$(function () {
    var language = (navigator.browserLanguage || navigator.language).toLowerCase();
    if(language.indexOf('zh')>-1){
        lang=2
    }else if(language.indexOf('en')>-1){
        lang=1
        $('.inp').attr("placeholder","Chat with her…")
    }else{
        lang=2
    }
    key='egro0h';
    console.log(returnCitySN["cname"])
    var ua = navigator.userAgent.toLowerCase();
    if (/android/.test(ua)) {
        province =['北京','天津','河北','山西','内蒙古','辽宁','吉林','黑龙江','上海','江苏','浙江','安徽','福建','江西','山东 ','河南','湖北','湖南','广东','广西','海南 ','重庆','四川','贵州','云南','西藏','陕西','甘肃','青海','宁夏','新疆','香港','澳门']
        for(var i=0;i<province.length;i++){
            if(returnCitySN["cname"].indexOf(province[i])!=-1){
                key="ssvd7x";
            }
        }
    }
    else if(/iphone|ipad|ipod/.test(ua)){
        key='ssvd7x';
    }
    //var $ip = "http://ceshi.yabolive.tv/web";
    var $ip = "https://webserver.yabolive.net";
    var bilibi=true;
    var bbb = location.href;
    var data = url_get_params(bbb)
    var userId = data.uid; //t
    //sessionStorage.kkk = data.token;//k
    function url_get_params(url_path) {
        var url = url_path;
        var theRequest = new Object();
        if (url.indexOf("?") != -1) {
            var str = url.substr(url.indexOf("?") + 1);
            strs = str.split("&");
            for (var i = 0; i < strs.length; i++) {
                theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }
    var h=$(window).height();
    $(".video-play").css("height",h+'px');
    //获取主播相关列表
    room(userId)
    $.ajax({
        url: $ip + "/share/getHotList.html",
        type: "post",
        data: {
            //'type':1,
            'os':"WEB",
            'cid':"web_gw",
            'lang':2,
        },
        error: function (msg) {
            console.log('请求出错');
        },
        success: function (msg) {
            var data=JSON.parse(msg);
            console.log(data);
            var html=[];
            for(var i=0;i<data.rooms.length;i++){
                html+='<li><img src=https://zhibocdn.yabolive.net/comm'+data.rooms[i].faceimg+'?x-oss-process=image/resize,w_200><div class="live"><span class="dian"></span><span class="live-text">Live</span></div><i style="float: left;font-size: 0">'+data.rooms[i].roomId+'</i></li>';
            }
            $(".more-ul").html(html);
            var id=data.rooms[0].roomId;
            $(".more-ul li").on("click", function () {
                var oid=$(this).children("i").text();
                console.log(oid)
                $(".video-play-bg1").addClass('video-play-bg').removeClass('video-play-bg1');
                room(oid);
                $("html,body").animate({scrollTop:0}, 0);
            })
        }
    })
    //闪灯
    var t1=setInterval(function () {

        if(bilibi==true){
            $(".dian").fadeOut(200);
            bilibi=false;
        }else if(bilibi==false){
            bilibi=true;
            $(".dian").fadeIn(200);
        }
    },700)

    $(window).on("scroll", function () {
        if($(window).scrollTop() >= 50){
            $(".down").fadeOut(0)
            $(".down-bottom").fadeIn(200)
        }
        else if($(window).scrollTop() < 50){
            $(".down").fadeIn(0)
            $(".down-bottom").fadeOut(0)
        }
    })
    //点击下载
    $(".down-btn").on("click", function () {
        browserRedirect();
    })
    $(".gift").on("click", function () {
        browserRedirect();
    })
    $(".inp").on("click", function () {
        browserRedirect();
    })
    $(".down-btn").on("click", function () {
        browserRedirect();
    })
    $(".guanzhu").on("click", function () {
        browserRedirect();
    })
    //var ua = navigator.userAgent.toLowerCase();
    //var userAgent = navigator.userAgent;
    //if(/iphone|ipad|ipod/.test(ua)){
    //    if(ua.match(/MicroMessenger/i) == 'micromessenger'){
    //        $(".shadow-img").fadeIn(500)
    //    }
    //    if (userAgent.indexOf("witter") > -1){
    //        $(".shadow-img").fadeIn(500)
    //    }
    //    if (userAgent.indexOf("facebook") > -1){
    //        $(".shadow-img").fadeIn(500)
    //    }
    //    if(ua.match(/MicroMessenger/i) == 'micromessenger'){
    //        $(".shadow-img").fadeIn(500)
    //    }else{
    //        var data = OpenInstall.parseUrlParams();
    //        new OpenInstall({
    //            appKey: key,
    //            preferWakeup: true,
    //            mask:function(){
    //                return '<div id="openinstall_shadow" class="shadow-img"><img src="images/share-img.png" alt=""></div>'
    //            },
    //            onready: function () {
    //                var m = this, button = document.getElementById("down-btn");
    //                setTimeout(function () {
    //                    $(".down-btn").on("click", function () {
    //                        m.schemeWakeup();
    //                        m.wakeupOrInstall();
    //                    })
    //                    $(".gift").on("click", function () {
    //                        m.schemeWakeup();
    //                        m.wakeupOrInstall();
    //                    })
    //                    $(".inp").on("click", function () {
    //                        m.schemeWakeup();
    //                        m.wakeupOrInstall();
    //                    })
    //                    $(".down-btn").on("click", function () {
    //                        m.schemeWakeup();
    //                        m.wakeupOrInstall();
    //                    })
    //                    $(".guanzhu").on("click", function () {
    //                        m.schemeWakeup();
    //                        m.wakeupOrInstall();
    //                    })
    //                    $(".text2").on("click", function () {
    //                        m.schemeWakeup();
    //                        m.wakeupOrInstall();
    //                    })
    //                    return false;
    //                },300)
    //
    //
    //            }
    //        }, data);
    //    }
    //}
    function room(o){
        //获取直播间相关数据
        $.ajax({
            url: $ip + "/share/getInfo.html",
            type: "post",
            data: {
                'uid':0,
                'os': "WEB",
                'cid': "web_gw",
                'lang': 2,
                'fid': o,
            },
            error: function (msg) {
                console.log('请求出错');
            },
            success: function (msg) {
                var data=JSON.parse(msg);
                console.log(data);
                if(data.code==1){
                    $(".play-btn").fadeIn(500);
                    var html=[];
                    html+='<div class="box-img">' +
                        '<img class="bg-img" src=https://zhibocdn.yabolive.net/comm'+data.room.faceImg+' alt="">' +
                        '</div>';
                    $(".video-play-bg").html(html)
                    var html2=[];
                    html2+='<img src=https://zhibocdn.yabolive.net/comm'+data.room.faceImg+'?x-oss-process=image/resize,w_50 alt="">'
                    html2+='<span class="name">'+data.room.roomName+'</span>'
                    if(lang==1) html2+='<span class="hot">'+data.room.lookNum+' Viewers</span>'
                    else html2+='<span class="hot">'+data.room.lookNum+' 圍觀</span>'
                    $(".more").html(html2);
                    var vplay=data.room.hlsUrl;
                    console.log(vplay)
                    $(".play-btn").unbind();
                    $(".play-btn").on("click", function () {
                        var html=[];
                        $(".video-play-bg").css("height","100%");
                        html+='<video  id="videoID"webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true"x5-video-player-type="h5"x5-video-player-fullscreen="true"style="width: 10rem; height:100%; object-fit:fill;position: absolute;z-index: 10"  poster="" src='+vplay+'></video>' +
                            '<div class="box-img">' +
                            '<img class="bg-img" src=https://zhibocdn.yabolive.net/comm'+data.room.faceImg+' alt="">' +
                            '<img class="zhuan" src="images/Loading.png" alt="">' +
                            '</div>';
                        $(".video-play-bg").html(html);

                        $(".video-play-bg").addClass('video-play-bg1').removeClass('video-play-bg');
                        $(".play-btn").fadeOut(500);
                        document.getElementById('videoID').play();
                    })
                }else{
                    var html =[];
                    html+='<div class="end">'
                    if(lang==1){
                        html+='<span class="text1">Livestream Ended</span>'
                        html+='<span class="text2">Enter the App to watch</span>'
                    }else{
                        html+='<span class="text1">直播已结束</span>'
                        html+='<span class="text2">进入APP看直播</span>'
                    }
                    html+='</div>'
                    $(".video-play-bg").html(html)
                    if(lang==1){
                        $(".end .text2").css("margin-left","-1rem");
                        $(".end .text2").css("width","6rem")
                        $(".end .text2").css("margin-top","0.3rem")
                    }
                    $(".play-btn").fadeOut(0);
                    $(".name-more").fadeOut(0);
                    $(".guanzhu").fadeOut(0);
                    $(".video-play-bg").css("filter","blur(0px)");
                }

            }

        });
        //用戶下載
        setInterval(function () {
            try{
                if (videoID.paused){
                    $(".play-btn").fadeIn(500);
                    $(".zhuan").fadeOut(500);
                }
            }catch(msg){

            }

        },1000)
    }

    function browserRedirect() {
        var ua = navigator.userAgent.toLowerCase();
        var userAgent = navigator.userAgent;
        //安卓
        if (/android/.test(ua)) {
            if (ua.match(/QQ/i) == "qq") {
                $(".shadow-img").fadeIn(500)
            }
//          var data = OpenInstall.parseUrlParams();
//          new OpenInstall({
//              appKey: key,
//              preferWakeup: true,
//              mask:function(){
//                  return '<div id="openinstall_shadow" class="shadow-img"><img src="images/share-img.png" alt=""></div>'
//              },
//              onready: function () {
//                  var m = this;
//                  m.schemeWakeup();
//                  m.wakeupOrInstall();
//                  return false;
//              }
//          }, data);
window.location.href = "http://footseen.com/apk";
            //ios
        }else if(/iphone|ipad|ipod/.test(ua)){
            var data = OpenInstall.parseUrlParams();
            if(ua.match(/MicroMessenger/i) == 'micromessenger'){
                $(".shadow-img").fadeIn(500)
            }
            if (ua.match(/QQ/i) == "qq") {
                $(".shadow-img").fadeIn(500)
            }
              var data = OpenInstall.parseUrlParams();
            new OpenInstall({
                appKey: 'dzxj4c',
                preferWakeup: true,
                mask:function(){
                    return '<div id="openinstall_shadow" class="shadow-img"><img src="images/share-img.png" alt=""></div>'
                },
                onready: function () {
                    var m = this;
                    m.schemeWakeup();
                    m.wakeupOrInstall();
                    return false;
                }
            }, data);
				 	//window.location.href='itms-services://?action=download-manifest&url=https://app.ixiulive.com/FireflyLive-resigned.plist';
        }
    }
})