var steuersatz = 0.19;
var flaeche_E44 = 0;

function calcInstalled()
{
	var installed = 0;
	
	
	var einzelleistung2 = parseInt(document.querySelector("#einzelleistung_2").textContent);
	var einzelleistung3 = parseInt(document.querySelector("#einzelleistung_3").textContent);
	var einzelleistung4 = parseInt(document.querySelector("#einzelleistung_4").textContent);
	var einzelleistung5 = parseInt(document.querySelector("#einzelleistung_5").textContent);
	
	var leistung2 = parseInt(document.querySelector("#product_2").value) * einzelleistung2;
	var leistung3 = parseInt(document.querySelector("#product_3").value) * einzelleistung3;
	var leistung4 = parseInt(document.querySelector("#product_4").value) * einzelleistung4;
	var leistung5 = parseInt(document.querySelector("#product_5").value) * einzelleistung5;
	
	document.querySelector("#product-leistung-2").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(leistung2) + " Watt";
	document.querySelector("#product-leistung-3").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(leistung3) + " Watt";
	document.querySelector("#product-leistung-4").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(leistung4) + " Watt";
	document.querySelector("#product-leistung-5").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(leistung5) + " Watt";
	
	installed = leistung2 +leistung3 + leistung4+ leistung5;
	
	document.querySelector("#val_installed").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(installed);
	document.querySelector("#val_installed2").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(installed);
	
	var benoetigt = document.querySelector("#benoetigte_leistung").textContent;
	benoetigt = benoetigt.replace(".","");
	
	if(installed >= parseFloat(benoetigt))
	{
		document.querySelector('#not_ok').style.display = "none";
		document.querySelector('#all_ok').style.display = "table-row";
	}
	else
	{
		document.querySelector('#not_ok').style.display = "table-row";
		document.querySelector('#all_ok').style.display = "none";
	}
	
	var tage = 	parseInt(document.querySelector("#tage").value);
	document.querySelector("#tage_val").textContent = tage;
	
	var stunden = 	parseInt(document.querySelector("#stunden").value);
	document.querySelector("#stunden_val").textContent = stunden;
	
	var heizzeit = 	tage * stunden;
	document.querySelector("#heizzeit_val").textContent = heizzeit;
	
	var gesamtenergie = installed * heizzeit;
	
	document.querySelector("#gesamtenergie_val").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(installed / 1000);
	
	document.querySelector("#gesamtstunden_val").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(heizzeit);
	
	var gesamtkw = heizzeit * installed / 1000;
	document.querySelector("#gesamt_kw_val").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(gesamtkw);
	
	
	var wohnflaeche = flaeche_E44;
	var val_kwh_qm = gesamtkw / wohnflaeche;
	document.querySelector("#val_kwh_qm").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(val_kwh_qm);
	document.querySelector("#stromverbrauch_in_heizperiode").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(val_kwh_qm);
	
	document.querySelector("#val_wohnfl").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(wohnflaeche);
	
	
	document.querySelector("#val_gesamtverbrauch").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(val_kwh_qm);
	
	if(val_kwh_qm < 70 * 0.75)
	{
		document.querySelector("#saver_message").style.display = "table-row";
	}
	else
	{
		document.querySelector("#saver_message").style.display = "none";
	}
	
	var preis = document.querySelector("#preis").value;
	preis = preis.replace(",",".");
	var preisval = parseFloat(preis);
	var flaeche = document.querySelector("#val_flaeche").textContent;
	flaeche = flaeche.replace(".","");
	flaeche = flaeche.replace(",",".");
	var flaecheval = parseFloat(flaeche);
	
	var val_kosten_heizperiode = preisval * val_kwh_qm * flaeche;
	document.querySelector("#val_kosten_heizperiode").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2, minimumFractionDigits: 2}).format(val_kosten_heizperiode);
	
	document.querySelector("#preis_ist").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2, minimumFractionDigits: 2}).format(preisval);
	document.querySelector("#preis_ist_result").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2, minimumFractionDigits: 2}).format(val_kosten_heizperiode);
	
	
	document.querySelector("#preis_60_result").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2, minimumFractionDigits: 2}).format(0.6 * val_kwh_qm * flaeche);
	document.querySelector("#preis_90_result").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2, minimumFractionDigits: 2}).format(0.9 * val_kwh_qm * flaeche);
	
	var gesamtpreis = 0;
	var gesamtleistung = 0;
	
		var anzahl2 = document.querySelector("#product_2").value;
		document.querySelector("#anzahl_2").textContent = anzahl2;
		document.querySelector("#gesamtleistung_2").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(anzahl2 * einzelleistung2);
		var einzelpreis2 = document.querySelector("#einzelpreis_2").textContent;
		einzelpreis2 = einzelpreis2.replace(",",".");
		var einzelpreisval2 = parseFloat(einzelpreis2);	
		document.querySelector("#preissumme_2").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2, minimumFractionDigits: 2}).format(anzahl2 * einzelpreis2);
		gesamtpreis = gesamtpreis + (anzahl2 * einzelpreis2);
		gesamtleistung = gesamtleistung + (anzahl2 * einzelleistung2);		
		document.querySelector("#product_count_2").textContent = anzahl2;
		
		var anzahl3 = document.querySelector("#product_3").value;
		document.querySelector("#anzahl_3").textContent = anzahl3;
		document.querySelector("#gesamtleistung_3").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(anzahl3 * einzelleistung3);
		var einzelpreis3 = document.querySelector("#einzelpreis_3").textContent;
		einzelpreis3 = einzelpreis3.replace(",",".");
		var einzelpreisval3 = parseFloat(einzelpreis3);	
		document.querySelector("#preissumme_3").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2, minimumFractionDigits: 2}).format(anzahl3 * einzelpreis3);
		gesamtpreis = gesamtpreis + (anzahl3 * einzelpreis3);
		gesamtleistung = gesamtleistung + (anzahl3 * einzelleistung3);		
		document.querySelector("#product_count_3").textContent = anzahl3;
		
		var anzahl4 = document.querySelector("#product_4").value;
		document.querySelector("#anzahl_4").textContent = anzahl4;
		document.querySelector("#gesamtleistung_4").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(anzahl4 * einzelleistung4);
		var einzelpreis4 = document.querySelector("#einzelpreis_4").textContent;
		einzelpreis4 = einzelpreis4.replace(",",".");
		var einzelpreisval4 = parseFloat(einzelpreis4);	
		document.querySelector("#preissumme_4").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2, minimumFractionDigits: 2}).format(anzahl4 * einzelpreis4);
		gesamtpreis = gesamtpreis + (anzahl4 * einzelpreis4);
		gesamtleistung = gesamtleistung + (anzahl4 * einzelleistung4);		
		document.querySelector("#product_count_4").textContent = anzahl4;
		
		var anzahl5 = document.querySelector("#product_5").value;
		document.querySelector("#anzahl_5").textContent = anzahl5;
		document.querySelector("#gesamtleistung_5").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(anzahl5 * einzelleistung5);
		var einzelpreis5 = document.querySelector("#einzelpreis_5").textContent;
		einzelpreis5 = einzelpreis5.replace(",",".");
		var einzelpreisval5 = parseFloat(einzelpreis5);	
		document.querySelector("#preissumme_5").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2, minimumFractionDigits: 2}).format(anzahl5 * einzelpreis5);
		gesamtpreis = gesamtpreis + (anzahl5 * einzelpreis5);
		gesamtleistung = gesamtleistung + (anzahl5 * einzelleistung5);		
		document.querySelector("#product_count_5").textContent = anzahl5;
			document.querySelector("#investitionspreis").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2, minimumFractionDigits: 2}).format(gesamtpreis * (1 + steuersatz));
	document.querySelector("#investitionspreis2").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2, minimumFractionDigits: 2}).format(gesamtpreis);
	document.querySelector("#ust").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2, minimumFractionDigits: 2}).format(gesamtpreis * steuersatz);
	document.querySelector("#gesamtsumme").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2, minimumFractionDigits: 2}).format(gesamtpreis * (1 + steuersatz));
	document.querySelector("#gesamtwatt").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(gesamtleistung);
}

