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

// function removebuildings() {
//   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')"],
//         ],
//       },
//     });

// }



// };



// 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();
//     } 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: 'Heating Demand by Month',
//     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("#chartNordB"), options);
//   chart.render();

//   }