var heatdemVal01 = 100
var heatdemVal02 = 200
var heatdemVal03 = 300
var heatdemVal04 = 400

function removebuildings() {
  screenspaceErr(false)
  var layerIndexStuttgartTotal
  var layerIndexStuttgartBahnhof
  var layernameStuttgartTotal = ["StuttgartLocal"]
  var layernameStuttgartBahnhof = ["StuttgartPart"]
  var frameworkSTU = vcs.vcm.Framework.getInstance();
  var layersSTU = frameworkSTU.getLayers();
  for (var i = 0; i < layersSTU.length; i++) {
    var layerst = layersSTU[i];
    if (layernameStuttgartTotal.indexOf(layerst.name) >= 0) {
      layerIndexStuttgartTotal = i
    }
  }
  for (var i = 0; i < layersSTU.length; i++) {
    var layerst = layersSTU[i];
    if (layernameStuttgartBahnhof.indexOf(layerst.name) >= 0) {
      layerIndexStuttgartBahnhof = i
    }
  }


  var layerBAHN = layersSTU[layerIndexStuttgartBahnhof];
  var layerSTU = layersSTU[layerIndexStuttgartTotal];
  var tilesetSTU = layerSTU.cesium3DTileset;
  var tilesetBAHN = layerBAHN.cesium3DTileset;
  if (tilesetSTU) {
    tilesetSTU.style = new Cesium.Cesium3DTileStyle({
      color: {
        conditions: [
          ["regExp('DEBW522AA0000ee8d').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0000c4d8').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0000c4d6').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0000c4d7').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0002bef8').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0003afbd').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0004327e').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA000345f7').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0000d2c3').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00001bf2').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00013824').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00013825').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00001bf3').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0001fc97').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00037c31').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0002bef9').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00014e93').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00042cff').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00033a36').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00033d46').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00038caf').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA000183c1').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00006db1').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0002bab2').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00021f4a').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0001f8b2').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00013b9e').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0001f8b2').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00022dcd').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00041629').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00038b0e').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0003bf3c').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00022bdd').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00001d01').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0000976b').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0001374b').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0001fc98').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0000c4d4').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0000c4d5').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00026ca1').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00023f8f').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA000014c4').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA000426e5').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0001566f').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0000db38').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA0000ef56').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00027ddb').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA000039fd').test(${gml_id})", "color('#38943d','0')"],
          // ["(${gml_id} === 'DEBW522AA0000ee8d')", "color('#38943d','0.5')"],
          // ["(${gml_parent_id} === 'DEBW522AA0000ee8c')", "color('#38943d','0.5')"],
          ["true", "color('#FFFFFF')"],
        ],
      },
    });

  }
  if (tilesetBAHN) {
    tilesetBAHN.style = new Cesium.Cesium3DTileStyle({
      color: {
        conditions: [
          ["regExp('DEBW522AA0001fd8a').test(${gml_id})", "color('#38943d','0')"],
          ["regExp('DEBW522AA00016448').test(${gml_id})", "color('#38943d','0')"],
          ["true", "color('#FFFFFF')"],
        ],
      },
    });

  }
  var layernamePart4 = ["Ludwigsburg"]
  var frameworkPart4 = vcs.vcm.Framework.getInstance();
  var layersPart4 = frameworkPart4.getLayers();
  for (var i = 0; i < layersPart4.length; i++) {
    var layerPart4 = layersPart4[i];
    if (layernamePart4.indexOf(layerPart4.name) >= 0) {
      layerPart4.activate(false);
    }
  }


};

function oldZust() {

  var layerNamesToDeactivate = ["Rosenstein"]
  var layers = framework.getLayers();

  for (var i = 0; i < layers.length; i++) {
    var layer = layers[i];
    if (layerNamesToDeactivate.indexOf(layer.name) >= 0) {
      layer.activate(false);
    }
  }

  var layerNamesToActivate = ["StuttgartPart"]
  var layersA = framework.getLayers();

  for (var i = 0; i < layersA.length; i++) {
    var layerA = layersA[i];
    if (layerNamesToActivate.indexOf(layerA.name) >= 0) {
      layerA.activate(true);
    }
  }


  checkboxHighlight(false);
  checkboxDemand(false);


  // var layerIndexStockach
  // var layernameStockach = ["Stöckach"]
  // var frameworkZus = vcs.vcm.Framework.getInstance();
  // var layersZus = frameworkZus.getLayers();
  // for (var i = 0; i< layersZus.length; i++) {
  //   var layerst = layersZus[i];
  //   if(layernameStockach.indexOf(layerst.name) >= 0) {
  //   layerIndexStockach = i
  // }}
  // var layerStock = layersZus[layerIndexStockach];

  // layerStock.showObjects(["DEBW522AA00022dcc", "DEBW522AA0003bf3b","DEBW522AA0000976a","DEBW522AA00001d00"]);


}