function resized(){
	
	document.getElementById("slave_1").style.width = document.getElementById("master_1").offsetWidth + "px";
	document.getElementById("slave_2").style.width = document.getElementById("master_2").offsetWidth + "px";
	document.getElementById("slave_3").style.width = document.getElementById("master_3").offsetWidth + "px";
}

function doCalculation()
{
	// Fläche des Raums
	if(document.getElementById('abmessungen').checked) {
		var laenge_val = document.querySelector("#laenge").value;
		laenge_val = laenge_val.replace(",",".");
		var laenge = parseFloat(laenge_val);
		document.querySelector(".laenge_x_breite").textContent = "x";
		
		var breite_val = document.querySelector("#breite").value;
		breite_val = breite_val.replace(",",".");
		var breite = parseFloat(breite_val);
		flaeche_E44 = laenge * breite;
		document.querySelector(".val_laenge").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(laenge) + "m Länge";
		document.querySelector(".val_breite").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(breite) + "m Breite";
	}else if(document.getElementById('flaeche').checked) {
		flaeche_E44 = parseFloat(document.querySelector("#raumflaeche").value);
		document.querySelector(".val_laenge").textContent = "";
		document.querySelector(".laenge_x_breite").textContent = "";
		document.querySelector(".val_breite").textContent = "";
	}
	
	document.querySelector("#val_flaeche").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(flaeche_E44);
	document.querySelector("#val_flaeche2").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(flaeche_E44);
	document.querySelector("#val_wohnflaeche").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(flaeche_E44);
	
	
	// Wärmebedarf pro m²
	var baujahr_K10 = parseInt(document.querySelector("#baujahr").value);
	var energie_T10 = 50;
	if(baujahr_K10 > 2009)
	{
		energie_T10 = 30;
	}
	if(baujahr_K10 < 1980)
	{
		energie_T10 = 70;
	}
	
	var waermebedarf_T12 = energie_T10;
	
	var waermebedarf_raum_H44 = flaeche_E44 * waermebedarf_T12;
	
	
	var zielbedarf = waermebedarf_raum_H44 * 1.2;
	document.querySelector("#benoetigte_leistung").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(waermebedarf_raum_H44);
	document.querySelector("#benoetigte_leistung_2").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(zielbedarf);
	document.querySelector("#benoetigte_leistung_3").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(zielbedarf);
	
	document.querySelector("#val_waermebedarf").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(waermebedarf_raum_H44);
	
	
	document.querySelector("#val_waerme").textContent = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(waermebedarf_raum_H44 / flaeche_E44);
	
	// wieviele ABW 1000 werden benötigt, damit der Zielbedarf überschritten wird?
	var anzahl_module = Math.ceil(zielbedarf / 650);
	
	
	document.querySelector("#product_2").value = anzahl_module;
	for(r = 3; r < 20; r++)
	{
		if(document.querySelector("#product_" + r))
		{
			document.querySelector("#product_" + r).value = 0;
		}
	}
	
	document.querySelector("#val_strompreis").textContent = document.querySelector("#preis").value
	
	var z = document.getElementById('zimmer');
	var z_label = z.options[z.selectedIndex].innerHTML;
	document.querySelector("#val_zimmer").textContent = z_label;
	
	calcInstalled();
}


