// mets à jour le champs aperçu
function contactUpdateApercu() {
	var nom = $F('prenom') + ' ' + $F('nom');
	var nom_ami = " "+ $F('nomprenomami1');
	if(jQuery('.page-mailvideo').length) {
		var texte = _("Bonjour") + nom_ami + _(",<br />J'ai trouvé une super vidéo sur le site de Crédito ! Tu peux la visionner à cette adresse :<br /><tt id=\"urlVideo\">"+parent.location.href+"</tt>");	
	}
	else if(jQuery('.participation-concours').length) {
		var texte = _("Bonjour") + nom_ami + _(",<br />MisterCrédito organise un concours pour gagner une console Wii<br />et des peluches Crédito ! Tu peux y participer à cette adresse : www.mistercredito.com/");	
	}
	 else {
		var texte = _("Bonjour") + nom_ami + _(",<br />J'ai trouvé un nouveau site pour toi ! Vas-y vite, voici l'adresse : www.mistercredito.com");	
	}
	$('apercumessage').update(texte);
}

// teste les champs requis, envoie l'email via ajax
function contactSubmit(e) {
	Event.stop(e);
	var error = false;
	
	$$('.errMsg').invoke('remove');
	
	// tous les champs requis
	$$('.required').each(function(input) {
		if (input.getValue() == '') {
			error = true;
			input.addClassName('errorcadre');
			
			// ajoute un message d'erreur
			var error_div = document.createElement("div");
			error_div.className = 'errMsg';
			error_div.appendChild(document.createTextNode(_("Champs requis")));

			// on l'insère après l'input
			input.parentNode.insertBefore(error_div, input.nextSibling);
			
		} else {
			input.removeClassName('errorcadre');
		}
	});


	// tous les champs email
	var email_error = false;
	$$('.validate-email').each(function(input) {
		if (input.getValue() && input.getValue().search(/^[_a-z0-9-]+(.[_a-z0-9-]+)*[^._-]@[a-z0-9-]+(.[a-z0-9]{2,4})*$/) == -1) {
			email_error = true;
			input.addClassName('errorcadre');
			
			// ajoute un message d'erreur
			var error_div = document.createElement("div");
			error_div.className = 'errMsg';
			error_div.appendChild(document.createTextNode(_("Email invalide")));
			
			// on l'insère après l'input
			input.parentNode.insertBefore(error_div, input.nextSibling);
		}
	});
	
	if (error) {
		alert(_('Il y a des erreurs, merci de vérifier les informations saisies'));
		return;
	}
	if (email_error) {
		alert(_("Email invalide"));
		return;
	}
	
	$('contactform').request(); // ajax !

	// TODO : vérifier que la réponse est bonne
	$('formulairecontact').hide();
	$('confirmation').show();
}

Event.observe(window, 'load', function() {
	// ajoute une classe focus aux éléments (pour ie)
	$$('input').each(function(input) {
		input.observe('focus', function() { input.addClassName('sffocus')});
		input.observe('blur', function() { input.removeClassName('sffocus')});
	});
	
	// apercu update
	$('prenom', 'nom','nomprenomami1').invoke('observe', 'blur', contactUpdateApercu);
	contactUpdateApercu();
	
	Event.observe('contactform', 'submit', contactSubmit);
});