function newPlan() {

  var layerNamesToActivate = ["Rosenstein"]
  var layers = framework.getLayers();

  for (var i = 0; i < layers.length; i++) {
    var layer = layers[i];
    if (layerNamesToActivate.indexOf(layer.name) >= 0) {
      layer.activate(true);
    }
  }
  var layerNamesToDeactivate = ["StuttgartPart"]
  var layersA = framework.getLayers();

  for (var i = 0; i < layersA.length; i++) {
    var layerA = layersA[i];
    if (layerNamesToDeactivate.indexOf(layerA.name) >= 0) {
      layerA.activate(false);
    }
  }


  checkboxHighlight(false);
  checkboxDemand(false);

  // var layerIndexStockach
  // var layernameStockach = ["Stöckach"]
  // var frameworkZus = vcs.vcm.Framework.getInstance();
  // var layersZus = frameworkZus.getLayers();
  // for (var i = 0; i< layersZus.length; i++) {
  //   var layerst = layersZus[i];
  //   if(layernameStockach.indexOf(layerst.name) >= 0) {
  //   layerIndexStockach = i
  // }}
  // var layerStock = layersZus[layerIndexStockach];

  // layerStock.hideObjects(["DEBW522AA00022dcc", "DEBW522AA0003bf3b","DEBW522AA0000976a","DEBW522AA00001d00"]);

}

function checkboxHighlight(change) {
  var chk_ceil = document.getElementById("chxboxHighlight");
  if (chk_ceil.checked == true) {
    if (change == true) {
      document.getElementById("chxboxDemand").checked = false;
    }
    highlightStuff();
  } else {
    if (document.getElementById("chxboxDemand").checked == false) {
      unhighlightStuff();
    }
    // if(change==true){
    //   document.getElementById("chxboxDemand").checked = false;
    // }

  }

};

function checkboxDemand(change) {
  var chk_ceil = document.getElementById("chxboxDemand");
  if (chk_ceil.checked == true) {
    if (change == true) {
      document.getElementById("chxboxHighlight").checked = false;
    }
    highlightEnergy();
    // showgraph();
  } else {
    if (document.getElementById("chxboxHighlight").checked == false) {
      unhighlightStuff();
    }
    // if(change==true){
    //   document.getElementById("chxboxHighlight").checked = false;
    // }

  }
};

function highlightStuff() {
  var layerIndexStockach
  var layernameStockach = ["Stöckach"]
  var frameworkZus = vcs.vcm.Framework.getInstance();
  var layersZus = frameworkZus.getLayers();
  for (var i = 0; i < layersZus.length; i++) {
    var layerst = layersZus[i];
    if (layernameStockach.indexOf(layerst.name) >= 0) {
      layerIndexStockach = i
    }
  }
  highlightBuildings(layerIndexStockach, ["DEBW522AA00022dcc", "DEBW522AA0003bf3b", "DEBW522AA0000976a", "DEBW522AA00001d00"]);

  var layerNamesToActivate = ["C1"]
  var layerNamesToActivate2 = ["B"]
  var layers = framework.getLayers();

  for (var i = 0; i < layers.length; i++) {
    var layer = layers[i];
    if (layerNamesToActivate.indexOf(layer.name) >= 0) {
      layer.activate(true);
    }
    if (layerNamesToActivate2.indexOf(layer.name) >= 0) {
      layer.activate(true);
    }
  }
}