function isFloat(evt) {
	evt = (evt) ? evt : window.event;
	var charCode = (evt.which) ? evt.which : evt.keyCode;
	
	console.log(charCode);
	
	if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 188 && charCode != 110) {
		if(charCode > 95 && charCode < 106)
		{
			return true;
		}
		else
		{
			return false;
		}
	}
	if(charCode == 188 || charCode == 110)
	{
		if(evt.target.value.indexOf(",") > 0)
		{
			return false;
		}
		if(evt.target.value == "")
		{
			evt.target.value = "0";
		}
	}
	
	return true;
}


function isNumber(evt) {
	evt = (evt) ? evt : window.event;
	var charCode = (evt.which) ? evt.which : evt.keyCode;
	
	if (charCode > 31 && (charCode < 48 || charCode > 57)) {
		if(charCode > 95 && charCode < 106)
		{
			return true;
		}
		else
		{
			return false;
		}
	}
	return true;
}


document.addEventListener('DOMContentLoaded', function() {
	var modal_ceiling = new bootstrap.Modal(document.getElementById("warning_ceiling"), {});
	var modal_insulation = new bootstrap.Modal(document.getElementById("warning_insulation"), {});
	
	document.querySelector('#contact-form').addEventListener('submit', function (event) {
		var data = this;
		fetch(data.getAttribute('action'), {
			method: data.getAttribute('method'),
			body: new FormData(data)
		}).then(res=>res.text())
		.then(function (data) {
			document.querySelector('#contact-form').innerHTML = '<h2>Vielen Dank für Ihre Nachricht.</h2>';
		});
		event.preventDefault();
	});
	
	document.querySelector("#print").addEventListener('click', function(event){
		window.print();
	});
	
	document.querySelector('#start_calc').addEventListener('click', function(event){   
		window.scrollTo({
			top: 0
		});
		document.querySelector('.step_start').style.display = "none";
		document.querySelector('.step_1').style.display = "block";
	});
	
	
	document.addEventListener('click', function (event) {
		
		if (event.target.matches('.progress-1')){
			window.scrollTo({
				top: 0
			});
			
			document.querySelector('.step_1').style.display = "block";
			document.querySelector('.step_2').style.display = "none";
			document.querySelector('.step_3').style.display = "none";
			document.querySelector('.step_4').style.display = "none";
			document.querySelector('.step_result').style.display = "none";
		}
		
		if (event.target.matches('.progress-2')){
			window.scrollTo({
				top: 0
			});
			
			document.querySelector('.step_1').style.display = "none";
			document.querySelector('.step_2').style.display = "block";
			document.querySelector('.step_3').style.display = "none";
			document.querySelector('.step_4').style.display = "none";
			document.querySelector('.step_result').style.display = "none";
		}
		
		if (event.target.matches('.progress-3')){
			window.scrollTo({
				top: 0
			});
			
			document.querySelector('.step_1').style.display = "none";
			document.querySelector('.step_2').style.display = "none";
			document.querySelector('.step_3').style.display = "block";
			document.querySelector('.step_4').style.display = "none";
			document.querySelector('.step_result').style.display = "none";
		}
		
		if (event.target.matches('.progress-4')){
			window.scrollTo({
				top: 0
			});
			
			document.querySelector('.step_1').style.display = "none";
			document.querySelector('.step_2').style.display = "none";
			document.querySelector('.step_3').style.display = "none";
			document.querySelector('.step_4').style.display = "block";
			document.querySelector('.step_result').style.display = "none";
		}
		
	});
	 
	
	document.querySelector('#tostep2').addEventListener('click', function(event){
		window.scrollTo({
			top: 0
		});
		var msg = "";
		var tage = parseInt(document.querySelector('#tage').value);
		if(tage < 1 || tage > 365 || document.querySelector('#tage').value == "")
		{
			msg = "Bitte prüfen Sie Ihre Angabe für die Anzahl der Tage.<br/>";
		}
		
		var stunden = parseInt(document.querySelector('#stunden').value);
		if(stunden < 1 || stunden > 24 || document.querySelector('#stunden').value == "")
		{
			msg += "Bitte prüfen Sie Ihre Angabe für die Anzahl der Stunden.<br/>";
		}
		
		if(document.querySelector('#produkt-typ').value == "")
		{
			msg += "Bitte wählen Sie die Art der NANOO-Infrarot-Heizung.<br/>";
		}
		else
		{
			var model_prefixes = document.querySelectorAll('.products_model_prefix');
			for(var i=0;i<model_prefixes.length;i++){
			  model_prefixes[i].innerHTML = document.querySelector('#produkt-typ').value;
			}
		}
		
		document.querySelector('#msg_1').innerHTML = msg;
		
		if(msg == "")
		{
			document.querySelector('.step_1').style.display = "none";
			document.querySelector('.step_2').style.display = "block";
		}
	});
	
	document.querySelector('#tostep3').addEventListener('click', function(event){
		window.scrollTo({
			top: 0
		});
		var cont = true;
		var msg = "";
		
		if(document.getElementById('daemmung').value > 2)
		{
			msg = " ";
			modal_insulation.show();
			cont = false;
		}
		
		var baujahr = parseInt(document.querySelector('#baujahr').value);
		if(baujahr < 1700 || baujahr > 2024 || document.querySelector('#baujahr').value == "")
		{
			msg = "Bitte prüfen Sie Ihre Angabe für das Baujahr.<br/>";
		} 
		
		if(parseInt(document.querySelector('#daemmung').value) < 1)
		{
			msg += "Wurde in den letzten 10 Jahren eine Dämmung eingebaut?<br/>";
		}
		
		if(parseInt(document.querySelector('#heizungsart').value) < 1)
		{
			msg += "Bitte wählen Sie Ihre aktuelle Heizungsart.<br/>";
		}
		
		var verbrauch = parseInt(document.querySelector('#stunden').value);
		if(verbrauch < 1 || verbrauch > 50000 || document.querySelector('#verbrauch').value == "")
		{
			msg += "Bitte prüfen Sie Ihre Angabe für Ihren Jahresverbrauch.<br/>";
		}
		
		var preis = document.querySelector('#preis').value;
		preis = preis.replace(",",".");
		val_preis = parseFloat(preis);
		if(val_preis < 0.01 || document.querySelector('#preis').value == "")
		{
			msg += "Bitte tragen Sie Ihren aktuellen Strompreis ein.<br/>";
		}
		else
		{
			if(val_preis > 5)
			{
				msg += "Bitte prüfen Sie den angegebenen Strompreis.<br/>";
			}
		}
		
		document.querySelector('#msg_2').innerHTML = msg;
		
		if(msg == "")
		{
			document.querySelector('.step_2').style.display = "none";
			document.querySelector('.step_3').style.display = "block";
			window.scrollTo({
				top: 0
			});
		}
		
	});
	
	document.querySelector('#tostep4').addEventListener('click', function(event){
		window.scrollTo({
			top: 0
		});
		
		var msg = "";
		
		if(parseInt(document.querySelector('#zimmer').value) < 1)
		{
			msg += "Bitte wählen Sie das zu berechnende Zimmer aus.<br/>";
		}
		
		var gewaehlt = "";
		if(document.querySelector('input[name="abmessungen_flaeche"]:checked'))
		{
			gewaehlt = document.querySelector('input[name="abmessungen_flaeche"]:checked').value;
		}
		
		if(gewaehlt == "")
		{
			msg += "Bitte prüfen Sie Ihre Angaben zur Größe des Zimmers.<br/>";
		}
		
		var f = document.querySelector('#raumflaeche').value;
		var f_val = parseFloat(f.replace(",","."));
		if(f_val < 1 || f_val > 300)
		{
			msg += "Bitte prüfen Sie Ihre Angaben zur Größe des Zimmers.<br/>";
		}
		
		var deckenhoehe = document.querySelector('#deckenhoehe').value;
		deckenhoehe = deckenhoehe.replace(",",".");
		var deckenhoehe_val = parseFloat(deckenhoehe);
		if(deckenhoehe_val < 1.6 || document.querySelector('#deckenhoehe').value == "")
		{
			msg += "Bitte prüfen Sie Ihre Angabe zur Höhe der Decke.<br/>";
		}
		
		if(deckenhoehe_val > 2.5)
		{
			msg += " ";
			modal_ceiling.show();			
		}
		
		document.querySelector('#msg_3').innerHTML = msg;
		
		if(msg == "")
		{
			document.querySelector('.step_3').style.display = "none";
			document.querySelector('.step_4').style.display = "block";
		}
		
		
	});
	
	document.querySelector('#toresult').addEventListener('click', function(event){
		window.scrollTo({
			top: 0
		});
		var msg = "";
		
		
		if(parseInt(document.querySelector('#fensterart').value) < 1)
		{
			msg += "Bitte wählen Sie die Fensterart aus.<br/>";
		}
		
		
		document.querySelector('#msg_4').innerHTML = msg;
		
		if(msg == "")
		{
			document.querySelector('.step_4').style.display = "none";
			doCalculation();
			document.querySelector('.step_result').style.display = "block";
			resized();
		}
	});
	
	document.querySelector('#start-new').addEventListener('click', function(event){
		window.scrollTo({
			top: 0
		});
		document.querySelector('.step_result').style.display = "none";
		document.querySelector('.step_1').style.display = "block";
	});
		
	document.addEventListener('input', function (event) {
		if (event.target.id === 'product_2' || event.target.id === 'product_3' || event.target.id === 'product_4' || event.target.id === 'product_5'){
			calcInstalled();
		}
	}, false);	
	
	addEventListener('resize', (event) => {
		resized();
	});

	var numberfields = document.querySelectorAll('.onlynumbers');

	for (var i = 0; i < numberfields.length; i++) {
		numberfields[i].addEventListener('keydown', function(event) {
			if(!isNumber(event))
			{
				event.preventDefault();
			}
			else
			{
			};
		});
	}
	
	
	var floatfields = document.querySelectorAll('.onlyfloat');

	for (var i = 0; i < floatfields.length; i++) {
		floatfields[i].addEventListener('keydown', function(event) {
			if(!isFloat(event))
			{
				event.preventDefault();
			}
			else
			{
			};
		});
		floatfields[i].addEventListener('keyup', function(event) {
			if(event.target.id == "laenge" || event.target.id == "breite")
			{
				var temp_laenge_val = document.querySelector("#laenge").value;
				temp_laenge_val = temp_laenge_val.replace(",",".");
				
				var temp_breite_val = document.querySelector("#breite").value;
				temp_breite_val = temp_breite_val.replace(",",".");
				
				if(temp_laenge_val != "" && temp_breite_val != "")
				{
					var temp_laenge = parseFloat(temp_laenge_val);
					var temp_breite = parseFloat(temp_breite_val);
					var temp_flaeche = temp_laenge * temp_breite;
					
					document.getElementById("raumflaeche").value = new Intl.NumberFormat('de-DE',{maximumFractionDigits: 2}).format(temp_flaeche);
				}
				else
				{
					document.getElementById("raumflaeche").value = "";
				}
			}
		});
	}
	
	function selectFlaeche(event) {
        if(event.target.id == 'abmessungen')
		{
			document.getElementById("laenge").disabled = false;
			document.getElementById("breite").disabled = false;
			document.getElementById("raumflaeche").disabled = true;
			document.getElementById("raumflaeche").value = "";
		}
		if(event.target.id == 'flaeche')
		{
			document.getElementById("laenge").disabled = true;
			document.getElementById("breite").disabled = true;
			document.getElementById("laenge").value = "";
			document.getElementById("breite").value = "";
			document.getElementById("raumflaeche").disabled = false;
		}
    }
    document.querySelectorAll("input[name='abmessungen_flaeche']").forEach((input) => {
        input.addEventListener('change', selectFlaeche);
    });
	
	var tooltip = new Tooltip({
		theme: "light", // Selects one of the pre-defined tooltip styles - light or dark.
		distance: 5,    // Specifies the distance in pixels from trigger to tooltip.
		delay: 0        // Specifies how long the tooltip remains visible (in ms) after the mouse leaves the trigger.
	});
	
	
	
	resized();
});