const wkn = "hafx8L";
window.onload = function() {
	var useIndex2 = localStorage.getItem("useIndex2");
	if (useIndex2 == null){
		useIndex2 = "0";
		localStorage.setItem("useIndex2", useIndex2);
	}

	loadContent("as-livedepot", "https://api.alphastar.de/?apikey=K9dKOqiFpiM6c6k7VClxu15e9olARIXp&loadHTML=yes&wkn="+wkn+'&useIndex2='+useIndex2);
};

function loadContent(div, file) {
	if (document.getElementById(div)) {
		var xhttp = new XMLHttpRequest();
		xhttp.onreadystatechange = function() {
			if (this.readyState == 4 && this.status == 200) {
				document.getElementById(div).innerHTML = this.responseText;
				loadScript("https://api.alphastar.de/?apikey=K9dKOqiFpiM6c6k7VClxu15e9olARIXp&loadJS=yes&wkn="+wkn, isLoaded);
			}
		};
		xhttp.open("GET", file, true);
		xhttp.send();
	}
}

function isLoaded() {
	var useIndex2 = localStorage.getItem("useIndex2");
	if (useIndex2 == null){
		useIndex2 = "0";
		localStorage.setItem("useIndex2", useIndex2);
	}
	loadScript("https://api.alphastar.de/?apikey=K9dKOqiFpiM6c6k7VClxu15e9olARIXp&loadFondsJS=yes&wkn="+wkn+'&useIndex2='+useIndex2, isLoaded2);
}

function isLoaded2() {
	var element = document.getElementsByClassName("show-on-hover")[0];
	element.addEventListener("click", function() {
		// get attribute of element clicked
		var attr = element.getAttribute("data-index2");
		localStorage.setItem("useIndex2", attr);
		location.reload();
	});
}

function loadScript(url, callback)
{
   var head = document.getElementsByTagName('head')[0];
   var script = document.createElement('script');
   script.type = 'text/javascript';
   script.src = url;
   script.onreadystatechange = callback;
   script.onload = callback;
   head.appendChild(script);
}