// JavaScript Document

/**
*
*Tip error set up language
*
*/

var Anrede=" Bitte geben Sie Ihre Anrede ein.";
var Nachname="Bitte geben Sie Ihren Nachname ein.";
var Email="Bitte geben Sie Ihre E-Mail Adresse ein.";
var Ihre_Anfrage="Bitte geben Sie Ihre Anfrage ein.";


/**
* 
* @description:According to focus different show different colors
* @param: No
* @return: No
*
*/
function allinput()
{
	var objdiv=document.createElement("div");
	var nextNode = document.getElementById("mailformformtype_mail");
	if(nextNode){
 		var parentdiv= nextNode.parentNode;
		parentdiv.setAttribute("class","csc-mailform-field widthRight")
		parentdiv.insertBefore(objdiv, nextNode);
	}
	
function error(){
		objdiv.innerHTML="";
		objdiv.className="error";
	}

	//add text border
	objinput=document.getElementsByTagName("input");	
	for(var i=0;i<objinput.length;i++)
	{      
		if(objinput[i].type == "text" || objinput[i].type == "password")
		{
			objinput[i].onfocus = function () { this.style.border = "1px solid #89c1f2";this.className = "";};
			objinput[i].onblur = function() { this.style.border = "1px solid #AFAFAF";this.className = "";};
		}
	}
	//add textarea border
	objtextarea=document.getElementsByTagName("textarea");
	for(var i=0;i<objtextarea.length;i++)
	{      
		objtextarea[i].onfocus = function () { this.style.border = "1px solid #89c1f2";this.className = "";};
		objtextarea[i].onblur = function() { this.style.border = "1px solid #AFAFAF";this.className = "";};
	}
	
	var mailformNachname=document.getElementById('mailformNachname');
	var mailformIhre_Anfrage=document.getElementById('mailformIhre_Anfrage');
	var mailformEmailAdresse=document.getElementById('mailformEmailAdresse');
	var mailformformtype_mail=document.getElementById('mailformformtype_mail');
	
	//name
	if(mailformNachname){
		mailformNachname.onblur=function(){
			if(mailformNachname.value == '')
			{	
				objdiv.innerHTML=Nachname;
				mailformNachname.className="onError";
				objdiv.className="errorview";
				mailformNachname.style.border = "1px solid #DFA42B";
			}else{
				mailformNachname.className="noError";
				mailformNachname.style.border = "1px solid #AFAFAF";
				error();
			}
			
		}
	}
	//text
	if(mailformIhre_Anfrage){
		mailformIhre_Anfrage.onblur=function(){
			if(mailformIhre_Anfrage.value == '')
			{	
				objdiv.innerHTML=Ihre_Anfrage;											
				mailformIhre_Anfrage.className="onError";
				objdiv.className="errorview";
				mailformIhre_Anfrage.style.border = "1px solid #DFA42B";
			}else{
				mailformIhre_Anfrage.className="noError";
				mailformIhre_Anfrage.style.border = "1px solid #AFAFAF";
				error();
			}
		}
	}
	
	//email
	if(mailformEmailAdresse){
		mailformEmailAdresse.onblur=function(){
			if(mailformEmailAdresse.value == '' || !validate_email(mailformEmailAdresse.value))
			{
				objdiv.innerHTML=Email;
				mailformEmailAdresse.className="onError";
				objdiv.className="errorview";
				mailformEmailAdresse.style.border = "1px solid #DFA42B";
			}
			else{
				mailformEmailAdresse.className="noError";
				mailformEmailAdresse.style.border = "1px solid #AFAFAF";
				error();
			}
			
		}
	}
	
	if(mailformformtype_mail){
		mailformformtype_mail.style.cursor="pointer";
	}

	
	//validate email
	//var submit_mail = document.getElementById('mailformformtype_mail');
	var submit_mail = document.getElementById('mailform');
	if(submit_mail)
	{
		submit_mail.onsubmit = function () {
												var error_info = '';
												if(!(document.getElementById('mailformAnredeHerr').checked || document.getElementById('mailformAnredeFrau').checked))
												{
													objdiv.innerHTML=Anrede;
													objdiv.className="errorview";
													return false;
												}
												if(mailformNachname.value == '')
												{
													objdiv.innerHTML=Nachname;
													objdiv.className="errorview";
													return false;
												}
												if(mailformEmailAdresse.value == '' || !validate_email(mailformEmailAdresse.value))
												{
													objdiv.innerHTML=Email;
													objdiv.className="errorview";
													return false;
												}
												if(mailformIhre_Anfrage.value == '')
												{
													objdiv.innerHTML=Ihre_Anfrage;
													objdiv.className="errorview";
													return false;
												}
												$('mailform').request(
												{onLoading:function(){
													objdiv.innerHTML="Loading..";
													objdiv.className="loading";
													
												},onComplete:function(){
												objdiv.innerHTML="Absenden erfolgreich!";
												objdiv.className="ok";
												}})
												return false;
												
											}
	}
}
/**
** @description:Email validate function
* @param:
		 value:email string
* @return: bool value
*
*/
function validate_email(value)
{
	var valEmail = /^(([\-\w]+)\.?)+@(([\-\w]+)\.?)+\.[a-zA-Z]{2,4}$/;
	if(!valEmail.test(value))
	{
		return false;
	}
	else
	{
		return true;	
	}
}

/**
* 	
*Page loading is completed, depending on the choice of browser called footerchar method
*
*/
if (document.all)
{
	window.attachEvent('onload',allinput);
}
else
{
	window.addEventListener('load',allinput,false);
}