var html = [
  '<style type="text/css" >#so-form{margin: 20px 0;}.so_fieldset{border: 0;margin: 0;padding: 20px 0;}.so_rb{margin-left: 10px;}.so_label_agb{margin-bottom: 10px;display: block;}#so_form_info_p.error{color: red;}</style>'
  , '<form action="#" method="post" id="so-form">'
    , '<p><strong>Möchten Sie den kostenlosen Newsletter von studienwahl.de abonnieren?<br>Der Newsletter erscheint einmal im Monat und hält Sie stets auf dem Laufenden.<br>Geben Sie dazu bitte folgende Daten ein:</strong></p>'
    , '<label for="so-form-email">Ihre E-Mail-Adresse: '
      , '<input type="email" id="so-form-email" name="so-form-email" placeholder="bitte eingeben" required>'
    , '</label>'
    , '<fieldset class="so_fieldset">'
      , '<span>Wollen Sie den HTML- oder den Text-Newsletter abonnieren?</span><br />'
      , '<input class="so_rb" type="radio" id="rb_html" name="nl_type" value="html" checked><label for="rb_html"> HTML</label>'
      , '<input class="so_rb" type="radio" id="rb_txt" name="nl_type" value="txt"><label for="rb_txt"> Text</label><br />'
    , '</fieldset>'
    , '<label for="so_cb_agb" class="so_label_agb">'
      , '<input type="checkbox" name="so_cb_agb" value="YES" id="so_cb_agb" required>'
      , 'Ich habe die <a href="/de/newsletter/datenschutzhinweis0908.htm" target="_blank">Angaben zum Datenschutz</a> zur Kenntnis genommen.*'
    , '</label>'
    , '<p id="so_form_info_p" style="display: none;"></p>'
    , '<br />'
    , '<button id="so_form_submit" type="submit">Newsletter abonnieren</button>'
  , '</form>'
  , '<br />'
].join("");

$(document).ready(function() {
  $('#so-form-holder').html(html);
  $('#so-form').submit(function(e) {
    e.preventDefault();
    e.stopPropagation();

    var nl_type = $('#rb_html').is(':checked') ? 'html' : 'txt';
    $('#so-form #so_form_submit').prop('disabled', true).val('Bitte warten...');
    $('#so_form_info_p').hide().html('').removeClass('success').removeClass('error');

    if (!$('#so_cb_agb').is(':checked')) {
      alert("Bitte bestätige die Datenschutzbestimmungen.");
      $('#so-form #so_form_submit').prop('disabled', false).val('Newsletter abonnieren');
      return;
    }

    $.ajax({
      url: "//sonews.meramo.org/soaddsubscriber",
      method: "POST",
      data: {
        email: $('#so-form-email').val(),
        nl_type: nl_type,
        __id: 'stub'
      },
      success: function(data) {
        $('#so-form #so_form_submit').val('Vielen Dank!');
        $('#so_form_info_p').html(data).addClass("success").show();
      },
      error: function(data) {
        $('#so-form #so_form_submit').prop('disabled', false).val('Newsletter abonnieren');
        $('#so_form_info_p').html(data.responseText).addClass("error").show();
      }
    });
  });
});