// 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.addDualInput('Votre prénom:', 'prenom', 'inputrequest', 'Votre nom:' ,'nom', 'inputrequest');
			hdrForms.addInput('Adresse:', 'adresse', 'inputrequest');
			hdrForms.addDualInput('Code postal:', 'code_postal', 'inputrequest', 'Commune:' ,'commune', 'inputrequest');
			hdrForms.addInput('E-mail:', 'email', 'inputrequest');
			hdrForms.addDualInput('Téléphone:', 'telephone', 'inputrequest', 'Fax:' ,'fax', 'inputform');
			hdrForms.addTextarea('Votre requête:', 'demande', 'inputrequest');
			hdrForms.addSubmit();
		}
	},
	
	addSubmit: function(){
		var divParent = $(hdrForms.element);
		
		var conteneur = document.createElement('p');
		
		var input = document.createElement('input');
		
		input.value = 'Envoyer';
		input.type = 'button';
		input.id = 'buttonSubmit';
		
		divParent.appendChild(conteneur);
		conteneur.appendChild(input);
		
		Event.observe(input, 'click', hdrForms.submitForm);
	},
	
	addTextarea: function(contenuLabel, nomBalise, theclass){
		hdrForms.arrayFields.push(nomBalise);
		
		var divParent = $(hdrForms.element);
		
		var conteneur = document.createElement('p');
		
		// Création du label:
		var label = document.createElement('label');
		
		label.id = 'label_'+nomBalise;
		
		// Contenu du label:
		label.appendChild(document.createTextNode(contenuLabel));
		
		// Création de la textarea:
		var textarea = document.createElement('textarea');
		
		textarea.name = nomBalise;
		textarea.id = nomBalise;
		textarea.className = theclass;
		
		var br1 = document.createElement('br');
		
		divParent.appendChild(br1);
		divParent.appendChild(conteneur);
		conteneur.appendChild(label);
		conteneur.appendChild(textarea);
	},
	
	addInput: function(contenuLabel, nomBalise, theclass){
		hdrForms.arrayFields.push(nomBalise);
		
		var divParent = $(hdrForms.element);
		
		var conteneur = document.createElement('p');
		
		// Création du label:
		var label = document.createElement('label');
		label.id = 'label_'+nomBalise;
		// 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 = theclass;
		
		divParent.appendChild(conteneur);
		conteneur.appendChild(label);
		conteneur.appendChild(input);
	},
	
	addDualInput: function(contenuLabel1, nomBalise1, class1, contenuLabel2, nomBalise2, class2){
		hdrForms.arrayFields.push(nomBalise1);
		hdrForms.arrayFields.push(nomBalise2);
		
		var divParent = $(hdrForms.element);
		var conteneur = document.createElement('p');
		
		var label1 = document.createElement('label');
		label1.id = 'label_'+nomBalise1;
		label1.appendChild(document.createTextNode(contenuLabel1));
		var input1 = document.createElement('input');
		input1.name = nomBalise1;
		input1.id = nomBalise1;
		input1.type = 'text';
		input1.className = class1;
		
		var label2 = document.createElement('label');
		label2.id = 'label_'+nomBalise2;
		label2.appendChild(document.createTextNode(contenuLabel2));
		var input2 = document.createElement('input');
		input2.name = nomBalise2;
		input2.id = nomBalise2;
		input2.type = 'text';
		input2.className = class2;
		
		divParent.appendChild(conteneur);
		conteneur.appendChild(label1);
		conteneur.appendChild(input1);
		conteneur.appendChild(label2);
		conteneur.appendChild(input2);
	},
	
	submitForm: function(){
		if($('nom').value == ''){
			alert('Veuillez saisir votre nom');
			
			return false;
		}
		if($('prenom').value == ''){
			alert('Veuillez saisir votre prénom');
			
			return false;
		}
		if($('adresse').value == ''){
			alert('Veuillez saisir votre adresse');
			
			return false;
		}
		if($('code_postal').value == ''){
			alert('Veuillez saisir votre code postal');
			
			return false;
		}
		if($('commune').value == ''){
			alert('Veuillez saisir votre commune');
			
			return false;
		}
		if($('email').value == ''){
			alert('Veuillez saisir votre adresse e-mail');
			
			return false;
		}
		if($('telephone').value == ''){
			alert('Veuillez saisir votre numéro de téléphone');
			
			return false;
		}
		if($('demande').value == ''){
			alert('Veuillez saisir votre message');
			
			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.php',
							{
								method:'post',
								parameters:parametres,
								onComplete:hdrForms.endSubmit
							}
						);
	},
	
	endSubmit:function(){
		$('flash_sur_form_contact').style.display = 'none';
	}
}

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