layui.use(['element', 'form', 'upload', 'slider', 'colorpicker', 'table'], function () {
    var $ = layui.jquery
        , element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
    var form = layui.form;
    var upload = layui.upload;
    var slider = layui.slider;
    var colorpicker = layui.colorpicker;
    var table = layui.table;
    //设置最大最小值

    slider.render({
        elem: '#opacity'
        , min: 0 //最小值
        , max: 100 //最大值
    });
    colorpicker.render({
        elem: '#colorchk'
        , color: '#2ec770' //设置默认色
        , done: function (color) {
        }
    });
    //存储漫游路线数据的数组
    var tData = [{"name": "阳江闸坡"}];
    // //监听工具条
    // table.on('tool(bro)', function(obj){
    //     var data = obj.data;
    //     if(obj.event === 'detail'){
    //         window.parent.fnLayerOpen('漫游路线','components/Scene/RoamingRoute','350','400')
    //     } else if(obj.event === 'del'){
    //
    //     } else if(obj.event === 'edit'){
    //         window.parent.fnLayerOpen('修改浏览方式','components/Scene/modBrowsingMode','350','400')
    //     }
    // });
    table.render({
        elem: '#broTable'
        , cols: [[ //标题栏
            {field: 'name', title: '名称', width: 100}
            , {fixed: 'right', width: 212, align: 'center', toolbar: '#barDemo', title: '操作'}
        ]]
        , data: tData
        , page: true //是否显示分页
        , height: 280
        , limit: 5 //每页默认显示的数量
    });

    var firstClickIndoor;
    //室内模式开启关闭
    form.on('switch(switchIndoor)', function (data) {
        var chk = !!this.checked;
        window.parent.switchIndoor = chk;
        if (chk) {
            firstClickIndoor = true;
            //当前操作
            parent.sgworld.ProjectTree.pushStateItem("室内模式");
            if (window.parent.UndergroundModel) {
                window.parent.UndergroundModel.isFlyToSky = false;
                window.parent.UndergroundModel.close();
                window.parent.UndergroundModel = parent.sgworld.Analysis.UndergroundModelOpen({
                    alpha: Under_alpha || 0.5,
                    height: parent.Viewer.camera.positionCartographic.height,
                    isEnterUnderground: isEnterUnder,
                    isFlyToSky: false
                }, true);
            } else {
                window.parent.sgworld.Analysis.createindoormode();
            }
            parent.document.addEventListener("pointerlockchange", escClick, true);
        } else {
            parent.sgworld.ProjectTree.endtemporaryItem();
        }
    });
    if (window.parent.switchIndoor) {
        $('#switchIndoor').next().click();
        $('#switchIndoor').attr('value', 'on')
    }

    function escClick() {
        if (firstClickIndoor) {
            firstClickIndoor = false;
            return;
        }
        if (parent.switchIndoor) {
            $('#switchIndoor').next().click();
            if (window.parent.UndergroundModel) {
                window.parent.UndergroundModel = parent.sgworld.Analysis.UndergroundModelOpen({
                    alpha: Under_alpha || 0.5,
                    height: parent.Viewer.camera.positionCartographic.height,
                    isEnterUnderground: isEnterUnder,
                    isFlyToSky: true
                });
            }
            parent.switchIndoor = false;
            parent.document.removeEventListener("pointerlockchange", escClick, true);
        }
    }

    if (window.parent.switchCurtain) {
        $('#switchCurtain').next().click();
        $('#switchCurtain').attr('value', 'on')
    }
    //双球对比开启关闭
    form.on('switch(switchCurtain)', function (data) {
        var chk = !!this.checked;
        window.parent.switchCurtain = chk;
        if (chk) {
            //当前操作
            parent.sgworld.ProjectTree.pushStateItem("双球对比");
            startCurtain();
        } else {
            parent.sgworld.ProjectTree.endtemporaryItem();
            closeCurtain();
        }
    });

    if (window.parent.switchThreeDCurtain) {
        $('#switchThreeDCurtain').next().click();
        $('#switchThreeDCurtain').attr('value', 'on')
    }
    //双球对比开启关闭
    form.on('switch(switchThreeDCurtain)', function (data) {
        var chk = !!this.checked;
        window.parent.switchThreeDCurtain = chk;
        if (chk) {
            //当前操作
            parent.sgworld.ProjectTree.pushStateItem("双球对比");
            startThreeDCurtain();
        } else {
            parent.sgworld.ProjectTree.endtemporaryItem();
            closeThreeDCurtain();
        }
    });

    if (window.parent.switchUnder) {
        $('#switchUnder').next().click();
        $('#switchUnder').attr('value', 'on')
    }
    //地下模式开启关闭
    form.on('switch(switchUnder)', function (data) {
        var chk = !!this.checked;
        window.parent.switchUnder = chk;
        if (chk) {
            //当前操作
            // parent.sgworld.ProjectTree.pushStateItem("地下模式");
            window.parent.UndergroundModel = parent.sgworld.Analysis.UndergroundModelOpen({
                alpha: Under_alpha || 0.5,
                brightness:1,
                isEnterUnderground: isEnterUnder
            });
        } else {
            // parent.sgworld.ProjectTree.endtemporaryItem();
            window.parent.UndergroundModel && window.parent.UndergroundModel.close();
            window.parent.UndergroundModel = undefined;
        }
    });

    var isEnterUnder = (window.parent.UndergroundModel && window.parent.UndergroundModel.isEnterUnderground);
    (isEnterUnder === undefined) && (isEnterUnder = false);
    if (isEnterUnder) {
        $('#enter').attr('checked', 'checked');
        form.render();
    }
    //进入地下
    form.on('checkbox(enterUnder)', function (data) {
        isEnterUnder = !!this.checked;
        window.parent.UndergroundModel && (window.parent.UndergroundModel.isEnterUnderground = isEnterUnder);
        isEnterUnder && window.parent.UndergroundModel && window.parent.UndergroundModel.enterUnderground();
        !isEnterUnder && window.parent.UndergroundModel && window.parent.UndergroundModel.flyToSky();
    });

    var Under_alpha = (window.parent.UndergroundModel && window.parent.UndergroundModel._alpha) || 0.5;
    slider.render({
        elem: '#opacity-Under',
        theme: '#1E9FFF',
        min: 0, //最小值
        max: 100, //最大值
        value: Under_alpha * 100,
        change: function (value) {
            Under_alpha = value / 100;
            setOpacity(Under_alpha);
        }
    });

    function setOpacity(value) {
        (window.parent.UndergroundModel && window.parent.UndergroundModel.setLayerAlpha(value));
    }

});