// trigger signup or signin
$(document).ready(function() {

  $(".trigger_signin_out").click(function() {
    $(this).parent("form").submit();
    
    return false;
  });

  $(".trigger_signup").click(function () {
    $("#signup").fadeIn(300);
    
    // track opening sigup form
    $.get('inc/action/trackSignupForm.php');
    return false;
  });
  
  $(document).ready(function() {
  $( "#radio" ).buttonset();
  
  $(".su_text_field").focus(function () {
    $(this).val("").css("color", "#262626");
  });
  
  $("#signup_button").click(function () {
    
    $(".loader").fadeIn();
    $(".su_text_field").css("border", "");
    $("input[name='user_res']").css("border", "");
    $("#agb_box").css("color", "#262626");
    $(".error").fadeOut(100);
    
    var postVars = $("#su_data :input").serialize();
       
    $.ajax({
      type: "POST",
      url: "inc/action/signup.php",
      data: postVars,
      success: function(data) {

        if (data == "errEmailExist") {
          $(".loader").fadeOut();
          $("#su_form").effect("shake", { times:2 }, 50); 
          $("input[name='email']").css("border", "2px solid #b32020");
          $("input[name='email']").before('<span class="error">Diese Emailadresse existiert bereits!</span>');
        }
        else if (data == "errLastName") {
          $(".loader").fadeOut();
          $("#su_form").effect("shake", { times:2 }, 50); 
          $("input[name='last_name']").css("border", "2px solid #b32020");
          $("input[name='last_name']").before('<span class="error">Wie lautet Ihr Nachname?</span>');
        }
        else if (data == "errEmail") {
          $(".loader").fadeOut();
          $("#su_form").effect("shake", { times:2 }, 50); 
          $("input[name='email']").css("border", "2px solid #b32020");
          $("input[name='email']").before('<span class="error">Wie lautet Ihre korrekte Emailadresse?</span>');
        }
        else if (data == "errMath") {
          $(".loader").fadeOut();
          $("#su_form").effect("shake", { times:2 }, 50); 
          $("input[name='user_res']").css("border", "2px solid #b32020");
          $("#math_captcha").before('<span class="error">Bitte &uuml;berpr&uuml;fen Sie Ihr Ergebnis!</span>');
        }
        else if (data == "errAgb") {
          $(".loader").fadeOut();
          $("#su_form").effect("shake", { times:2 }, 50); 
          $("#agb_box").css("color", "#b32020");
        }
        else {
        
          $(".loader").fadeOut();
          var email = $("input[name='email']").val();
          
          $("#form_description ul").fadeOut();
          $("#key_features ul").fadeOut();
          
          $("#su_form").fadeOut(300, function() {   
          
            $.get('inc/google_conversion_tracking.html');
                   
            $("#radio").html("<p>" + $("input:radio:checked[name='salutation']").val() + " " + $("input[name='last_name']").val() + ",<br />Vielen Dank f&uuml;r Ihre Anmeldung!<br />In K&uuml;rze erhalten Sie eine Email mit Ihrem Passwort. Mit diesem k&ouml;nnen Sie sich nachfolgend gleich einloggen.</p>").css("font-size", "14px");
            $("#form_description ul").html("<li></li><li><img src='img/signup_form_email.png' alt='' /></li><li><img src='img/signup_form_password.png' alt='' /></li>");
            $("#math_captcha").remove();
            $("#agb_box").remove();
            $("input[name='last_name']").remove();
            $("#signup_button").remove();
            $("#su_form h1").text("Login");
            $("#su_data").attr("action", "login.php");
            $(this).find("input[name='email']").after('<input type="password" class="su_text_field" name="passwort" />');
            $(this).find("input[name='passwort']").after('<a href="#" id="signin_button">EINLOGGEN</a>');
            $(".su_text_field").css("color", "#262626");
            $("#form_description ul").css("margin-top", "135px").fadeIn();
            $(this).fadeIn(function() {
              $(this).find("input[name='passwort']").focus();
              
              $("#signin_button").click(function () {
                $("#su_data").submit();
                return false;
              });
            });
          });
          
        }
      }
    });
    
    return false;
    
  });
  
  $("#abort_button").click(function () {
    $("#signup").fadeOut();
    return false;
  });
});

});