var formct=0;

$().ready(function() {
	
	// validate signup form on keyup and submit
	$("#kontakt").validate({
		rules: {
			nachname: {
				required: true,
				minlength: 3
			},
      tele: {
				required: true,
				number: true,
				minlength: 3
			},
			email: {
				required: true,
				email: true
			}
		},
		messages: {
			nachname: {
				required: "Bitte  geben Sie Ihren Nachnamen ein",
				minlength: "Mindestens 3 Zeichen."
			},
      tele: {
				required: "Bitte geben Sie Ihre Telefonnummer ein",
				number: "Bitte geben Sie nur Zahlen ein",
				minlength: "Mindestens 3 Zeichen."
			},
			email:  {
				required: "Bitte geben Sie Ihre E-Mail-Adresse ein",
			  email: "Bitte geben Sie eine gültige E-Mail-Adresse ein."
			}
		}
	});
});


    $().ready(function() {
    
      $('#kontakt').submit(function(){
         // alert("Hallo");

////////  ab  hier form verarbeiten  ///////////        

            formct=formct+1;
            if (formct < 2) {

                  /// form speichern

                    
                    var inputs = [];
                    $('input:checked', this).each(function(){ inputs.push(this.name + '=' + escape(this.value)); })
                    $('input:text', this).each(function(){ inputs.push(this.name + '=' + escape(this.value)); })

                  
                          jQuery.ajax({
                              data: inputs.join('&'),
                              url: "kontaktmail.php",
                              type: "POST",
                              async: false,
                              success: function(msg){

                                    
                                    //Get the A tag
                                    var id = '#information';
                                    
                                    //Get the screen height and width
                                    var maskHeight = $(document).height();
                                    var maskWidth = $(window).width();
                                 
                                    //Set height and width to mask to fill up the whole screen
                                    $('#mask').css({'width':maskWidth,'height':maskHeight});
                                     
                                    //transition effect    
                                    $('#mask').fadeIn(500);   
                                    $('#mask').fadeTo("fast",0.9); 
                                 
                                    //Get the window height and width
                                    var winH = $(window).scrollTop() + $(window).height();
                                    var winW = $(window).width();
                                    
                                    //Set the popup window to center
                                    $(id).css('top',  winH/2-$(id).height()/2);
                                    $(id).css('left', winW/2-$(id).width()/2);
                                 
                                    //transition effect
                                    $(id).fadeIn(500);                    
                                    var antworthead = "<p class=content_headline>Vielen Dank, "+msg+"!</p>";
                                    var antwortbody = "<p class=content_white>Ihr Kontaktwunsch wurde an uns weitergeleitet!<br>";
                                    var antwortfooter = "Bei dringenden Fragen rufen Sie uns einfach unter 0 21 91 - 56 57 092 an.</p>";
                                    var antwortlinks = "<button type=button id=closebutton>Schließen</button>";
                                    
                                    var antwort = antworthead + antwortbody + antwortfooter + antwortlinks;
                                     
                                    $(id).html(antwort);

                                    $('#closebutton').click(function () {
                                        $('#mask').hide();
                                        $('#information').hide();
                                        window.location = 'index.php';
                                    }); 

                     } })

                  return false;
            }
               
////////  bis hier form verarbeiten  ///////////        

      });
      
          
});