var isUserInteracting = false,
onMouseDownMouseX = 0,
onMouseDownMouseY = 0,
lon = 0,
onMouseDownLon = 0,
lat = 0,
onMouseDownLat = 0,
phi = 0,
theta = 0;

const house ={
    idx:0,
    nextId:null,
    title:'南京世茂项目',
    backurl:'',
    descript:'',
    is_yuyue:false,
    yy_step:0,
    src:[
    {id:0,name:"Kanfang",title:'',thumb:"nanimages/yykf_sel.png"},
    {id:1,name:"01frontGate",title:'A1户型 建面约165m2',thumb:"nanimages/sc_1.jpg"},
    {id:2,name:"02masterBedroom",title:'B1户型 建面约187m2',thumb:"nanimages/sc_2.jpg"},
    {id:3,name:"03masterBedroom",title:'C1户型 建面约210m2',thumb:"nanimages/sc_3.jpg"},
    {id:4,name:"04masterBedroom",title:'D1户型 建面约215m2',thumb:"nanimages/sc_4.jpg"},

],

} 


init()


function init(){

    const queryString = window.location.search;

    const urlParams = new URLSearchParams(queryString);

    let backurl= urlParams.get('backurl')?urlParams.get('backurl'):'../'

    house.backurl = backurl




    var listContent_ybf=document.getElementById("listContent_ybf");
    while (listContent_ybf.firstChild) {
        listContent_ybf.removeChild(listContent_ybf.firstChild);
    }

    let mid = 0

    for(let item of house.src){


        const dpano = document.createElement("div");
        dpano.className = 'pano'

        // if(item.id==0){
        //     dpano.className = 'panoSelect'
        // }

        mid = item.id

        if(mid==1){
            dpano.style.marginLeft=0
        }
        
        dpano.setAttribute('data-id',mid);
        const title = document.createElement("div");
        title.className = 'title'
        title.innerHTML = item.title
        const thumb = document.createElement("div");
        thumb.className =  item.id===0?'kanfang': 'thumb'
        // thumb.className ='thumb'
        // thumb.innerHTML = house.src[i].name
        const img=document.createElement("img");

        if(item.id==0){
            img.id= 'kanfang_image'
        }

        img.src= item.thumb

        thumb.appendChild(img);

        dpano.appendChild(title);
        dpano.appendChild(thumb);

        listContent_ybf.appendChild(dpano);
    }


    document.getElementById("yd_phone").addEventListener('change', onChange, false);
}

function onChange(e){
    console.log(e)

}


function selectUpnDown(is_down){
    if(house.yy_step==1){
        if(is_down){
            document.getElementById('yuyue_ok').src ='./nanimages/qd_sel.png';
            document.getElementById('yuyue_ok').setAttribute('data-sel',true);
            document.getElementById("yd_phone").blur();
        }else{
            document.getElementById('yuyue_ok').src ='./nanimages/qd_non.png';
            document.getElementById('yuyue_ok').setAttribute('data-sel',false);
    
            document.getElementById('yd_phone').focus();
        }
    }   
    
}

function limitWords(txt){
    var str = txt;
    if(str.length>180){
        str = str.substr(0,180) + '...';
    }
    
    return str;
}

function selectLeftnRight(is_right){

    const nodess = document.getElementById("listContent_ybf").childNodes;

    let is_kanfang = true

    for(let i =0;i<nodess.length;i++){
        nodess[i].className = 'pano'
    }

    if(is_right){
        pano_select = house.idx===nodess.length -1? 0:house.idx+1
    }else{
        pano_select = house.idx===0? nodess.length -1:house.idx-1
    }

    if(pano_select===0){
        document.getElementById("kanfang_image").src='./nanimages/yykf_sel.png'
    }else{
        document.getElementById("kanfang_image").src='./nanimages/yykf_non.png'
        nodess[pano_select].className='panoSelect'
    }

    house.idx = pano_select
}

function enterPano(){


        const backurl = house.backurl

        const url = "ybf.html?&backurl="+backurl

        window.location.href = url 


}





// function onKeyUp(e){
//     switch(e.keyCode){
//         // case 38://ArrowUp
//         //     selectUpnDown(false)
//         //     break
//         // case 40://ArrowDown
//         //     selectUpnDown(true)
//         //     break
//         case 37: //ArrowLeft
//             selectLeftnRight(false)
//             break
//         case 39://ArrowRight
//             selectLeftnRight(true)
//             break
//         case 13://Enter
//             // 
//         case 48: // auto play
//             break
//         case 49:
//             break
//         default:
//             break
//     }
// }


