/* Aufklappmenue am Handy — das einzige Skript der Seite.

   Ohne JavaScript passiert nichts Schlimmes: die Schaltflaeche
   bleibt versteckt (sie traegt im Markup "hidden"), und die
   Menueliste steht offen im Kopf, wie bisher. Erst dieses Skript
   nimmt das "hidden" weg und uebergibt der Schaltflaeche die
   Steuerung. Ab 48em blendet das Stylesheet sie wieder aus und
   zeigt die Liste in einer Reihe.  */

(function () {
	"use strict";

	var menu = document.querySelector(".menu");
	if (!menu) { return; }

	var schalter = menu.querySelector(".menu-schalter");
	var liste = menu.querySelector(".menu-liste");
	if (!schalter || !liste) { return; }

	menu.classList.add("menu--klappbar");
	schalter.hidden = false;

	function zeigen(offen) {
		if (offen) {
			menu.setAttribute("data-offen", "");
		} else {
			menu.removeAttribute("data-offen");
		}
		schalter.setAttribute("aria-expanded", offen ? "true" : "false");
	}

	schalter.addEventListener("click", function () {
		zeigen(!menu.hasAttribute("data-offen"));
	});

	/* Escape schliesst das Menue und gibt den Fokus zurueck. */
	menu.addEventListener("keydown", function (ereignis) {
		if (ereignis.key === "Escape" && menu.hasAttribute("data-offen")) {
			zeigen(false);
			schalter.focus();
		}
	});
}());