//--------------------------------------------------------
// Hinweis: 
// Das ist eine javascript-datei und keine HTML-Seite
//--------------------------------------------------------
// Änderung vom 18. 01. 2022:
// kopf und fuss müssen body hinzugefügt werden.
// In einer früheren Version war div id=kopf
// und div id=fuss in body erhalten.
// Das ist jetzt aber nicht mehr der Fall.
// Da wundert es sehr, dass das so funktioniert hat.
// Erst ein altes iPad zeigte den Fehler !
//----------------------------------------------------------

var linkListe = [ "aktionen/aktuelles.htm", "aktionen/himmelsjahr.htm", "sternwarte/sternwarte.htm", "freunde/baade/index.htm",
                  "aktionen/index.htm"    , "bilder.htm"              , "materialien/index.htm"    , "aktionen/kurs.htm",
                  "ag/AstroAg.htm"        , "archiv.htm"              , "links.htm"                , "kontakte.htm"             ];            
var linkNamen = [ "Aktuelles"  , "Himmelsjahr"  , "Sternwarte"   , "Baade" , "Aktionen", "Bilder",
                  "Materialien", "VHS Kurs", "Astro AG", "Archiv", "Links"   , "Kontakt"   ];

var bannerk = new Image(); bannerk.src = menuepfad + "banner.gif";
var bannerm = new Image(); bannerm.src = menuepfad + "bannerm.gif";

var miniH = 320; // Im style festgelegt!
//  Fehler abfangen, falls startseite nicht bestimmt wurde. 
var hauptseite = true; try { hauptseite = startseite;  }  catch { hauptseite = false; }  

   // Damit kann ein Banner zufällig ausgesucht werden 01, 02, .. 19
   function gibZufall(min,max) {

     if (max > min) return Math.round((max-1)*Math.random()+min);
     else return null;

   }

   function gib(id) { return document.getElementById(id); }
   //------------------------------------------------------------
   function fussErstellen()  { 

     let neu = false;
     let fuss = gib("fuss"); if (fuss == null) {
       
      neu = true;
      fuss = document.createElement("div");
      fuss.id = "fuss";
     } 
     fuss.className = "unten";
    
     if (!hauptseite) {
     
       var div = document.createElement("div");
       div.id ="zurueck";
       var link = document.createElement("a");
       link.href = "javascript:history.back()";       
       link.innerHTML = "    zurück    ";
       div.appendChild(link);
       fuss.appendChild(div);  
       
     }
     var unten = document.createElement("div");
     unten.id = "unten";
     unten.style.dislpay = "inline-block";
     unten.innerHTML = "<font size='3'>&nbsp;</font><br>Seitengestaltung: ";
     var link = document.createElement("a");
     // Pfad immer absolut !!!
     link.href = "https://mhoersch.de/index.htm";
     link.target = "_blank";
     link.innerHTML = "&nbsp;Manfred&nbsp;Hoersch&nbsp;";
       
     unten.appendChild(link); unten.innerHTML += " ";
     
     var link = document.createElement("a");
     link.href = menuepfad + "impressum.htm";
     link.innerHTML = "&nbsp;Impressum&nbsp;";
     
     unten.appendChild(link); unten.innerHTML += " ";
     
     var link = document.createElement("a");
     link.href = menuepfad + "datenschutz.htm";
     link.innerHTML = "&nbsp;Datenschutzerkl&auml;rung&nbsp";
     unten.appendChild(link);
     unten.innerHTML += "<br><font size='3'>&nbsp;</font>";
     fuss.appendChild(unten);
     if (neu) document.body.appendChild(fuss);
   
   } 


   function menueStart()  { 
   
     //  Kopf erstellen:
        
     let neu = false;
     var kopf = gib("kopf"); 
     if (kopf == null) {
       
      neu = true;
      kopf = document.createElement("div");
      kopf.id = "kopf";
      kopf.className = "kopf";
      kopf.innerHTML = "&nbsp;"

     }

     if (kopf.innerHTML == "&nbsp;") {

      var img = document.createElement("img");
      img.id = "banner";
      img.src = bannerk.src;
      img.className = "mBanner";
      kopf.appendChild(img); 

     }

     if (neu) {

      let oben = document.body.firstChild;
      oben.parentNode.insertBefore(kopf,oben);

     } 

     kopf.onclick = zeigeMenue;
     
     // Alles andere (Menü und Fuß)

     menueErstellen();
     fussErstellen();
    
     // body-events:
     document.body.onresize = bannerAnpassen;
     document.body.onbeforeunload = weg;
     
     bannerAnpassen();
        
     // 2. Banner zufällig auswählen - falls vorhanden!           
     let banner2 = gib("banner2");  
     if (banner2 != null) {
     
       if (bannerZufall) {
    
          var n = gibZufall(1,19); if(n < 10) n = "0" + n;     
          banner2.src = menuepfad + "banner/banner" + n + ".jpg"; 
          
         } 
        banner2.style.display = "block";
      }
   }   
   
     
   function menueErstellen() { 
   
      var miniMenue = document.createElement("div");     
      miniMenue.id = "miniMenue";          
      var img = document.createElement("img");
      img.id  = "xgif";
      img.className  = "xButton"; 
      img.src = menuepfad +"x.gif";
      miniMenue.appendChild(img);
      miniMenue.innerHTML += "&nbsp;&nbsp;&nbsp;&nbsp;";
  
      if (!hauptseite) {
      
        var link = document.createElement("a");
        link.href = menuepfad + "index.htm";
        link.innerHTML = "&nbsp;&nbsp;Startseite&nbsp;&nbsp;";
        miniMenue.appendChild(link);
        
      } else miniMenue.innerHTML += "<br>&nbsp;<br>&nbsp;";   
          
      miniMenue.innerHTML += "<font size='2'><br><br></font>";
      
      let n = linkListe.length;
   
      for (let i = 0; i < n; i++) {

        var link = document.createElement("a");
        link.href = menuepfad + linkListe[i];
        // link.onclick = verbergeMenue; // Geht nicht mehr !!! 
        // Lösung: onbeforeunload
        link.style.textSize = "12pt";
        link.innerHTML = "&nbsp;&nbsp;&#9658;&nbsp;&nbsp;" + linkNamen[i] + "&nbsp;&nbsp;";
        var br = document.createElement("br");
        
        miniMenue.appendChild(link); miniMenue.appendChild(br);
   
      }
   
      if (!hauptseite) {
      
        miniMenue.innerHTML += "<br>";
        var link = document.createElement("a");
        link.href = "javascript:history.back()";
        link.innerHTML = "&nbsp;&nbsp;zur&uuml;ck&nbsp;&nbsp;"; 
        miniMenue.appendChild(link);
        
      }  
   
      document.body.appendChild(miniMenue);

      // Hier geht es !!!
      gib("xgif").onclick   = verbergeMenue; 
      //gib("banner").onclick = zeigeMenue; 
      
      
   } 
    
    function zeigeMenue() {
  
     gib("miniMenue").style.transform = "translate(0,0)";

    }
    
    
    function verbergeMenue() {
    
      gib("miniMenue").style.transform = "translate(-120%,0)";
    
    }
    

 function bannerAnpassen() {

   var banner = gib("banner");
   if (document.body.clientWidth < 600)  banner.src = bannerm.src; 
   else banner.src = bannerk.src; 
       
 }

 window.onload = menueStart;