function startYuYue(){
    const is_sel = document.getElementById('yuyue_ok').getAttribute('data-sel');

    switch(house.yy_step){
        case 0:
            house.yy_step++

            house.is_yuyue = true
            document.getElementById("kanfang_yuding").style.display='flex'
            document.getElementById("yd_phone").style.display = 'flex'
            document.getElementById('yd_phone').focus();
            break
        case 1:
            
            if(is_sel=='true'){

                const phone = document.getElementById('yd_phone').value
                if(phone.length==0){
                    house.yy_step = 0
                    document.getElementById("kanfang_yuding").style.backgroundImage = "url(./nanimages/tc_yuyue.png)";
                    document.getElementById("kanfang_yuding").style.display='none'
                    document.getElementById("yd_phone").style.display = 'flex'
                    document.getElementById('yuyue_ok').src ='./nanimages/qd_non.png';
                    document.getElementById('yuyue_ok').setAttribute('data-sel',false);
                    house.is_yuyue = false
                }else{
                    house.yy_step++
                    document.getElementById("kanfang_yuding").style.backgroundImage = "url(./nanimages/tc_yy_success.png)";
                    document.getElementById("yd_phone").style.display = 'none'
                }
            }

            break
        case 2:
            
            if(is_sel=='true'){
                house.yy_step = 0
                document.getElementById("kanfang_yuding").style.backgroundImage = "url(./nanimages/tc_yuyue.png)";
                document.getElementById("kanfang_yuding").style.display='none'
                document.getElementById("yd_phone").style.display = 'flex'
                document.getElementById('yuyue_ok').src ='./nanimages/qd_non.png';
                document.getElementById('yuyue_ok').setAttribute('data-sel',false);
                // document.getElementById('yd_phone').focus();
                house.is_yuyue = false
            }

            break
    }
}


var btn = new tvSysBtnBind({
    id: "Jdoc",
    className: "ctrlBtn",
    currentClass: "current",
    keyRemoveDefault: false,
    effect: "base",
    currentIndex: 0,
    onLoad: function(e) {

    },
    onPress:function() {
        var keyCode = this.event.keyCode;
        // alert('tvSysBtnBind:'+keyCode+" - " + this.event.key)
        // console.log('tvSysBtnBind:'+keyCode+" - " + this.event.key)
        switch (keyCode) {
            case 37: // left
            // reloadData();
            selectLeftnRight(false)
            break;
            case 39: // right
            selectLeftnRight(true)
            break;
            case 38: //up
                 selectUpnDown(false)
            break;
            case 40: //down
                selectUpnDown(true)
            break;
            // case 13: //enter
            
            // break;
            case 33: //chanel +
            
            break;
            case 34: //chanel -
            
            break;
            case 48: //0
            
            break;
            default:
                break;
        }
    },
    onEnterPress: function() {


        if(house.idx==0){
            
            startYuYue()
        }else{
            enterPano()
        }
        
    },
    onBack: function() {
    // console.log(window.UtilToJS)
        // if(typeof(VrBrowserToJS)!=='undefined'){
        //     // UtilToJS.appExit();
        //     // VrBrowserToJS.vrBrowerExit();
        //     VrBrowserToJS.vrBrowserExit();

        //     // VrBrowserToJS.appExit()
        // }
        // document.getElementById('debug').innerHTML +="<br>" +'onBack'
        console.log(house.is_yuyue)
        if(!house.is_yuyue){
            const backurl = house.backurl

            console.log('backurl')
            window.location.href = backurl 
        }else{

            // document.getElementById('debug').innerHTML +="<br>" +'house.yy_step'+house.yy_step
            console.log('house.yy_step',house.yy_step)
            if(house.yy_step==1){
                const phone = document.getElementById('yd_phone').value
                const qy_phone = phone.length>1?phone.substring(0,phone.length-1):''
                document.getElementById('yd_phone').value = qy_phone
            }else{

            }
        }

        

    }
});

window.onBackEvent= function(){
    // document.getElementById('debug').innerHTML +="<br>" +'window.onBackEvent'
    if(!house.is_yuyue){
        const backurl = house.backurl
        console.log('backurl')
        window.location.href = backurl 
    }else{
        house.yy_step = 0
        document.getElementById("kanfang_yuding").style.backgroundImage = "url(./nanimages/tc_yuyue.png)";
        document.getElementById("kanfang_yuding").style.display='none'
        document.getElementById("yd_phone").style.display = 'flex'
        document.getElementById('yuyue_ok').src ='./nanimages/qd_non.png';
        document.getElementById('yuyue_ok').setAttribute('data-sel',false);
        // document.getElementById('yd_phone').focus();
        house.is_yuyue = false


    }

}