const styles = { "Default" : "/css/default.css",
				 "No-CSS" : "/css/no-css.css",
				 "Darkmagenta" : "/css/darkmagenta.css",
			   };

for (const linkElement of document.getElementsByTagName("link")) {
	if (linkElement.getAttribute("rel") === "stylesheet") {
		var linkStyleElement = linkElement;
		break;
	}
}

function setStyle (styleName) {
	linkStyleElement.setAttribute("href", styles[styleName])
	sessionStorage.setItem("currentStyle", styleName);
}

function initStyle () {
	const currentStyle = sessionStorage.getItem("currentStyle");
	if (currentStyle) {
		setStyle(currentStyle);
	}
	else {
		setStyle("Default");
	}
}

function initStyleSelectElement () {
	const styleSelectElement = document.getElementById("styleswitcher");
	styleSelectElement.value = sessionStorage.getItem("currentStyle");

	styleSelectElement.addEventListener("change", (event) => {setStyle(event.target.value)});
}

initStyle();