// variable definieren
// FINGER WEG AREA - CREPNIK's REVIER
fehler=false;
feld_leer = new Array;
feld_type = new Array;
feld_type_fehler = new Array;
feld_leer_fehler = new Array;
feld_name = new Array;

//************************************************************************************
// FINGER HIN AREA - YETI's REVIER
/* 	AKTIV
	feld_leer[x]=0; bedeutet das feld darf leer bleiben
	feld_leer[x]=1; bedeutet das feld muss ausgefuellt sein
	
	TYPEN
	vier feld-typen stehen zur auswahl:
		1.) text
				beinhaltet text-, zahlen- und sonderzeichen
		2.) zahl
				beinhaltet ganze zahlen
		3.) mail
				beinhaltet eine mail-adresse
		4.) tel
				beinhaltet eine telefonnummer
				
	feld_type[x]='mail'; dieses feld muss eine mail-adresse sein
	feld_type[x]='zahl'; dieses feld darf nur ganze zahlen beinhalten
	feld_type[x]='text', dieses feld darf text-, zahlen- und sonderzeichen beinhalten
	feld_type[x]='tel'; dieses feld darf alle zeichen beinhalten bis auf gross- und kleinbuchstaben

	FEHLERMELDUNGEN
	pro feld gibt es zwei fehlermeldungen
		1.) TYPE: z.b. in einem zahlen feld steht normaler text, oder in
			einem mail feld steht keine gueltige mailadresse
		2.) ein feld das ausgefuellt werden muss blieb leer
		
	feld_type_fehler[x]="Das Feld xyz muss eine Zahl sein!";
	feld_aktiv_fehler[x]="Das Feld xyz muss ausgefuellt werden!";
	
	NAME
	pro feld gibt es einen namen zu vergeben. dieser name dient fuer die vorschau.
*/


//vornamen einstellung
feld_leer[0] = 0;
feld_type[0] = 'text';
feld_type_fehler[0] = '';
feld_leer_fehler[0] = 'Bitte geben Sie Ihren Namen an';
feld_name[0]='';

//nachname einstellung
feld_leer[1] = 1;
feld_type[1] = 'text';
feld_type_fehler[1] = '';
feld_leer_fehler[1] = 'Bitte geben Sie Ihren Namen an';
feld_name[1]='Nachname:';

//adresse einstellung
feld_leer[2] = 0;
feld_type[2] = 'text';
feld_type_fehler[2] = '';
feld_leer_fehler[2] = 'no adress ... no snail mail contact';
feld_name[2]='Adresse:';

//plz einstellung
feld_leer[3] = 0;
feld_type[3] = 'zahl';
feld_type_fehler[3] = 'it has to be numbers.';
feld_leer_fehler[3] = 'no zip-code ... no snail mail contact';
feld_name[3]='PLZ:';

//stadt einstellung
feld_leer[4] = 0;
feld_type[4] = 'text';
feld_type_fehler[4] = '';
feld_leer_fehler[4] = 'no city ... no snail mail contact';
feld_name[4]='Stadt:';

//telefon einstellung
feld_leer[5] = 0;
feld_type[5] = 'tel';
feld_type_fehler[5] = 'it has to be numbers';
feld_leer_fehler[5] = 'to contact you I need to know your phone number';
feld_name[5]='Telefon:';

//mail einstellung
feld_leer[6] = 1;
feld_type[6] = 'mail';
feld_type_fehler[6] = '... das scheint keine gültige e-mail zu sein !';
feld_leer_fehler[6] = 'Bitte geben Sie Ihre e-mail an.';
feld_name[6]='e-Mail:';

//betreff einstellung
feld_leer[7] = 1;
feld_type[7] = 'text';
feld_type_fehler[7] = '';
feld_leer_fehler[7] = 'Bitte um ein Betreff';
feld_name[7]='Betreff:';

//nachricht einstellung
feld_leer[8] = 0;
feld_type[8] = 'text';
feld_type_fehler[8] = '';
feld_leer_fehler[8] = 'Bitte um eine Nachricht';
feld_name[8]='Nachricht:';

// **********************************************************************************
// FINGER WEG AREA - CREPNIK's REVIER
function elementen_typen (steuer_vorschau)
{	fehler=false;
	var vorschau=steuer_vorschau;
	aktuell=0;

	for(x=0;x<=document.forms[0].elements.length-1;x++)
	{	if(document.forms[0].elements[x].type == 'text' || document.forms[0].elements[x].type == 'textarea')
		{	check_leer(x,aktuell);
			aktuell++;
		}
		if(fehler==true)
		{	break;
		}else
		{	if(x==document.forms[0].elements.length-1)
			{	if(vorschau=='preview')
				{	preview_show() //die funktion zur vorschau
				}else
				{	send_form() //die funktion zum senden
				}
			}
		}
	}
}


function check_leer(x,aktuell)
{	feld_inhalt=document.forms[0].elements[x].value;
	
	if(feld_inhalt=="" && feld_leer[aktuell]==1)
	{	fehler_zeigen(aktuell,'leer') //die funktion zur fehlermeldung ausgabe
	}else
	{	if(feld_inhalt!="" && feld_leer[aktuell]==1)
		{	check_type_verteiler(x,aktuell);
		}
	}
}