function highlightBuildings(layerIndex, id) {

  var Framework = vcs.vcm.Framework.getInstance();
  var layers = Framework.getLayers();
  var layer = layers[layerIndex];
  layer.highlight({
    "DEBW522AA00022dcc": Cesium.Color.fromCssColorString("#BB8FCE")
  })
  layer.highlight({
    "DEBW522AA0003bf3b": Cesium.Color.fromCssColorString("#BB8FCE")
  })
  layer.highlight({
    "DEBW522AA0000976a": Cesium.Color.fromCssColorString("#BB8FCE")
  })
  layer.highlight({
    "DEBW522AA00001d00": Cesium.Color.fromCssColorString("#BB8FCE")
  })

  var layerIndexRosenstein
  var layernameRosenstein = ["Rosenstein"]
  var frameworkZus = vcs.vcm.Framework.getInstance();
  var layersZus = frameworkZus.getLayers();
  for (var i = 0; i < layersZus.length; i++) {
    var layerst = layersZus[i];
    if (layernameRosenstein.indexOf(layerst.name) >= 0) {
      layerIndexRosenstein = i
    }
  }


  layer2 = layers[layerIndexRosenstein];
  var tileset = layer2.cesium3DTileset;
  if (tileset) {
    tileset.style = new Cesium.Cesium3DTileStyle({
      color: {
        conditions: [
          ["true", "color('#77a1b9')"],
        ],
      },
    });

  }


  var layerIndexPart
  var layernamePart = ["StuttgartPart"]
  var frameworkPart = vcs.vcm.Framework.getInstance();
  var layersPart = frameworkPart.getLayers();
  for (var i = 0; i < layersPart.length; i++) {
    var layerPart = layersPart[i];
    if (layernamePart.indexOf(layerPart.name) >= 0) {
      layerIndexPart = i
    }
  }

  layer3 = layersPart[layerIndexPart];
  var tilesetPart = layer3.cesium3DTileset;
  if (tilesetPart) {
    tilesetPart.style = new Cesium.Cesium3DTileStyle({
      color: {
        conditions: [
          ["${gml_id} === 'DEBW522AA0001fd8a'", "color('#FFFFFF')"],
          ["${gml_id} === 'DEBW522AA00016448'", "color('#FFFFFF')"],
          ["true", "color('#77a1b9')"],
        ],
      },
    });
  }

  // ----------why does this not work?
  // for (i = 0; i < id.length - 1; i++){
  //   idtext = '' + id[i]
  //   layer.highlight({idtext:Cesium.Color.fromCssColorString("#BB8FCE")})
  //   console.log("layer.highlight({" + idtext + ":Cesium.Color.fromCssColorString('#BB8FCE')})")
  // }

}

function unhighlightStuff() {

  // var layerIndexStockach
  // var layernameStockach = ["Stöckach"]
  var framework = vcs.vcm.Framework.getInstance();
  var layers = framework.getLayers();
  // for (var i = 0; i< layers.length; i++) {
  //   var layersto = layers[i];
  //   if(layernameStockach.indexOf(layersto.name) >= 0) {
  //   layerIndexStockach = i
  // }}
  // var layer = layers[layerIndexStockach];
  // layer.highlight({"DEBW522AA00022dcc":Cesium.Color.fromCssColorString("#BB8FCE")})
  // layer.highlight({"DEBW522AA0003bf3b":Cesium.Color.fromCssColorString("#BB8FCE")})
  // layer.highlight({"DEBW522AA0000976a":Cesium.Color.fromCssColorString("#BB8FCE")})
  // layer.highlight({"DEBW522AA00001d00":Cesium.Color.fromCssColorString("#BB8FCE")})
  // layer.clearHighlighting();




  var layerIndexRosenstein
  var layernameRosenstein = ["Rosenstein"]
  var frameworkZus = vcs.vcm.Framework.getInstance();
  var layersZus = frameworkZus.getLayers();
  for (var i = 0; i < layersZus.length; i++) {
    var layerst = layersZus[i];
    if (layernameRosenstein.indexOf(layerst.name) >= 0) {
      layerIndexRosenstein = i
    }
  }


  layer2 = layers[layerIndexRosenstein];
  // var tileset = layer2.cesium3DTileset;
  layer2.clearStyle();

  var layerIndexPart
  var layernamePart = ["StuttgartPart"]
  var frameworkPart = vcs.vcm.Framework.getInstance();
  var layersPart = frameworkPart.getLayers();
  for (var i = 0; i < layersPart.length; i++) {
    var layerPart = layersPart[i];
    if (layernamePart.indexOf(layerPart.name) >= 0) {
      layerIndexPart = i
    }
  }


  layer3 = layersPart[layerIndexPart];
  // var tilesetPart = layer3.cesium3DTileset;
  layer3.clearStyle();
  // tileset.style = new Cesium.Cesium3DTileStyle({
  //   color: {
  //     conditions: [
  //         ["true", "rgb(127, 59, 8)"],
  //     ],
  //   },
  // });

  var layerNamesToActivate = ["C1"]
  var layerNamesToActivate2 = ["B"]
  var layerss = framework.getLayers();

  for (var i = 0; i < layerss.length; i++) {
    var layero = layerss[i];
    if (layerNamesToActivate.indexOf(layero.name) >= 0) {
      layero.activate(false);
    }
    if (layerNamesToActivate2.indexOf(layero.name) >= 0) {
      layero.activate(false);
    }
  }
}

