// 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('Votre nom :', 'nom');
			hdrForms.addInput('Votre prénom :', 'prenom');
			hdrForms.addInput('Adresse :', 'adresse');
			hdrForms.addInput('Code postal :', 'code_postal');
			hdrForms.addInput('Commune :', 'commune');
			hdrForms.addInput('E-mail :', 'email');
			hdrForms.addInput('Téléphone :', 'telephone');
			hdrForms.addInput('Fax :', 'fax');
			hdrForms.addTextarea('Votre message :', 'demande');
			hdrForms.addSubmit();
		}
	},
	
	addSubmit: function(){
		var divParent = $(hdrForms.element);
		
		var conteneur = document.createElement('p');
		
		var input = document.createElement('input');
		
		input.value = 'Envoyer';
		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(){
		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.php',
							{
								method:'post',
								parameters:parametres
							}
						);
	}
}

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