function check_type_verteiler(x,aktuell)
{	if(feld_type[aktuell] == 'zahl')
	{	check_zahl(x,aktuell);
	}
	
	if(feld_type[aktuell] == 'mail')
	{	check_mail(x,aktuell);
	}
		
	if(feld_type[aktuell] == 'tel')
	{	check_tel(x,aktuell);
	}
}


function check_zahl(x,aktuell)
{	if(isNaN(document.forms[0].elements[x].value)==true)
	{	fehler_zeigen(aktuell,'type') //die funktion zur fehlermeldungausgabe
	}
}


function check_mail(x,aktuell)
{	if(document.forms[0].elements[x].value.split(" ").length == 1)
	{	mail_inhalt=document.forms[0].elements[x].value.split("@");
	
		if(mail_inhalt.length == 1)
		{	fehler_zeigen(aktuell,'type') //die funktion zur fehlermeldungausgabe
		}else
		{		vorm_at=mail_inhalt[0];
				nach_at=mail_inhalt[1];
				
				if(vorm_at.length<2)
				{	fehler_zeigen(aktuell,'type') //die funktion zur fehlermeldungausgabe
				}else
				{	hinten=nach_at.split(".");
					
					if(hinten.length == 1 || hinten.length > 3)
					{	fehler_zeigen(aktuell,'type') //die funktion zur fehlermeldungausgabe
					}else
					{ 	if(hinten[0].length < 2)
						{	fehler_zeigen(aktuell,'type') //die funktion zur fehlermeldungausgabe
						}
						if(hinten[1].length < 2 || hinten[1].length > 6)
						{	fehler_zeigen(aktuell,'type') //die funktion zur fehlermeldungausgabe
						}
					}
				}
		}
	}else
	{	fehler_zeigen(aktuell,'type') //die funktion zur fehlermeldungausgabe
	}
}


function check_tel(x,aktuell)
{	for(y=63;y<=350;y++)
	{	if(document.forms[0].elements[x].value.split(String.fromCharCode(y)).length>1)
		{	fehler_zeigen(aktuell,'type'); //die funktion zur fehlermeldungausgabe
			y=350;
		}
	}
}


function fehler_zeigen(aktuell,fehlerart,x)
{	if(fehlerart == 'leer')
	{	document.getElementById('msg').innerHTML=feld_leer_fehler[aktuell];
		warning_on_off()
	}else
	{	document.getElementById('msg').innerHTML=feld_type_fehler[aktuell];
		warning_on_off()
	}
}


function warning_on_off()
{	fehler=true;
	if(document.getElementById('achtung_msg').style.visibility=='hidden')
	{	document.getElementById('achtung_msg').style.visibility='visible';
		document.getElementById('haupt_table').style.visibility='hidden';
	}else
	{	document.getElementById('achtung_msg').style.visibility='hidden';
		document.getElementById('haupt_table').style.visibility='visible';
	}
}


function preview_show()
{	document.getElementById('anzeige').innerHTML="";

	document.getElementById('anzeige').innerHTML+=document.forms[0].elements[0].value+"&nbsp;";
	document.getElementById('anzeige').innerHTML+=document.forms[0].elements[1].value+"&nbsp;";
	document.getElementById('anzeige').innerHTML+="<B>"+document.forms[0].elements[2].value+"</B><br><br>";
	document.getElementById('anzeige').innerHTML+=document.forms[0].elements[3].value+"<br>";
	document.getElementById('anzeige').innerHTML+=document.forms[0].elements[4].value+"&nbsp;";
	document.getElementById('anzeige').innerHTML+=document.forms[0].elements[5].value+"<br>";
	document.getElementById('anzeige').innerHTML+="<b>"+feld_name[5]+"</b> "+document.forms[0].elements[6].value+"<br>";
	document.getElementById('anzeige').innerHTML+="<b>"+feld_name[6]+"</b> "+document.forms[0].elements[7].value+"<br><br>";
//	document.getElementById('anzeige').innerHTML+="<b>Request:</b> "+document.forms[0].elements[8].value+"<br>";
	document.getElementById('anzeige').innerHTML+="<b>"+feld_name[7]+"</b> "+document.forms[0].elements[8].value+"<br>";
	document.getElementById('anzeige').innerHTML+="<b>"+feld_name[8]+"</b> "+document.forms[0].elements[9].value+"<br>";

	/*for(x=0;x<document.forms[0].elements.length;x++)
	{	if(document.forms[0].elements[x].type!='button')
		{	if(x!=0)
			{	document.getElementById('anzeige').innerHTML+="<b>"+feld_name[x-1]+"</b>"+document.forms[0].elements[x].value+"<br>";
			}else
			{	document.getElementById('anzeige').innerHTML+=document.forms[0].elements[x].value+"<br>";
			}
		}
	}*/
	preview_on_off()
}


function preview_on_off()
{	if(document.getElementById('preview_anzeige').style.visibility=='hidden')
	{	document.getElementById('preview_anzeige').style.visibility='visible';
		document.getElementById('haupt_table').style.visibility='hidden';
	}else
	{	document.getElementById('preview_anzeige').style.visibility='hidden';
		document.getElementById('haupt_table').style.visibility='visible';
	}
}


function send_form()
{	document.forms[0].submit();
}