/**
/* Javascript - Kontaktformulardaten senden
/*
/* Für diese Funktion wird das jQuery Framework verwendet.
/*
 */

 $(document).ready(function()
 {
    // Email Adressen anpassen
    $("span.email").each( function()
    {
        var mailto = $(this).html().replace(/([a-z0-9_]+)(\[\at\])(zoobota)(\[dot\])(com)/i, '<a href="mailto:$1@$3.$5">$1@$3.$5</a>' );
        $(this).html( mailto );
    });


    // Formular Default Werte
    $("#namecompany")
    .val("name/company")
    .blur(function(){if($(this).val() == "") $(this).val("name/company");})
    .focus(function(){if($(this).val() == "name/company") $(this).val("");});

    $("#email")
    .val("email")
    .blur(function(){if($(this).val() == "") $(this).val("email");})
    .focus(function(){if($(this).val() == "email") $(this).val("");});

    $("#subject")
    .val("subject")
    .blur(function(){if($(this).val() == "") $(this).val("subject");})
    .focus(function(){if($(this).val() == "subject") $(this).val("");});


    $("#message")
    .val("message")
    .blur(function(){if($(this).val() == "") $(this).val("message");})
    .focus(function(){if($(this).val() == "message") $(this).val("");});

    $("#contact .textinput, #contact textarea")
    .focus(function(){$("#contact .textinput, #contact textarea").css("color", "#000000");});

    // Formular Button löst Ajax Request aus
    $("#contactbutton")
    .click(function()
    {
        // Nix eingegeben => abbrechen
        if($("#namecompany").val() == "name/company"
            && $("#email").val() == "email"
            && $("#subject").val() == "subject"
            && $("#message").val() == "message" )
        {
            return false;
        }

        // Falls schon Feedback angezeigt wird, ausblenden
        $("#contactfeedback").remove();

        // Sending Animation anzeigen
        $("#contactbutton")
        .after("<span id='contactsendinganimation'>.</span>");
        var timer = setInterval(function()
        {
        	  if($("#contactsendinganimation").text().length > 6)
        	  {
        	  	  $("#contactsendinganimation").empty();
        	  }
        		$("#contactsendinganimation").append('.');
        }, 400);

        // Textfarbe
        $("#contact .textinput, #contact textarea").css("color", "#aaaaaa");

        // Daten per Ajax zum Server senden und Feedback laden
        var namecompany = $("#namecompany").attr("value");
        var email = $("#email").attr("value");
        var subject = $("#subject").attr("value");
        var message = $("#message").val();

        var url = $("#contact").attr("action") + "_ajax/en/contact/";

        $.post(url, { email: email, namecompany: namecompany, subject: subject, message: message },
        function(data)
        {
            // kurze Verzögerung
        	  setTimeout(function()
        	  {
        	  	  // "Sending..." Animation ausblenden
            		clearInterval(timer);
            		$("#contactsendinganimation").remove();

                // Feedback einfügen
                $("#contact").after(data);
        	  }, 1200);
        });

        // Formular wird nicht abgesendet
        return false;
    })


 });