Event.observe(window, "load", function(){
	
	Eletter = Class.create({
	
		initialize: function(){
			if ($("newsletter-email")){
				Event.observe($("newsletter-email"), "focus", function(){
					if (this.value == "Votre email"){
						this.value = "";
					}
				});
				Event.observe($("newsletter-email"), "blur", function(){
					if (this.value == ""){
						this.value = "Votre email";
					}
				});
			}
			if ($("btn-inscrire")){
				Event.observe($("btn-inscrire"), "click", this._subscribe.bindAsEventListener(this));
			}
		},
		_subscribe : function(e){
			Event.stop(e);
			
			var email =  Form.Element.getValue($("newsletter-email"));
			var url = "./ajax/eletter/";
			
			var params = {
				'email' : email
			};
			
			new Ajax.Request(url, {
				method     :'post',
				parameters : params,
				onSuccess  : this._onSubscribe.bindAsEventListener(this),
				onFailure  : function(){
					//alert('Something went wrong...');
					return;
				}
			});
		},
		_onSubscribe : function(ajax){
			
			var text = ajax.responseText;
			var div;
			
			if ($("message-eletter")){
				div = $("message-eletter");
			}
			else{
				div = new Element("div", {"id" : "message-eletter"});
				Element.setStyle(div, {
					marginTop : "4px",
					fontSize : "10px",
					color : "#D8D6D6"
				});
				$("newsletter-bloc").insert(div)
			}
			
			if (text == "OK"){
				div.update("Un email vous a été envoyé. cliquez sur le lien pour confirmer votre inscription");
			}
			else if (text == "EXISTS"){
				div.update("Vous êtes déjà inscrit à notre newsletter");
			}
			else{
				div.update("Votre inscription n'a pas été prise en compte");
			}
		}
	});

	var oEletter = new Eletter();

});