window.addEvent('domready', function() {
	if($('etreRappele')){
		$('etreRappele').addEvent('click',afficherPopinEtreRappeler);
	}
});

function afficherPopinEtreRappeler(){
	new Element('div',{
		'html': htmlPopinEtreRappeler(),
		'id':'popinEtreRappeler'}
	).MooDialog({size: {
	    width: 440,
	    height: 160
	}, title: 'Si vous souhaitez être rappelé, remplissez les champs ci-dessous.'});
	
	
	if($('formEtreRappeler')){
		var formcheck = new FormCheck('formEtreRappeler', {
	    	submitByAjax: true,
	    	onAjaxSuccess: function(response) {
				message=response;
				titre='Message envoyé';
				if(message=='ko'){
					message='Une erreur est survenue.<br />Merci de bien vouloir nous excuser pour la gêne occasionnée.';
					titre='Une erreure est survenue';
				}
	    		$('popinEtreRappeler').set('html',message);
	    		$$('.MooDialog .title').set('html',titre);
	    	},
	    	display : {
	    		scrollToFirst: false
	    	}
	    });
	}
}

function htmlPopinEtreRappeler(){
	return ''+
	'<form method="post" action="popin_etre_rappeler" id="formEtreRappeler">'+
		'<table>'+
			'<tr>'+
				'<td>Nom : </td><td><input class="validate[\'required\']" type="text" name="nom" value="" /></td>'+
			'</tr>'+
			'<tr>'+
				'<td>Prénom : </td><td><input class="validate[\'required\']" type="text" name="prenom" value="" /></td>'+
			'</tr>'+
			'<tr>'+
				'<td>Numéro de téléphone : </td><td><input class="validate[\'required\',\'phone\']" type="text" name="phone" value="" /></td>'+
			'</tr>'+
			'<tr>'+
				'<td>Heure de rappel : </td>'+
				'<td><select name="heure_rappel">'+
					'<option value="dans l\'heure">dans l\'heure</option>'+
					'<option value="de 10h00 à 12h00">de 10h00 à 12h00</option>'+
					'<option value="de 12h00 à 14h00">de 12h00 à 14h00</option>'+
					'<option value="de 14h00 à 16h00">de 14h00 à 16h00</option>'+
					'<option value="de 16h00 à 18h00">de 16h00 à 18h00</option>'+
				'</select></td>'+
			'</tr>'+
			'<tr>'+
				'<td colspan="2" class="droite"><input class="submit" type="submit" value="Valider" /></td>'+
			'</tr>'+
		'</table>'+
	'</form>';
}