/**
 * Javascript zur Steuerung des Infoformulares auf der linken Seite.
 * Diese Klasse steuert das Einblenden und Ausblenden des Formulars
 * sowie Focus - Request Optionen (Enterfield, Exitfield etc.).
 */
var fadeSpeed = 4; // setting speed to fade
var layerVisibility = 0;

function enterfield(field) {
	field.style.background = "#FFFFFF";
	field.style.color = "#000000";
	if ((field.name == 'vorname') && (field.value == 'Vorname')) {
		field.value = ''; field.focus();
	} else if ((field.name == 'name') && (field.value == 'Name')) {
		field.value = ''; field.focus();
	} else if ((field.name == 'strasse') && (field.value == 'Strasse')) {
		field.value = ''; field.focus();
	} else if ((field.name == 'plz') && (field.value == 'PLZ')) {
		field.value = ''; field.focus();
	} else if ((field.name == 'ort') && (field.value == 'Ort')) {
		field.value = ''; field.focus();
	} else if ((field.name == 'mail') && (field.value == 'E-Mail*')) {
		field.value = ''; field.focus();
	} else if ((field.name == 'tel') && (field.value == 'Telefon')) {
		field.value = ''; field.focus();
	}
}

function leavefield(field) {
	if (field.value == '') {
		if (field.name == 'vorname') { field.value = 'Vorname'; }
		if (field.name == 'name') { field.value = 'Name'; }
		if (field.name == 'strasse') { field.value = 'Strasse'; }
		if (field.name == 'plz') { field.value = 'PLZ'; }
		if (field.name == 'ort') { field.value = 'Ort'; }
		if (field.name == 'tel') { field.value = 'Telefon'; }
		if (field.name == 'mail') { field.value = 'E-Mail*'; }
	}
}

function checkform(form) {
	var error = 0;
	if (form.vorname.value == '' || form.vorname.value == 'Vorname') {
		form.vorname.style.background = "#E21D23";
		form.vorname.style.color = "#FFFFFF";
		error = 1;
	}
	if (form.name.value == '' || form.name.value == 'Name') {
		form.name.style.background = "#E21D23";
		form.name.style.color = "#FFFFFF";
		error = 1;
	}
	if (form.strasse.value == '' || form.strasse.value == 'Strasse') {
		form.strasse.style.background = "#E21D23";
		form.strasse.style.color = "#FFFFFF";
		error = 1;
	}
	if (form.plz.value == '' || form.plz.value == 'PLZ') {
		form.plz.style.background = "#E21D23";
		form.plz.style.color = "#FFFFFF";
		error = 1;
	}
	if (form.ort.value == '' || form.ort.value == 'Ort') {
		form.ort.style.background = "#E21D23";
		form.ort.style.color = "#FFFFFF";
		error = 1;
	}
	if (form.tel.value == '' || form.tel.value == 'Telefon') {
		form.ort.style.background = "#E21D23";
		form.ort.style.color = "#FFFFFF";
		error = 1;
	}
	
	if (error == 1) {
		return false;
	} else {
		return true;
	}
}

function toggleForm(toggleBox) {
	var collapsedForm = document.getElementById('collapsedForm');
	var expandedForm = document.getElementById('expandedForm');
	var innerShell = document.getElementById('innerShell');
	var checkbox1 = document.getElementById('checkbox1');
	// var checkbox2 = document.getElementById('checkbox2');
	
	// checkbox setzen
	toggleBox.checked = false;
	checkbox1.checked = false;
	// checkbox2.checked = false;
	if (toggleBox.name == 'toggle1') {
		checkbox1.checked = true;
	}
	// if (toggleBox.name == 'toggle2') {
	// 	checkbox2.checked = true;
	// }
	
	// transparenz setzen
	collapsedForm.style.display = "none";
	changeOpacity(expandedForm, 0);
	expandedForm.style.display = "block";
	innerShell.className = 'expanded';
	
	var intID = setInterval(function() {
		layerVisibility = (layerVisibility + fadeSpeed);
		if (layerVisibility >= 101) {
			clearInterval(intID);
		} else {
			changeOpacity(expandedForm, layerVisibility);
		}
	}, 50);
}

/**
 * Funktion zum ändern des Transparenzgrades
 * eines Objekts anhand der ID - Bezeichung.
 *
 * @param id, String,
 * @param opacity, Integer,
 */
function changeOpacity(obj, _opacity) {
	if (obj) {
		with (obj) {
			style.opacity = (_opacity / 100);
			style.MozOpacity = (_opacity / 100);
			style.KhtmlOpacity = (_opacity / 100);
			style.filter = "alpha(opacity=" + _opacity + ")";
		}
	}
}

/**
 * Funktion zum Aufruf eines Popup - Fensters.
 *
 * @param name, String, Name des Fensters,
 * @param url, String, Verweisadresse,
 * @param width, Int, Breite in Pixel,
 * @param height, Int, Höhe in Pixel,
 */
function popup(name, url, width, height) {
	win = window.open(url, name, "width=" + width + ",height=" + height +
		",location=no,menubar=no,resizable=no,toolbar=no,scrollbars=yes");
	win.focus();
}