// JavaScript Document

var hdrForms = {
	element: 'leFormulaire',
	arrayFields:'',
	
	begin: function(){
		// On regarde si le div contenant le formulaire existe:
		if($(hdrForms.element)){
			hdrForms.arrayFields = new Array();
			
			hdrForms.addInput('Name: *', 'nom');
			hdrForms.addInput('Vorname: *', 'prenom');
			hdrForms.addInput('Adresse: *', 'adresse');
			hdrForms.addInput('Postleitzahl: *', 'code_postal');
			hdrForms.addInput('Stadt: *', 'commune');
			hdrForms.addInput('E-mail: *', 'email');
			hdrForms.addInput('telefon:', 'telephone');
			hdrForms.addInput('Fax:', 'fax');
			hdrForms.addTextarea('Ihre Anfrage in einigen Wörtern: *', 'demande');
			hdrForms.addSubmit();
		}
	},
	
	addSubmit: function(){
		var divParent = $(hdrForms.element);
		
		var baliseP = document.createElement('p');
		
		divParent.appendChild(baliseP);
		
		var labelAsterisques = document.createElement('label');
		labelAsterisques.appendChild(document.createTextNode('*: Pflichtfelder'));
		
		baliseP.appendChild(labelAsterisques);
		
		var conteneur = document.createElement('p');
		
		var input = document.createElement('input');
		
		input.value = 'Senden';
		input.type = 'button';
		
		divParent.appendChild(conteneur);
		conteneur.appendChild(input);
		
		Event.observe(input, 'click', hdrForms.submitForm);
	},
	
	addTextarea: function(contenuLabel, nomBalise){
		hdrForms.arrayFields.push(nomBalise);
		
		var divParent = $(hdrForms.element);
		
		var conteneur = document.createElement('p');
		
		// Création du label:
		var label = document.createElement('label');
		
		// Contenu du label:
		label.appendChild(document.createTextNode(contenuLabel));
		
		// Création de la textarea:
		var textarea = document.createElement('textarea');
		
		textarea.name = nomBalise;
		textarea.id = nomBalise;
		
		divParent.appendChild(conteneur);
		conteneur.appendChild(label);
		conteneur.appendChild(textarea);
	},
	
	addInput: function(contenuLabel, nomBalise){
		hdrForms.arrayFields.push(nomBalise);
		
		var divParent = $(hdrForms.element);
		
		var conteneur = document.createElement('p');
		
		// Création du label:
		var label = document.createElement('label');
		
		// Contenu du label:
		label.appendChild(document.createTextNode(contenuLabel));
		// label.for = nomBalise;
		
		// Création du champ de texte:
		var input = document.createElement('input');
		
		input.name = nomBalise;
		input.id = nomBalise;
		input.type = 'text';
		input.className = 'dynamicInput';
		
		divParent.appendChild(conteneur);
		conteneur.appendChild(label);
		conteneur.appendChild(input);
	},
	
	submitForm: function(){
		if($('nom').value == ''){
			alert('Bitte füllen Sie das Feld Name');
			
			return false;
		}
		if($('prenom').value == ''){
			alert('Bitte füllen Sie das Feld Vorname');
			
			return false;
		}
		if($('adresse').value == ''){
			alert('Bitte füllen Sie das Feld Adresse');
			
			return false;
		}
		if($('code_postal').value == ''){
			alert('Bitte füllen Sie das Feld Postleitzahl');
			
			return false;
		}
		if($('commune').value == ''){
			alert('Bitte füllen Sie das Feld Stadt');
			
			return false;
		}
		if($('email').value == ''){
			alert('Bitte füllen Sie das Feld E-mail');
			
			return false;
		}
		if($('demande').value == ''){
			alert('Bitte füllen Sie das Feld Anzeige');
			
			return false;
		}
		
		var parametres = '';
		
		var i = 0;
		while(i < hdrForms.arrayFields.length){
			if(i > 0){
				parametres += '&';
			}
			
			parametres += hdrForms.arrayFields[i]+'='+escape($(hdrForms.arrayFields[i]).value);
			
			i++;
		}
		
		// Envoi des données:
		new Ajax.Updater(
						 	hdrForms.element,
							'../form/ajax_form_send_de.php',
							{
								method:'post',
								parameters:parametres,
								onComplete:hdrForms.changeTitle
							}
						);
	},
	
	changeTitle: function(){
		$('titreDynamique').innerHTML = 'Die Anfrage ist in Bearbeitung.';
	}
}

Event.observe(window, 'load', hdrForms.begin);