function highlightEnergy() {


  var layerIndexRosenstein
  var layernameRosenstein = ["Rosenstein"]
  var frameworkZus = vcs.vcm.Framework.getInstance();
  var layersZus = frameworkZus.getLayers();
  for (var i = 0; i < layersZus.length; i++) {
    var layerst = layersZus[i];
    if (layernameRosenstein.indexOf(layerst.name) >= 0) {
      layerIndexRosenstein = i
    }
  }


  var layer2 = layersZus[layerIndexRosenstein];
  var tileset = layer2.cesium3DTileset;
  if (tileset) {
    tileset.style = new Cesium.Cesium3DTileStyle({
      color: {
        conditions: [
          ["(${Specificspaceheatingdemand} > 0)  && (${Specificspaceheatingdemand} < " + heatdemVal01 + ")", "color('#38943d')"],
          ["(${Specificspaceheatingdemand} >= " + heatdemVal01 + ")  && (${Specificspaceheatingdemand} < " + heatdemVal02 + ")", "color('#699438')"],
          ["(${Specificspaceheatingdemand} >= " + heatdemVal02 + ")  && (${Specificspaceheatingdemand} < " + heatdemVal03 + ")", "color('#d0d40b')"],
          ["(${Specificspaceheatingdemand} >= " + heatdemVal03 + ")  && (${Specificspaceheatingdemand} < " + heatdemVal04 + ")", "color('#db6f09')"],
          ["(${Specificspaceheatingdemand} >= " + heatdemVal04 + ")  && (${Specificspaceheatingdemand} < 500)", "color('#ad0202')"],
          ["true", "color('#77a1b9')"],
        ],
      },
    });

  }


  var layerIndexPart
  var layernamePart = ["StuttgartPart"]
  var frameworkPart = vcs.vcm.Framework.getInstance();
  var layersPart = frameworkPart.getLayers();
  for (var i = 0; i < layersPart.length; i++) {
    var layerPart = layersPart[i];
    if (layernamePart.indexOf(layerPart.name) >= 0) {
      layerIndexPart = i
    }
  }

  var layer3 = layersPart[layerIndexPart];
  var tilesetPart = layer3.cesium3DTileset;
  if (tilesetPart) {
    tilesetPart.style = new Cesium.Cesium3DTileStyle({
      color: {
        conditions: [
          ["${gml_id} === 'DEBW522AA0001fd8a'", "color('#FFFFFF')"],
          ["${gml_id} === 'DEBW522AA00016448'", "color('#FFFFFF')"],
          ["(${Specificspaceheatingdemand} > 0)  && (${Specificspaceheatingdemand} < " + heatdemVal01 + ")", "color('#38943d')"],
          ["(${Specificspaceheatingdemand} >= " + heatdemVal01 + ")  && (${Specificspaceheatingdemand} < " + heatdemVal02 + ")", "color('#699438')"],
          ["(${Specificspaceheatingdemand} >= " + heatdemVal02 + ")  && (${Specificspaceheatingdemand} < " + heatdemVal03 + ")", "color('#d0d40b')"],
          ["(${Specificspaceheatingdemand} >= " + heatdemVal03 + ")  && (${Specificspaceheatingdemand} < " + heatdemVal04 + ")", "color('#db6f09')"],
          ["(${Specificspaceheatingdemand} >= " + heatdemVal04 + ")  && (${Specificspaceheatingdemand} < 500)", "color('#ad0202')"],
          ["true", "color('#77a1b9')"],
        ],
      },
    });
  }

  // ----------why does this not work?
  // for (i = 0; i < id.length - 1; i++){
  //   idtext = '' + id[i]
  //   layer.highlight({idtext:Cesium.Color.fromCssColorString("#BB8FCE")})
  //   console.log("layer.highlight({" + idtext + ":Cesium.Color.fromCssColorString('#BB8FCE')})")
  // }

}

function showgraph() {
  var options = {
    series: [{
      name: "Bisheriges Gebäude",
      data: [376513, 291342, 187649, 62589, 3942, 0, 0, 0, 8, 81966, 231772, 360644]
    }, {
      name: "Neues Gebäude",
      data: [37772, 28936, 17886, 4169, 128, 1, 0, 0, 44, 7224, 23163, 36245]
    }],
    chart: {
      height: 350,
      width: '100%',
      type: 'line',
      zoom: {
        enabled: false
      }
    },
    dataLabels: {
      enabled: false
    },
    stroke: {
      curve: 'straight'
    },
    title: {
      text: 'Wärmebedarf pro Monat',
      align: 'left'
    },
    grid: {
      row: {
        colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
        opacity: 0.5
      },
    },
    xaxis: {
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez'],
    }
  };

  var chart = new ApexCharts(document.querySelector("#heatdemandgraphID"), options);
  chart.render();
  // document.getElementById("chartNordB").style.minHeight = "0px";
}