layui.use(['form', 'slider'], function () {
    var form = layui.form;
    var slider = layui.slider;
    var viewer = parent.sgworld._Viewer;
    var Cesium = parent.Cesium;

    var ambientSetting = parent.window.ambientSetting;
    var ambientOcclusionModel, bloomModel, depthOfFieldModel;
    if (ambientSetting && ambientSetting.ambientOcclusionModel) {
        ambientOcclusionModel = ambientSetting.ambientOcclusionModel;
    } else {
        ambientOcclusionModel = {
            show: false,
            ambientOcclusionOnly: false,
            intensity: 5.0,
            bias: 0.2,
            lengthCap: 1,
            stepSize: 0,
            blurStepSize: 3
        };
    }

    if (ambientSetting && ambientSetting.bloomModel) {
        bloomModel = ambientSetting.bloomModel;
    } else {
        bloomModel = {
            show: false,
            glowOnly: false,
            contrast: 100,
            brightness: 0.2,
            delta: 1,
            sigma: 1,
            stepSize: 0
        };
    }

    var depthOfField;
    if (ambientSetting && ambientSetting.depthOfFieldModel) {
        depthOfFieldModel = ambientSetting.depthOfFieldModel;
        depthOfField = depthOfFieldModel.depthOfField;
    } else {
        depthOfFieldModel = {
            show: true,
            focalDistance: 87,
            delta: 1,
            sigma: 3.78,
            stepSize: 2.46,
            depthOfField: undefined
        };
    }

    var ambientOcclusion = viewer.scene.postProcessStages.ambientOcclusion;
    if (ambientOcclusionModel.show) {
        $('#AmbientOcclusion').attr('checked', 'checked');
        form.render();
    }
    form.on('checkbox(AmbientOcclusion)', function (data) {
        ambientOcclusionModel.show = this.checked;
        updateAmbientOcclusionProcess();
    });

    if (ambientOcclusionModel.ambientOcclusionOnly) {
        $('#AmbientOcclusionOnly').attr('checked', 'checked');
        form.render();
    }
    form.on('checkbox(AmbientOcclusionOnly)', function (data) {
        ambientOcclusionModel.ambientOcclusionOnly = this.checked;
        updateAmbientOcclusionProcess();
    });

    slider.render({
        elem: '#slideTest1',
        theme: '#1E9FFF', //主题色
        min: 1,
        max: 10,
        value: ambientOcclusionModel.intensity,
        change: function (value) {
            ambientOcclusionModel.intensity = value;
            updateAmbientOcclusionProcess();
        }
    });
    slider.render({
        elem: '#slideTest2',
        theme: '#1E9FFF', //主题色
        min: 0,
        max: 100,
        value: ambientOcclusionModel.bias * 100,
        setTips: function (value) { //自定义提示文本
            return value / 100;
        },
        change: function (value) {
            ambientOcclusionModel.bias = value;
            updateAmbientOcclusionProcess();
        }
    });
    slider.render({
        elem: '#slideTest3',
        theme: '#1E9FFF', //主题色
        min: 100,
        max: 1000,
        value: ambientOcclusionModel.lengthCap * 100,
        setTips: function (value) { //自定义提示文本
            return value / 100;
        },
        change: function (value) {
            ambientOcclusionModel.lengthCap = value;
            updateAmbientOcclusionProcess();
        }
    });
    slider.render({
        elem: '#slideTest4',
        theme: '#1E9FFF', //主题色
        min: 0,
        max: 100,
        value: ambientOcclusionModel.stepSize * 100,
        setTips: function (value) { //自定义提示文本
            return value / 100;
        },
        change: function (value) {
            ambientOcclusionModel.stepSize = value;
            updateAmbientOcclusionProcess();
        }
    });
    slider.render({
        elem: '#slideTest5',
        theme: '#1E9FFF', //主题色
        min: 0,
        max: 400,
        value: ambientOcclusionModel.blurStepSize * 100,
        setTips: function (value) { //自定义提示文本
            return value / 100;
        },
        change: function (value) {
            ambientOcclusionModel.blurStepSize = value;
            updateAmbientOcclusionProcess();
        }
    });

    var bloom = viewer.scene.postProcessStages.bloom;
    if (bloomModel.show) {
        $('#Bloom').attr('checked', 'checked');
        form.render();
    }
    form.on('checkbox(Bloom)', function (data) {
        bloomModel.show = this.checked;
        updateBloomProcess();
    });
    // form.on('checkbox(GlowOnly)', function (data) {
    //     bloomModel.glowOnly = this.checked;
    //     updateBloomProcess();
    // });
    slider.render({
        elem: '#slideTest6',
        theme: '#1E9FFF', //主题色
        min: 0,
        max: 255.0,
        value: bloomModel.contrast,
        change: function (value) {
            bloomModel.contrast = value;
            updateBloomProcess();
        }
    });
    slider.render({
        elem: '#slideTest7',
        theme: '#1E9FFF', //主题色
        min: -100,
        max: 100,
        value: bloomModel.brightness * 100,
        setTips: function (value) { //自定义提示文本
            return value / 100;
        },
        change: function (value) {
            bloomModel.brightness = value;
            updateBloomProcess();
        }
    });
    slider.render({
        elem: '#slideTest8',
        theme: '#1E9FFF', //主题色
        min: 100,
        max: 500,
        value: bloomModel.delta * 100,
        setTips: function (value) { //自定义提示文本
            return value / 100;
        },
        change: function (value) {
            bloomModel.delta = value;
            updateBloomProcess();
        }
    });
    slider.render({
        elem: '#slideTest9',
        theme: '#1E9FFF', //主题色
        min: 100,
        max: 1000,
        value: bloomModel.sigma * 100,
        setTips: function (value) { //自定义提示文本
            return value / 100;
        },
        change: function (value) {
            bloomModel.sigma = value;
            updateBloomProcess();
        }
    });
    slider.render({
        elem: '#slideTest10',
        theme: '#1E9FFF', //主题色
        min: 0,
        max: 700,
        value: bloomModel.stepSize * 100,
        setTips: function (value) { //自定义提示文本
            return value / 100;
        },
        change: function (value) {
            bloomModel.stepSize = value;
            updateBloomProcess();
        }
    });

    if (!depthOfField) {
        depthOfField = viewer.scene.postProcessStages.add(Cesium.PostProcessStageLibrary.createDepthOfFieldStage());
        depthOfFieldModel.depthOfField = depthOfField;
    }
    if (depthOfFieldModel.show) {
        $('#DepthOfField').attr('checked', 'checked');
        form.render();
    }
    form.on('checkbox(DepthOfField)', function (data) {
        depthOfFieldModel.show = this.checked;
        updateDepthFieldProcess();
    });
    slider.render({
        elem: '#slideTest11',
        theme: '#1E9FFF', //主题色
        min: 0.0,
        max: 500.0,
        value: depthOfFieldModel.focalDistance,
        change: function (value) {
            depthOfFieldModel.focalDistance = value;
            updateDepthFieldProcess();
        }
    });
    slider.render({
        elem: '#slideTest12',
        theme: '#1E9FFF', //主题色
        min: 10,
        max: 200,
        value: depthOfFieldModel.delta * 100,
        setTips: function (value) { //自定义提示文本
            return value / 100;
        },
        change: function (value) {
            depthOfFieldModel.delta = value;
            updateDepthFieldProcess();
        }
    });
    slider.render({
        elem: '#slideTest13',
        theme: '#1E9FFF', //主题色
        min: 50,
        max: 500,
        value: depthOfFieldModel.sigma * 100,
        setTips: function (value) { //自定义提示文本
            return value / 100;
        },
        change: function (value) {
            depthOfFieldModel.sigma = value;
            updateDepthFieldProcess();
        }
    });
    slider.render({
        elem: '#slideTest14',
        theme: '#1E9FFF', //主题色
        min: 0,
        max: 700,
        value: depthOfFieldModel.stepSize * 100,
        setTips: function (value) { //自定义提示文本
            return value / 100;
        },
        change: function (value) {
            depthOfFieldModel.stepSize = value;
            updateDepthFieldProcess();
        }
    });

    function updateAmbientOcclusionProcess() {
        ambientOcclusion.enabled = Boolean(ambientOcclusionModel.show) || Boolean(ambientOcclusionModel.ambientOcclusionOnly);
        ambientOcclusion.uniforms.ambientOcclusionOnly = Boolean(ambientOcclusionModel.ambientOcclusionOnly);
        ambientOcclusion.uniforms.intensity = Number(ambientOcclusionModel.intensity);
        ambientOcclusion.uniforms.bias = Number(ambientOcclusionModel.bias);
        ambientOcclusion.uniforms.lengthCap = Number(ambientOcclusionModel.lengthCap);
        ambientOcclusion.uniforms.stepSize = Number(ambientOcclusionModel.stepSize);
        ambientOcclusion.uniforms.blurStepSize = Number(ambientOcclusionModel.blurStepSize);
    }

    function updateBloomProcess() {
        bloom.enabled = Boolean(bloomModel.show);
        bloom.uniforms.glowOnly = Boolean(bloomModel.glowOnly);
        bloom.uniforms.contrast = Number(bloomModel.contrast);
        bloom.uniforms.brightness = Number(bloomModel.brightness);
        bloom.uniforms.delta = Number(bloomModel.delta);
        bloom.uniforms.sigma = Number(bloomModel.sigma);
        bloom.uniforms.stepSize = Number(bloomModel.stepSize);
    }

    function updateDepthFieldProcess() {
        depthOfField.enabled = Boolean(depthOfFieldModel.show);
        depthOfField.uniforms.focalDistance = Number(depthOfFieldModel.focalDistance);
        depthOfField.uniforms.delta = Number(depthOfFieldModel.delta);
        depthOfField.uniforms.sigma = Number(depthOfFieldModel.sigma);
        depthOfField.uniforms.stepSize = Number(depthOfFieldModel.stepSize);
    }

    //环境光调节窗口点关闭事件
    function onbeforeunload_handler() {
        var $title = $(window.parent.document).find('.layui-layer-title');
        if ($title.length > 0) {
            $title.each(function (i, item) {
                if (item.innerHTML === "环境光调节") {
                    var closeButton = $(item).parent().find('.layui-layer-close');
                    closeButton.click(function () {
                        var newSet = {
                            'ambientOcclusionModel': ambientOcclusionModel,
                            'bloomModel': bloomModel,
                            'depthOfFieldModel': depthOfFieldModel
                        };
                        parent.window.ambientSetting = newSet
                    });
                }
            })
        }
    }

    updateAmbientOcclusionProcess();
    updateBloomProcess();
    updateDepthFieldProcess();

    onbeforeunload_handler();
});