change Nordbahnhof images from automated change to manual switch

vcm/css/menu.css

@@ -395,4 +395,103 @@ ul > li {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
+}
+
+
+
+.mySlidesNord {display: none;}
+
+
+/* Slideshow container */
+.slideshow-containerNord {
+  max-width: 1000px;
+  position: relative;
+  margin: auto;
+}
+
+/* Next & previous buttons */
+.prevNord, .nextNord {
+  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;
+}
+
+/* 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);
+}
+
+/* Caption text */
+.textNord {
+  color: #f2f2f2;
+  font-size: 15px;
+  padding: 8px 12px;
+  position: absolute;
+  background-color: black;
+  bottom: 8px;
+  width: 100%;
+  text-align: center;
+}
+
+/* Number text (1/3 etc) */
+.numbertextNord {
+  color: #f2f2f2;
+  font-size: 12px;
+  padding: 8px 12px;
+  position: absolute;
+  top: 0;
+}
+
+/* The dots/bullets/indicators */
+.dotNord {
+  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;
+}
+
+/* Fading animation
+.fade {
+  -webkit-animation-name: fade;
+  -webkit-animation-duration: 1.5s;
+  animation-name: fade;
+  animation-duration: 1.5s;
+}
+
+@-webkit-keyframes fade {
+  from {opacity: .4} 
+  to {opacity: 1}
+}
+
+@keyframes fade {
+  from {opacity: .4} 
+  to {opacity: 1}
+} */
+
+/* On smaller screens, decrease text size */
+@media only screen and (max-width: 300px) {
+  .prevNord, .nextNord,.textNord {font-size: 11px}
 }
\ No newline at end of file

vcm/templates/cus_Menu.js

@@ -264,4 +264,35 @@ function showSlides(n, no) {
 }
 function currentSlide(n) {
   showSlides(n, 0);
+}
+
+
+
+var slideIndexNord = 1;
+showSlidesNord(slideIndexNord);
+
+// Next/previous controls
+function plusSlidesNord(n) {
+  showSlidesNord(slideIndexNord += n);
+}
+
+// Thumbnail image controls
+function currentSlideNord(n) {
+  showSlidesNord(slideIndexNord = n);
+}
+
+function showSlidesNord(n) {
+  var i;
+  var slides = document.getElementsByClassName("mySlidesNord");
+  var dots = document.getElementsByClassName("dotNord");
+  if (n > slides.length) {slideIndexNord = 1}
+  if (n < 1) {slideIndexNord = 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(" activeNord", "");
+  }
+  slides[slideIndexNord-1].style.display = "block";
+  dots[slideIndexNord-1].className += " activeNord";
 }
\ No newline at end of file