// JavaScript Document
function getXmlHttpRequestObject() {
	var xmlHttpRequest = false;
	
	if (window.XMLHttpRequest) {
		try {
			xmlHttpRequest = new XMLHttpRequest();
		}
		catch (e) {
			xmlHttpRequest = false;
		}
	}
	else if (window.ActiveXObject) {
		try {
			xmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e) {
			try {
				xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e) {
				xmlHttpRequest = false;
			}
		}
	}

	// Override mime type if browser supports it (like Mozilla)
	if ( xmlHttpRequest.overrideMimeType ) {
		xmlHttpRequest.overrideMimeType( "text/xml" );
	}
	
	return xmlHttpRequest;
}

function gb_submit() {
	
		/* SICHTBARKEIT DER DIV-CONTAINER ANPASSEN */
	
	document.getElementById("gb").style.display		= "none";
	document.getElementById("gb").style.visibility	= "hidden";
	
	document.getElementById("gb_result").style.display		= "block";
	document.getElementById("gb_result").style.visibility	= "visible";
	document.getElementById("gb_result").innerHTML = "<div class=\"loading\"><img src=\"/img/site/loading.gif\" alt=\"\" style=\"padding-top: 10px;padding-left: 10px;\" /><img src=\"/img/site/loading.gif\" alt=\"\" style=\"padding-top: 10px;padding-right: 10px;float: right;\" /><span>Das Formular wird auf Vollst&auml;ndigkeit gepr&uuml;ft...</span></div>";
	
		/* FORMULAR AUF VOLLSTAENDIGKEIT PRUEFEN */
	
	var form	= document.getElementById("gb_form");
	var error	= "";
	
	var name	= form.name.value;
	var subject	= form.subject.value;
	var email	= form.email.value;
	var hp		= form.homepage.value;
	var content	= form.content.value;
	
	if(!name)		error = error+"Geben Sie bitte Ihren <b>Namen</b> an!<br />";
	if(!subject) 	error = error+"Geben Sie bitte ein <b>Betreff</b> an!<br />";
	if(!email)		error = error+"Geben Sie bitte Ihre <b>E-mail-Adresse</b> an!<br />";
	if(!content)	error = error+"Geben Sie bitte eine <b>Nachricht</b> ein!<br />";
	
	if(error != "") {
		document.getElementById("gb_result").innerHTML = "<div class=\"error\"><img src=\"/img/site/error.png\" alt=\"\" style=\"padding-top: 10px;padding-left: 10px;float: left;\" /><img src=\"/img/site/error.png\" alt=\"\" style=\"padding-top: 10px;padding-right: 10px;float: right\" /><span>Es fehlen folgende Angabe(n):</span><br />"+error+"<br /><input type=\"button\" value=\"zur&uuml;ck\" onclick=\"gb_unsubmit()\" /></div>";
		return false;
	}
	
		/* FORMULAR IST VOLLSTAENDIG */
	
	document.getElementById("gb_result").innerHTML = "<div class=\"loading\"><img src=\"/img/site/loading.gif\" alt=\"\" style=\"padding-top: 10px;padding-left: 10px;float: left;\" /><img src=\"/img/site/loading.gif\" alt=\"\" style=\"padding-top: 10px;padding-right: 10px;float: right;\" /><span>Das Formular wird zum Server gesendet...</span></div>";

		/* STARTE ASYNCHRONE DATENVERBINDUNG */
	
	//get request
	var xmlHttpRequest = getXmlHttpRequestObject();
	
	//open request
	xmlHttpRequest.open("POST", "/gb_submit.php", true);
	xmlHttpRequest.setRequestHeader("Method",        "POST pm.php HTTP/1.1");
	xmlHttpRequest.setRequestHeader("Content-Type",  "application/x-www-form-urlencoded");
	xmlHttpRequest.send("name="+escape(name)+"&subject="+escape(subject)+"&email="+escape(email)+"&hp="+escape(hp)+"&content="+escape(content)+"&secure=its-an-omen");
	
	//receving request
	xmlHttpRequest.onreadystatechange = function() {
		if ( xmlHttpRequest.readyState == 4 ) {
			try {
				if(xmlHttpRequest.responseText=="succes") {
					document.getElementById("gb_result").innerHTML = "<div class=\"succes\"><img src=\"/img/site/confirm.png\" alt=\"\" style=\"padding-top: 10px;padding-left: 10px;float: left;\" /><img src=\"/img/site/confirm.png\" alt=\"\" style=\"padding-top: 10px;padding-right: 10px;float: right\" /><span>Ihr Eintrag wird in k&uuml;rze aufgenommen!</span></div>";
				}
				else {
					document.getElementById("gb_result").innerHTML = "<div class=\"error\"><img src=\"/img/site/error.png\" alt=\"\" style=\"padding-top: 10px;padding-left: 10px;float: left;\" /><img src=\"/img/site/error.png\" alt=\"\" style=\"padding-top: 10px;padding-right: 10px;float: right\" /><span>Es ist ein Problem aufgetreten:</span><br />"+xmlHttpRequest.responseText+"<br /><input type=\"button\" value=\"zur&uuml;ck\" onclick=\"gb_unsubmit()\" /></div>";
					return false;					
				}
			}
			catch (e) {
				document.getElementById("gb_result").innerHTML = "<div class=\"error\"><img src=\"/img/site/error.png\" alt=\"\" style=\"padding-top: 10px;padding-left: 10px;float: left;\" /><img src=\"/img/site/error.png\" alt=\"\" style=\"padding-top: 10px;padding-right: 10px;float: right\" /><span>Es ist ein technisches Problem aufgetreten:</span><br />"+e+"<br /><input type=\"button\" value=\"zur&uuml;ck\" onclick=\"gb_unsubmit()\" /></div>";
				return false;
			}
		}
	}
	
}
function gb_unsubmit() { //BEI FEHLER - ABBRUCH DES SUBMIT-VORGANGS
		
		/* SICHTBARKEIT DER DIV-CONTAINER ANPASSEN */
		
	document.getElementById("gb").style.display		= "block";
	document.getElementById("gb").style.visibility	= "visible";
	
	document.getElementById("gb_result").style.display		= "none";
	document.getElementById("gb_result").style.visibility	= "hidden";
}
function chk_kontaktForm() { //UEBERPRUEFUNG DES KONTAKTFORMULARS (/kontakt.html)
	var form = document.getElementById("kontakt_form");
	
	if(!form.vname.value) {
		alert("Geben Sie bitte Ihren Vornamen ein!");
		form.vname.focus();
		return false;
	}
	else if(!form.nname.value) {
		alert("Geben Sie bitte Ihren Nachnamen ein!");
		form.nname.focus();
		return false;
	}
	else if(!form.email.value) {
		alert("Geben Sie bitte Ihre Email-Adresse ein!");
		form.email.focus();
		return false;
	}
	else if(!form.tele.value) {
		alert("Geben Sie bitte Ihre Telefonnummer ein!");
		form.tele.focus();
		return false;
	}
	else if(!form.str.value) {
		alert("Geben Sie bitte Ihre Adresse ein!");
		form.str.focus();
		return false;
	}
	else if(!form.plz.value) {
		alert("Geben Sie bitte Ihre Postleitzahl ein!");
		form.plz.focus();
		return false;
	}
	else if(!form.ort.value) {
		alert("Geben Sie bitte Ihren Wohnort ein!");
		form.ort.focus();
		return false;
	}
	else if(form.was.selectedIndex == 0) {
		alert("Wählen Sie bitte aus, was sie bauen möchten!");
		return false;
	}
	else {
		return true;
	}
}
/*function show_more(id) { //ANZEIGE VON BEISPIELEN (/raumgestaltung/*.html)
	document.getElementById(id).style.display		= "block";
	document.getElementById(id).style.visibility	= "visible";
}
function hide_more(id) { //AUSBLENDEN VON BEISPIELEN (/raumgestaltung/*.html)
	document.getElementById(id).style.display		= "none";
	document.getElementById(id).style.visibility	= "hidden";	
}*/
	
	/* TOOLTIP SCRIPT */

var ie = document.all?1:0;
var w3c = document.getElementById?1:0;
var tipWidth = 160; 	// Tooltip Breite
var borderCol = "red";	// Tooltip Rahmenfarbeblue
var info, x, y;
document.onmousemove = posTooltip;


function posTooltip(e) {
	
	if(ie) {
		info = document.all.info.style;
		x = event.x + document.body.scrollLeft;
		y = event.y + document.body.scrollTop;
	}
	else {
		info = document.getElementById("info").style;
		x = e.clientX;
		y = e.clientY;
	}
	
	info.left = (x - 60) + "px";
	info.top = (y + 20)+ "px";
}


function showInfo(text) {

	var content = "<div style=\"color: #FFFFFF; padding-bottom: 10px; font-weight: bold;\">Hier 2 Beispiele aus der Kategorie:</div>" + text;
	
	if(ie) {
		descr.innerHTML = content;
	}
	
	else if(w3c) {
		document.getElementById("info").innerHTML = content;
	}
	
	info.visibility = "visible";
	info.display	= "block";
}


function hideInfo() {
	info.visibility = "hidden";
	info.display	= "none";
}