$(function () {
    //环境
    var hjg = false;
    var jhjgzb = false;
    //光
    var gy = false;
    //景深
    var js = true;
    layui.use(['form', 'slider'], function () {
        var form = layui.form;
        var slider = layui.slider;
        var viewer = parent.sgworld._Viewer;
        var Cesium = parent.Cesium;
        var sgworld = parent.sgworld;

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

        if (ambientSetting && ambientSetting.bloomModel) {
            bloomModel = ambientSetting.bloomModel;
        } else {
            bloomModel = {
                show: false,
                glowOnly: false,
                contrast: 48,
                brightness: -0.62,
                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();
            hjg = !hjg;
            if (hjg || jhjgzb) {
                slider.render({
                    elem: '#slideTest1',
                    theme: '#1E9FFF', //主题色
                    min: 0,
                    max: 10,
                    disabled: false,
                    value: ambientOcclusionModel.intensity,
                    change: function (value) {
                        ambientOcclusionModel.intensity = value;
                        updateAmbientOcclusionProcess();
                    }
                });
                slider.render({
                    elem: '#slideTest2',
                    theme: '#1E9FFF', //主题色
                    min: 0,
                    max: 100,
                    disabled: false,
                    value: ambientOcclusionModel.bias * 100,
                    setTips: function (value) { //自定义提示文本
                        return value / 100;
                    },
                    change: function (value) {
                        ambientOcclusionModel.bias = value;
                        updateAmbientOcclusionProcess();
                    }
                });
            } else {
                slider.render({
                    elem: '#slideTest1',
                    theme: '#1E9FFF', //主题色
                    min: 0,
                    max: 10,
                    disabled: true,
                    value: 1,
                    change: function (value) {
                        ambientOcclusionModel.intensity = value;
                        updateAmbientOcclusionProcess();
                    }
                });
                slider.render({
                    elem: '#slideTest2',
                    theme: '#1E9FFF', //主题色
                    min: 0,
                    max: 100,
                    disabled: true,
                    value: 0,
                    setTips: function (value) { //自定义提示文本
                        return value / 100;
                    },
                    change: function (value) {
                        ambientOcclusionModel.bias = value;
                        updateAmbientOcclusionProcess();
                    }
                });
            }
        });

        if (ambientOcclusionModel.ambientOcclusionOnly) {
            $('#AmbientOcclusionOnly').attr('checked', 'checked');
            form.render();
        }
        form.on('checkbox(AmbientOcclusionOnly)', function (data) {
            ambientOcclusionModel.ambientOcclusionOnly = this.checked;
            updateAmbientOcclusionProcess();
            jhjgzb = !jhjgzb;
            if (hjg || jhjgzb) {
                slider.render({
                    elem: '#slideTest1',
                    theme: '#1E9FFF', //主题色
                    min: 0,
                    max: 10,
                    disabled: false,
                    value: ambientOcclusionModel.intensity,
                    change: function (value) {
                        ambientOcclusionModel.intensity = value;
                        updateAmbientOcclusionProcess();
                    }
                });
                slider.render({
                    elem: '#slideTest2',
                    theme: '#1E9FFF', //主题色
                    min: 0,
                    max: 100,
                    disabled: false,
                    value: ambientOcclusionModel.bias * 100,
                    setTips: function (value) { //自定义提示文本
                        return value / 100;
                    },
                    change: function (value) {
                        ambientOcclusionModel.bias = value;
                        updateAmbientOcclusionProcess();
                    }
                });
            } else {
                slider.render({
                    elem: '#slideTest1',
                    theme: '#1E9FFF', //主题色
                    min: 0,
                    max: 10,
                    disabled: true,
                    value: 1,
                    change: function (value) {
                        ambientOcclusionModel.intensity = value;
                        updateAmbientOcclusionProcess();
                    }
                });
                slider.render({
                    elem: '#slideTest2',
                    theme: '#1E9FFF', //主题色
                    min: 0,
                    max: 100,
                    disabled: true,
                    value: 0,
                    setTips: function (value) { //自定义提示文本
                        return value / 100;
                    },
                    change: function (value) {
                        ambientOcclusionModel.bias = value;
                        updateAmbientOcclusionProcess();
                    }
                });
            }
        });

        slider.render({
            elem: '#slideTest1',
            theme: '#1E9FFF', //主题色
            min: 0,
            max: 10,
            disabled: true,
            change: function (value) {
                ambientOcclusionModel.intensity = value;
                updateAmbientOcclusionProcess();
            }
        });
        slider.render({
            elem: '#slideTest2',
            theme: '#1E9FFF', //主题色
            min: 0,
            max: 100,
            disabled: true,
            setTips: function (value) { //自定义提示文本
                return value / 100;
            },
            change: function (value) {
                ambientOcclusionModel.bias = value;
                updateAmbientOcclusionProcess();
            }
        });
        slider.render({
            elem: '#slideTest3',
            theme: '#1E9FFF', //主题色
            min: 100,
            max: 1000,
            setTips: function (value) { //自定义提示文本
                return value / 100;
            },
            change: function (value) {
                ambientOcclusionModel.lengthCap = value;
                updateAmbientOcclusionProcess();
            }
        });
        slider.render({
            elem: '#slideTest4',
            theme: '#1E9FFF', //主题色
            min: 0,
            max: 100,
            setTips: function (value) { //自定义提示文本
                return value / 100;
            },
            change: function (value) {
                ambientOcclusionModel.stepSize = value;
                updateAmbientOcclusionProcess();
            }
        });
        slider.render({
            elem: '#slideTest5',
            theme: '#1E9FFF', //主题色
            min: 0,
            max: 400,
            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();
            gy = !gy;
            if (gy) {
                slider.render({
                    elem: '#slideTest6',
                    theme: '#1E9FFF', //主题色
                    min: 0,
                    max: 255.0,
                    disabled: false,
                    value: bloomModel.contrast,
                    change: function (value) {
                        bloomModel.contrast = value;
                        updateBloomProcess();
                    }
                });
                slider.render({
                    elem: '#slideTest7',
                    theme: '#1E9FFF', //主题色
                    min: -100,
                    max: 100,
                    disabled: false,
                    value: bloomModel.brightness * 100,
                    setTips: function (value) { //自定义提示文本
                        return value / 100;
                    },
                    change: function (value) {
                        bloomModel.brightness = value;
                        updateBloomProcess();
                    }
                });
            } else {
                slider.render({
                    elem: '#slideTest6',
                    theme: '#1E9FFF', //主题色
                    min: 0,
                    max: 255.0,
                    disabled: true,
                    value: 0,
                    change: function (value) {
                        bloomModel.contrast = value;
                        updateBloomProcess();
                    }
                });
                slider.render({
                    elem: '#slideTest7',
                    theme: '#1E9FFF', //主题色
                    min: -100,
                    max: 100,
                    disabled: true,
                    value: -100,
                    setTips: function (value) { //自定义提示文本
                        return value / 100;
                    },
                    change: function (value) {
                        bloomModel.brightness = value;
                        updateBloomProcess();
                    }
                });
            }
        });
        // form.on('checkbox(GlowOnly)', function (data) {
        //     bloomModel.glowOnly = this.checked;
        //     updateBloomProcess();
        // });
        slider.render({
            elem: '#slideTest6',
            theme: '#1E9FFF', //主题色
            min: 0,
            max: 255.0,
            disabled: true,
            change: function (value) {
                bloomModel.contrast = value;
                updateBloomProcess();
            }
        });
        slider.render({
            elem: '#slideTest7',
            theme: '#1E9FFF', //主题色
            min: -100,
            max: 100,
            disabled: true,
            value: -100,
            setTips: function (value) { //自定义提示文本
                return value / 100;
            },
            change: function (value) {
                bloomModel.brightness = value;
                updateBloomProcess();
            }
        });
        slider.render({
            elem: '#slideTest8',
            theme: '#1E9FFF', //主题色
            min: 100,
            max: 500,
            setTips: function (value) { //自定义提示文本
                return value / 100;
            },
            change: function (value) {
                bloomModel.delta = value;
                updateBloomProcess();
            }
        });
        slider.render({
            elem: '#slideTest9',
            theme: '#1E9FFF', //主题色
            min: 100,
            max: 1000,
            setTips: function (value) { //自定义提示文本
                return value / 100;
            },
            change: function (value) {
                bloomModel.sigma = value;
                updateBloomProcess();
            }
        });
        slider.render({
            elem: '#slideTest10',
            theme: '#1E9FFF', //主题色
            min: 0,
            max: 700,
            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();
        //     js=!js;
        //     if(js){
        //         slider.render({
        //             elem: '#slideTest14',
        //             theme: '#1E9FFF', //主题色
        //             min: 0,
        //             max: 700,
        //             disabled:false,
        //             value: depthOfFieldModel.stepSize * 100,
        //             setTips: function (value) { //自定义提示文本
        //                 return value / 100;
        //             },
        //             change: function (value) {
        //                 depthOfFieldModel.stepSize = value;
        //                 updateDepthFieldProcess();
        //             }
        //         });
        //     }else{
        //         slider.render({
        //             elem: '#slideTest14',
        //             theme: '#1E9FFF', //主题色
        //             min: 0,
        //             max: 700,
        //             disabled:true,
        //             value: depthOfFieldModel.stepSize * 100,
        //             setTips: function (value) { //自定义提示文本
        //                 return value / 100;
        //             },
        //             change: function (value) {
        //                 depthOfFieldModel.stepSize = value;
        //                 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,
        //     disabled:false,
        //     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);
            saveData();
        }

        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);
            saveData();
        }

        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);
            saveData();
        }

        function saveData() {
            var newSet = {
                'ambientOcclusionModel': ambientOcclusionModel,
                'bloomModel': bloomModel,
                'depthOfFieldModel': depthOfFieldModel
            };
            parent.window.ambientSetting = newSet;
        }

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

        saveData();

        if (viewer.scene.globe.enableLighting) {
            $('#enableLighting').next().click();
        }
        form.on('checkbox(enableLighting)', function (data) {
            viewer.scene.globe.enableLighting = this.checked;
        });

        if (parent.SpaceBackgroundData) {
            $('#background').next().click();
        }
        form.on('checkbox(background)', function (data) {
            var isChecked = this.checked;
            if (!isChecked) {
                if (parent.SpaceBackgroundData && parent.SpaceBackgroundData.clear) {
                    parent.SpaceBackgroundData.clear();
                    parent.SpaceBackgroundData = undefined;
                }
            } else {
                if (parent.SkyBoxData) {
                    $('#SkyBox').next().click();
                }
                parent.SpaceBackgroundData = sgworld.Creator.setSpaceBackground("./static/img/background.jpg");
            }
        });
        if (parent.SkyBoxData) {
            $('#SkyBox').next().click();
        }
        form.on('checkbox(SkyBox)', function (data) {
            var isChecked = this.checked;
            if (!isChecked) {
                if (parent.SkyBoxData && parent.SkyBoxData.clear) {
                    parent.SkyBoxData.clear();
                    parent.SkyBoxData = undefined;
                }
            } else {
                if (parent.SpaceBackgroundData) {
                    $('#background').next().click();
                }
                parent.SkyBoxData = sgworld.Creator.SkyBox(true, {
                    positiveX: "./static/img/rightav9.jpg",
                    negativeX: "./static/img/leftav9.jpg",
                    positiveY: "./static/img/frontav9.jpg",
                    negativeY: "./static/img/backav9.jpg",
                    positiveZ: "./static/img/topav9.jpg",
                    negativeZ: "./static/img/bottomav9.jpg",
                });
            }
        });
    });
})