// JavaScript Document

function init() {
			
Event.observe($('email'), 'click', showEmailForm);

}


function showEmailForm(){
	
	Event.stopObserving($('email'), 'click', showEmailForm);

	
	$('email').innerHTML = '<input id="emailinput" value="" /> <span id="ok">OK</span>';
	
	$('emailinput').focus();
	
	Event.observe($('ok'), 'click', sendemail);
	
	
}


function sendemail(){
	value = $F('emailinput');
	$('email').className = 'mailOff' ;
	$('email').innerHTML = "Inscription en cours...";
	
	
	new Ajax.Request(
	'php/newsletter.php',
    {
		parameters: {  email: value},
        
		onSuccess: function(transport) {
			
			$('email').innerHTML = transport.responseText;
			
        },
   
   		onComplete: function(){
			Event.observe($('email'), 'click', showEmailForm);
			$('email').className = 'mail' ;


			},
		
		onFailure: function(){
			Event.observe($('email'), 'click', showEmailForm);
		
			
		}
    }
);
	
	
	
}



Event.observe(window, 'load', init);