jQuery(document).ready(function(){

  // Stores the default text in input
  default_val = jQuery('.email-field').val();

  // caché par défaut
  jQuery('#newsletter-panel').hide();

  // Au clic
  jQuery('#newsletter-link').click(function(e){
    e.preventDefault();
    jQuery('#newsletter-panel').show();
  });

  // Close link
  jQuery('#close_newsletter_panel').click(function(e){
    e.preventDefault();
    jQuery('#newsletter-panel').hide();
  });

  // champ de saisie
  jQuery('.email-field').click(function(){
    if(jQuery(this).val() == default_val){
      jQuery(this).val('');
    }
  }).blur(function(){
    if(jQuery(this).val() == ''){
      jQuery(this).val(default_val);
    }
  });

  // Soumission du formulaire
  jQuery('#newsletter-submit').click(function(e){
    e.preventDefault();
    var input = jQuery('.email-field').val();
    var url = jQuery('#newsletter-form').attr('action');
    jQuery.post(url, {email: input}, updateResult, 'html');
  });

});

function updateResult(data){
  jQuery('#newsletter-result').html(data);
  jQuery('#newsletter-panel').css('height', '85px');
}