Update Rosenstein own project

vcm/config.json

@@ -1597,6 +1597,27 @@
         }
       },
       "heightAboveGround": 0
+    },{
+      "name": "AreaRosen",
+      "url": "./datasource-data/Areas/Rosenstein.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {
+        "epsg": "4326",
+        "proj4": ""
+      },
+      "altitudeMode": "relativeToGround",
+      "style": {
+        "image": {
+          "icon": {
+            "src": "",
+            "scale": 0.5
+          }
+        }
+      },
+      "heightAboveGround": 0
     },{
       "name": "ProjektOne",
       "url": "./datasource-data/locations/ProjektOne.geojson",
@@ -1682,6 +1703,28 @@
       },
       "heightAboveGround": 0
     },
+    {
+      "name": "LocationRosen",
+      "url": "./datasource-data/Areas/RosenPoint.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": false,
+      "exclusive": false,
+      "projection": {
+        "epsg": "4326",
+        "proj4": ""
+      },
+      "altitudeMode": "relativeToGround",
+      "style": {
+        "image": {
+          "icon": {
+            "src": "./images/icons/locationSM.png",
+            "scale": 0.5
+          }
+        }
+      },
+      "heightAboveGround": 0
+    },
     {
       "name": "LocationNordB",
       "url": "./datasource-data/Areas/NordBPoint.geojson",

vcm/css/menu.css

@@ -419,6 +419,7 @@ ul > li {
 
 
 .mySlidesNord {display: none;}
+.mySlidesRosen {display: none;}
 
 
 /* Slideshow container */
@@ -427,6 +428,11 @@ ul > li {
   position: relative;
   margin: auto;
 }
+.slideshow-containerRosen {
+  max-width: 1000px;
+  position: relative;
+  margin: auto;
+}
 
 /* Next & previous buttons */
 .prevNord, .nextNord {
@@ -443,18 +449,39 @@ ul > li {
   border-radius: 0 3px 3px 0;
   user-select: none;
 }
-
+.prevRosen, .nextRosen {
+  cursor: pointer;
+  position: absolute;
+  top: 50%;
+  width: auto;
+  padding: 16px;
+  margin-top: -22px;
+  color: white;
+  font-weight: bold;
+  font-size: 18px;
+  transition: 0.6s ease;
+  border-radius: 0 3px 3px 0;
+  user-select: none;
+}
 /* Position the "next button" to the right */
 .nextNord {
   right: 0;
   border-radius: 3px 0 0 3px;
 }
+.nextRosen {
+  right: 0;
+  border-radius: 3px 0 0 3px;
+}
 
 /* On hover, add a black background color with a little bit see-through */
 .prevNord:hover, .nextNord:hover {
   background-color: rgba(0,0,0,0.8);
 }
 
+.prevRosen:hover, .nextRosen:hover {
+  background-color: rgba(0,0,0,0.8);
+}
+
 /* Caption text */
 .textNord {
   background-color: #f2f2f2;
@@ -467,6 +494,17 @@ ul > li {
   width: 100%;
   text-align: center;
 }
+.textRosen {
+  background-color: #f2f2f2;
+  font-size: 15px;
+  padding: 8px 12px;
+  position: absolute;
+  color: #121212;
+  border:1px solid #121212;
+  bottom: 12px;
+  width: 100%;
+  text-align: center;
+}
 
 /* Number text (1/3 etc) */
 .numbertextNord {
@@ -476,6 +514,13 @@ ul > li {
   position: absolute;
   top: 0;
 }
+.numbertextRosen {
+  color: #f2f2f2;
+  font-size: 12px;
+  padding: 8px 12px;
+  position: absolute;
+  top: 0;
+}
 
 /* The dots/bullets/indicators */
 .dotNord {
@@ -488,10 +533,22 @@ ul > li {
   display: inline-block;
   transition: background-color 0.6s ease;
 }
-
+.dotRosen {
+  cursor: pointer;
+  height: 15px;
+  width: 15px;
+  margin: 0 2px;
+  background-color: #bbb;
+  border-radius: 50%;
+  display: inline-block;
+  transition: background-color 0.6s ease;
+}
 .activeNord, .dotNord:hover {
   background-color: #717171;
 }
+.activeRosen, .dotRosen:hover {
+  background-color: #717171;
+}
 
 /* Fading animation
 .fade {
@@ -516,3 +573,6 @@ ul > li {
   .prevNord, .nextNord,.textNord {font-size: 11px}
 }
 
+@media only screen and (max-width: 300px) {
+  .prevRosen, .nextRosen,.textRosen {font-size: 11px}
+}

vcm/datasource-data/Areas/NordB.geojson

-{"id": "jgKFYFqbbJ75AZh7N", "type": "FeatureCollection", "features":[{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[9.184371706772756,48.80545670995855,-0.04459010074576062],[9.18365242534862,48.80471134396359,-0.04515842679275412],[9.181955170013715,48.79320613080114,-0.04655025513040267],[9.189119216197073,48.7895439811561,-0.058663212923508894],[9.20465766029263,48.79887699239717,-0.026895486653995323],[9.195496930550881,48.802476180381376,-0.0336649600151736],[9.184371706772756,48.80545670995855,-0.04459010074576062]]]},"properties":{},"vcsMeta":{},"id":"3szWZqYtBeR6mZAW5BLjj4fi"}],"featureType":"simple","vcsMeta": {"version":"1.0","altitudeMode":"clampToGround","style":{"type":"vector","fill":{"color":[235,196,0,0.4]},"stroke":{"color":[235,196,0,0.4],"width":1.25,"lineDash":null},"text":{"font":"bold 18px sans-serif","fill":{"color":[51,51,51,1]},"textBaseline":"bottom","offsetY":-15,"offsetX":0},"image":{"scale":1,"fill":{"color":[235,196,0,0.4]},"radius":5,"stroke":{"color":[0,0,0,1],"width":1,"lineDash":null}}}}}
+{
\ No newline at end of file
+   "id":"jgKFYFqbbJ75AZh7N",
+   "type":"FeatureCollection",
+   "features":[
+      {
+         "type":"Feature",
+         "geometry":{
+            "type":"Polygon",
+            "coordinates":[
+               [
+                  [
+                     9.184371706772756,
+                     48.80545670995855,
+                     -0.04459010074576062
+                  ],
+                  [
+                     9.18365242534862,
+                     48.80471134396359,
+                     -0.04515842679275412
+                  ],
+                  [
+                     9.181955170013715,
+                     48.79320613080114,
+                     -0.04655025513040267
+                  ],
+                  [
+                     9.189119216197073,
+                     48.7895439811561,
+                     -0.058663212923508894
+                  ],
+                  [
+                     9.20465766029263,
+                     48.79887699239717,
+                     -0.026895486653995323
+                  ],
+                  [
+                     9.195496930550881,
+                     48.802476180381376,
+                     -0.0336649600151736
+                  ],
+                  [
+                     9.184371706772756,
+                     48.80545670995855,
+                     -0.04459010074576062
+                  ]
+               ]
+            ]
+         },
+         "properties":{
+            
+         },
+         "vcsMeta":{
+            
+         },
+         "id":"3szWZqYtBeR6mZAW5BLjj4fi"
+      }
+   ],
+   "featureType":"simple",
+   "vcsMeta":{
+      "version":"1.0",
+      "altitudeMode":"clampToGround",
+      "style":{
+         "type":"vector",
+         "fill":{
+            "color":[
+               235,
+               196,
+               0,
+               0.4
+            ]
+         },
+         "stroke":{
+            "color":[
+               235,
+               196,
+               0,
+               0.4
+            ],
+            "width":1.25,
+            "lineDash":null
+         },
+         "text":{
+            "font":"bold 18px sans-serif",
+            "fill":{
+               "color":[
+                  51,
+                  51,
+                  51,
+                  1
+               ]
+            },
+            "textBaseline":"bottom",
+            "offsetY":-15,
+            "offsetX":0
+         },
+         "image":{
+            "scale":1,
+            "fill":{
+               "color":[
+                  235,
+                  196,
+                  0,
+                  0.4
+               ]
+            },
+            "radius":5,
+            "stroke":{
+               "color":[
+                  0,
+                  0,
+                  0,
+                  1
+               ],
+               "width":1,
+               "lineDash":null
+            }
+         }
+      }
+   }
+}
\ No newline at end of file

vcm/datasource-data/Areas/RosenPoint.geojson

+{
+   "id":"fh56Xp8G2kXxYf6dR",
+   "type":"FeatureCollection",
+   "features":[
+      {
+         "type":"Feature",
+         "geometry":{
+            "type":"Point",
+            "coordinates":[
+               9.198725443268025,
+               48.79828607364777,
+               -0.06657158959490908
+            ]
+         },
+         "properties":{
+            
+         },
+         "vcsMeta":{
+            
+         },
+         "id":"xw34SpQsmc4ESoFXq5HJb8Am"
+      }
+   ],
+   "featureType":"simple",
+   "vcsMeta":{
+      "version":"1.0",
+      "altitudeMode":"clampToGround"
+   }
+}
\ No newline at end of file

vcm/datasource-data/Areas/Rosenstein.geojson

+{
+   "type":"FeatureCollection",
+   "features":[
+      {
+         "type":"Feature",
+         "properties":{
+            
+         },
+         "geometry":{
+            "type":"Polygon",
+            "coordinates":[
+               [
+                  [
+                     9.194741249084473,
+                     48.80146474331681
+                  ],
+                  [
+                     9.19379711151123,
+                     48.80104073563307
+                  ],
+                  [
+                     9.194912910461426,
+                     48.799938298880214
+                  ],
+                  [
+                     9.194698333740234,
+                     48.79798777449725
+                  ],
+                  [
+                     9.194183349609375,
+                     48.79598063399826
+                  ],
+                  [
+                     9.192852973937988,
+                     48.794340938499076
+                  ],
+                  [
+                     9.191393852233885,
+                     48.79360588518862
+                  ],
+                  [
+                     9.19281005859375,
+                     48.79188129476322
+                  ],
+                  [
+                     9.203581809997559,
+                     48.7984118079891
+                  ],
+                  [
+                     9.203882217407227,
+                     48.799118522509964
+                  ],
+                  [
+                     9.198861122131348,
+                     48.801351674951604
+                  ],
+                  [
+                     9.198217391967772,
+                     48.80126687351045
+                  ],
+                  [
+                     9.196157455444336,
+                     48.80188874741608
+                  ],
+                  [
+                     9.194741249084473,
+                     48.80146474331681
+                  ]
+               ]
+            ]
+         }
+      }
+   ],
+   "featureType":"simple",
+   "vcsMeta":{
+      "version":"1.0",
+      "altitudeMode":"clampToGround",
+      "style":{
+         "type":"vector",
+         "fill":{
+            "color":[
+               235,
+               196,
+               0,
+               0.4
+            ]
+         },
+         "stroke":{
+            "color":[
+               235,
+               196,
+               0,
+               0.4
+            ],
+            "width":1.25,
+            "lineDash":null
+         },
+         "text":{
+            "font":"bold 18px sans-serif",
+            "fill":{
+               "color":[
+                  51,
+                  51,
+                  51,
+                  1
+               ]
+            },
+            "textBaseline":"bottom",
+            "offsetY":-15,
+            "offsetX":0
+         },
+         "image":{
+            "scale":1,
+            "fill":{
+               "color":[
+                  235,
+                  196,
+                  0,
+                  0.4
+               ]
+            },
+            "radius":5,
+            "stroke":{
+               "color":[
+                  0,
+                  0,
+                  0,
+                  1
+               ],
+               "width":1,
+               "lineDash":null
+            }
+         }
+      }
+   }
+}
\ No newline at end of file

vcm/index.html

@@ -344,9 +344,9 @@
                     </div>
                     <div id="heatdemandgraphID" style="margin-bottom:2em;">
 
-                        </div>
+                    </div>
                     <div id="main_heatdem">
-                        
+
 
                     </div>
                     <p class="contentOne">Der Graph vergleicht beispielhaft zwei Gebäude bezüglich ihres monatlichen
@@ -669,7 +669,23 @@
                         <img class="imagecol3" src="images/projects/noise1.png" alt="Mountains" style="width:100%">
                     </div> -->
                 </div>
-
+                <div class="row3">
+                    <div style="cursor:pointer;" id="btn_rosen"
+                        onclick="removebuildings();addcont('main_nordbstuff3');RosensteinText();setpositionVAR(false);zoomtop('RosensteinPage');historyRosen();newPlan()"
+                        class="column3">
+                        <h3 class="top-left">Rosenstein</h3>
+                        <img class="imagecol3" src="images/thumbnails/Rosen_thumb_001.jpg" alt="Forest"
+                            style="width:100%">
+                    </div>
+                    <div class="column23">
+                        <p style="padding-top: 0em; margin-top: 0em;" class="contentOne">Hier geht es zum Quartier
+                            Rosenstein!</p>
+                    </div>
+                    <!-- <div style="cursor:pointer;" onclick="NoiseText(true);setpositionVAR(false);" class="column3">
+                        <h3 class="top-left">Akkustik Projekt</h3>
+                        <img class="imagecol3" src="images/projects/noise1.png" alt="Mountains" style="width:100%">
+                    </div> -->
+                </div>
                 <h3>Archiv</h3>
                 <div class="row3">
                     <div style="cursor:pointer;" id="btn_bock"
@@ -1098,6 +1114,80 @@
                 <!-- <div id="slider-color"></div> -->
             </div>
             <!-- ======================================================================================================================================================================== -->
+            <!-- Rosenstein -->
+            <div id="RosensteinPage" class="SideInfo" style="display:none;">
+                <h1 class="headOne" id="headRosen">Rosenstein</h1>
+                <div class="slideshow-containerRosen">
+
+                    <div class="mySlidesRosen fadeRosen">
+                        <div class="numbertextRosen">1 / 2</div>
+                        <img src="images/Rosen/001.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">
+                        <div class="textRosen">Foto des Rosensteinquartiers</div>
+                    </div>
+
+                    <div class="mySlidesRosen fadeRosen">
+                        <div class="numbertextRosen">2 / 2</div>
+                        <img src="images/Rosen/002.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;">
+                        <div class="textRosen">Städtebauliches Konzept für das Rosensteinquartier (Grafik: asp
+                            Architekten GmbH)
+                        </div>
+                    </div>
+                    <a class="prevRosen" onclick="plusSlidesRosen(-1)">&#10094;</a>
+                    <a class="nextRosen" onclick="plusSlidesRosen(1)">&#10095;</a>
+                </div>
+                <br>
+                <div style="text-align:center">
+                    <span class="dotNord" onclick="currentSlideNord(1)"></span>
+                    <span class="dotNord" onclick="currentSlideNord(2)"></span>
+
+                </div>
+
+                <h3>Das Rosenstein-Viertel</h3>
+
+                <p class="contentOne">Die Fläche, die mit der Fertigstellung des neuen Hauptbahnhofs frei wird, bietet
+                    für die Stadt Stuttgart enormes Potenzial. Ein Quartier soll entstehen, das nachhaltig und
+                    klimagerecht ist und dabei leben, arbeiten und wohnen verbindet. Die Arbeitsgemeinschaft asp
+                    Architekten GmbH und Koeber Landschaftsarchitektur GmbH gingen mit ihrem städtebaulichen Konzept als
+                    Sieger aus dem Internationalen städtebaulichen Wettbewerb Rosenstein hervor. </p>
+
+                <div id="nordbplanung3">
+                </div><br>
+                    <h3>Spezifischer Wärmebedarf</h3>
+                    <p class="contentOne">Der spezifische Wärmebedarf (Wärmebedarf pro Quadrat Meter pro Jahr) wurde mit
+                        SimStadt simuliert. Die Werte sind in [kWh/m²·a] angegeben.</p><br>
+                    <p class="contentOne">Der Energienutzungsaspekt kann nur bedingt herangezogen werden, da die Gebäude
+                        sehr unterschiedliche Nutzungen haben.</p>
+                    <div id="unconstrained2"></div><br>
+                    <span class="example-val" id="unconstrained-values2"></span>
+
+                    <div class='my-legend addition'>
+                        <div class='legend-title'>in [kWh/m²·a] </div>
+                        <div class='legend-scale addition2'>
+                            <ul class='legend-labels'>
+                                <li class="One" id="One2"><span class="rectangle"
+                                        style='background:#38943d;'></span>min-100</li>
+                                <li class="Two" id="Two2"><span class="rectangle"
+                                        style='background:#699438;'></span>100-200</li>
+                                <li class="Three" id="Three2"><span class="rectangle"
+                                        style='background:#d0d40b;'></span>200-300</li>
+                                <li class="Four" id="Four2"><span class="rectangle"
+                                        style='background:#db6f09;'></span>300-400</li>
+                                <li class="Five" id="Five2"><span class="rectangle"
+                                        style='background:#ad0202;'></span>400-max</li>
+                            </ul>
+                        </div>
+                        <!-- <div class='legend-source'>Source: <a href="#link to source">Name of source</a></div> -->
+                    </div>
+                    <div id="heatdemandgraphID" style="margin-bottom:2em;">
+
+                    </div><br>
+                    <h3>Das Konzept der lokalen urbanen Landwirtschaft </h3>
+                    <p class="contentOne">Die Nutzung städtischer Freiflächen, z. B. von Dächern oder Innenhöfen, für die Lebensmittelproduktion 
+                    liegt derzeit im Trend. Sie kann die lokale Versorgung mit Lebensmitteln verbessern, das Bewusstsein der Bewohner für 
+                    einen gesunden Lebensstil und die Beteiligung an der Gemeinschaft stärken und den Wärmeinseleffekt verringern. 
+                    Sie können das Urban-Farming-Konzept im Rosensteinquartier gestalten, indem Sie die folgenden Variablen eingeben:</p><br>
+            </div>
+            <!-- ======================================================================================================================================================================== -->
             <!-- Noise -->
             <div id="NoiseInfo" class="SideInfo" style="display:none;">
                 <!-- <h1 class="sticky" id="headNoise">Lärmdaten</h1>

vcm/js/cus_Menu.js

@@ -219,15 +219,27 @@ function addcont(content){
   } else if (content == "main_nordbstuff"){
     var nordb = document.getElementById('nordbplanung') 
     var other = document.getElementById('nordbplanung2')
+    var other2 = document.getElementById('nordbplanung3')
     other.innerHTML = ""
     nordb.innerHTML = ""
+    other2.innerHTML = ""
     nordb.innerHTML = nordbstuff
   } else if (content == "main_nordbstuff2"){
     var nordb = document.getElementById('nordbplanung2') 
+    var other2 = document.getElementById('nordbplanung3')
     var other = document.getElementById('nordbplanung')
     other.innerHTML = ""
     nordb.innerHTML = ""
+    other2.innerHTML = ""
     nordb.innerHTML = nordbstuff2
+  }else if (content == "main_nordbstuff3"){
+    var other2 = document.getElementById('nordbplanung2') 
+    var nordb = document.getElementById('nordbplanung3')
+    var other = document.getElementById('nordbplanung')
+    other.innerHTML = ""
+    other2.innerHTML = ""
+    nordb.innerHTML = ""
+    nordb.innerHTML = nordbstuff
   }
 
  
@@ -297,4 +309,36 @@ function showSlidesNord(n) {
   }
   slides[slideIndexNord-1].style.display = "block";
   dots[slideIndexNord-1].className += " activeNord";
+}
+
+
+
+
+var slideIndexRosen = 1;
+showSlidesRosen(slideIndexRosen);
+
+// Next/previous controls
+function plusSlidesRosen(n) {
+  showSlidesRosen(slideIndexRosen += n);
+}
+
+// Thumbnail image controls
+function currentSlideRosen(n) {
+  showSlidesRosen(slideIndexRosen = n);
+}
+
+function showSlidesRosen(n) {
+  var i;
+  var slides = document.getElementsByClassName("mySlidesRosen");
+  var dots = document.getElementsByClassName("dotRosen");
+  if (n > slides.length) {slideIndexRosen = 1}
+  if (n < 1) {slideIndexRosen = slides.length}
+  for (i = 0; i < slides.length; i++) {
+      slides[i].style.display = "none";
+  }
+  for (i = 0; i < dots.length; i++) {
+      dots[i].className = dots[i].className.replace(" activeRosen", "");
+  }
+  slides[slideIndexRosen-1].style.display = "block";
+  // dots[slideIndexRosen-1].className += " activeRosen";
 }
\ No newline at end of file

vcm/js/custom.js

@@ -110,6 +110,57 @@ function mouseOut2() {
   }
 }
 
+
+document.getElementById("btn_rosen").addEventListener("mouseover", mouseOver3);
+document.getElementById("btn_rosen").addEventListener("mouseout", mouseOut3);
+
+function mouseOver3() {
+
+  
+    var layerNamesToActivate = ["AreaRosen"]
+    var layerNamesToActivate2 = ["LocationRosen"]
+
+    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);
+    }
+
+  }
+  for (var i = 0; i< layers.length; i++) {
+    var layer = layers[i];
+    if(layerNamesToActivate2.indexOf(layer.name) >= 0) {
+    layer.activate(true);
+    }
+
+  }
+
+}
+
+function mouseOut3() {
+  var layerNamesToActivate = ["AreaRosen"]
+  var layerNamesToActivate2 = ["LocationRosen"]
+
+  var layers = framework.getLayers();
+
+  for (var i = 0; i< layers.length; i++) {
+  var layer = layers[i];
+  if(layerNamesToActivate.indexOf(layer.name) >= 0) {
+  layer.activate(false);
+  }
+
+  }
+  for (var i = 0; i< layers.length; i++) {
+    var layer = layers[i];
+    if(layerNamesToActivate2.indexOf(layer.name) >= 0) {
+    layer.activate(false);
+    }
+  }
+}
+
+
  function removenoisemap(){
 
   var heightOffset = 0.1;
@@ -330,7 +381,7 @@ function showtourSpecific(specify) {
     document.getElementById("ProjektePage").style.display = "none";
     document.getElementById("IntroProj").style.display = "none";
     document.getElementById("ProjektePage").style.display = "none";
-    
+    document.getElementById("RosensteinPage").style.display = "none";
     showTour();
 
 
@@ -519,6 +570,7 @@ comp3.classList.add("leftstuff");
   document.getElementById("IntroProj").style.display = "block";
   document.getElementById("Expertenmodus").style.display = "none";
   document.getElementById("ProjektePage").style.display = "none";
+  document.getElementById("RosensteinPage").style.display = "none";
   // startStory();
   showTour();
   var viewp = vcs.vcm.Framework.getInstance().viewpoints.startview
@@ -590,6 +642,7 @@ function NordbahnhofText() {
   document.getElementById("IntroProj").style.display = "none";
   document.getElementById("Expertenmodus").style.display = "none";
   document.getElementById("ProjektePage").style.display = "none";
+  document.getElementById("RosensteinPage").style.display = "none";
  
   showTour();
   
@@ -642,7 +695,69 @@ function NordbahnhofText() {
   element.classList.remove("fa-unlock");
   // showgraph();
 }
+function RosensteinText() {
+  document.getElementById("projektOne").style.display = "none";
+  document.getElementById("Energiekonzept").style.display = "none"; 
+  document.getElementById("UmfrageOne").style.display = "none";
+  document.getElementById("Navigation").style.display = "none";
+  document.getElementById("NoiseInfo").style.display = "none";
+  document.getElementById("NordbahnhofInfo").style.display = "none";
+  document.getElementById("IntroProj").style.display = "none";
+  document.getElementById("Expertenmodus").style.display = "none";
+  document.getElementById("ProjektePage").style.display = "none";
+  document.getElementById("RosensteinPage").style.display = "block";
+ 
+  showTour();
+  
+  var viewp = vcs.vcm.Framework.getInstance().viewpoints.NordBView
+  vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp) 
+
+  var layer01 = ["ProjektNord"]
+
+
+
+
+  var framework = vcs.vcm.Framework.getInstance();
+  var layers = framework.getLayers();
+
+  for (var i = 0; i< layers.length; i++) {
+    var layer = layers[i];
+    if(layer01.indexOf(layer.name) >= 0){
+      layer.activate(false);
+    } else if (layerfix.indexOf(layer.name) >= 0){
+      layer.activate(true);
+    } else if (layerfix01.indexOf(layer.name) >= 0){
+      layer.activate(true);
+    } else if (layerfix02.indexOf(layer.name) >= 0){
+      layer.activate(true);
+    } else if (layerfix03.indexOf(layer.name) >= 0){
+      layer.activate(true);
+    } else if (layerfix04.indexOf(layer.name) >= 0){
+      layer.activate(true);
+    } else if (layerfix14.indexOf(layer.name) >= 0){
+      layer.activate(false);
+    } else if (layerfix15.indexOf(layer.name) >= 0){
+      layer.activate(true);
+    } else if (layerfix16.indexOf(layer.name) >= 0){
+      layer.activate(false);
+    } else if (layerfix17.indexOf(layer.name) >= 0){
+      layer.activate(false);
+    } else if (layerfix18.indexOf(layer.name) >= 0){
+      layer.activate(false);
+    } else {
+      layer.activate(false);
+    }
+  }
+  // noisemap('offS')
+  unhighlightStuff();
+  expstate = true;
+  // onoff()
 
+  var element = document.getElementById("icon_lock");
+  element.classList.add("fa-lock");
+  element.classList.remove("fa-unlock");
+  // showgraph();
+}
 
 function NoiseText(proj) {
   if (proj == true){
@@ -655,6 +770,7 @@ function NoiseText(proj) {
   document.getElementById("IntroProj").style.display = "none";
   document.getElementById("Expertenmodus").style.display = "none";
   document.getElementById("ProjektePage").style.display = "none";
+  document.getElementById("RosensteinPage").style.display = "none";
   }
   showTour();
 
@@ -792,6 +908,7 @@ function Expert() {
   document.getElementById("IntroProj").style.display = "none";
   document.getElementById("Expertenmodus").style.display = "block";
   document.getElementById("ProjektePage").style.display = "none";
+  document.getElementById("RosensteinPage").style.display = "none";
   showTour();
 
   var viewp = vcs.vcm.Framework.getInstance().viewpoints.startview
@@ -884,6 +1001,7 @@ function Projektshow(){
   document.getElementById("IntroProj").style.display = "none";
   document.getElementById("Expertenmodus").style.display = "none";
   document.getElementById("ProjektePage").style.display = "block";
+  document.getElementById("RosensteinPage").style.display = "none";
   // startStory();
   showTour();
   var viewp = vcs.vcm.Framework.getInstance().viewpoints.startview

vcm/js/history.js

@@ -35,6 +35,12 @@ function activateStoryFrame(pageN) {
     showtourSpecific("main");
     setpositionVAR(false);
     zoomtop("projektOne");
+  } else if (pageN == "7"){
+    removebuildings();
+    addcont("main_nordbstuff3");
+    RosensteinText();
+    setpositionVAR(false);
+    zoomtop("RosensteinPage");
   }
 }
 
@@ -57,6 +63,10 @@ function historyNordb() {
   history.pushState({ id: 5 }, "Info page", "./nordb");
 }
 
+function historyRosen() {
+  history.pushState({ id: 7 }, "Info page", "./rosen");
+}
+
 function historyBock() {
   history.pushState({ id: 6 }, "Info page", "./bock");
 }