validateForm = function(){
    return false;
};

$(document).ready(function(){

    $('.ajaxContent').show(); // delete after test

    var mailform = $("#mailform");

    if (mailform.size() != 0) {
        
        //var onsubmit = $('#mailform').attr('onsubmit');
        //console.log(onsubmit);

        mailform.find('input[type=submit]').parent().addClass('button');
        mailform.removeAttr('onsubmit');
        mailform.on('submit', function(event){
            event.preventDefault();


            
            var proceed = true;
            //simple validation at client's end
            //loop through each field and we simply change border color to red for invalid fields       
            mailform.find("span.required label").each(function(i, elm){

                var label = $(elm);
                var input = mailform.find('#'+ label.attr('for'));
                input.css('border','1px solid #6e6e6e');

                if(!$.trim(input.val())){ //if this field is empty
                    input.css('border','1px solid red'); //change border color to red
                    proceed = false; //set do not proceed flag
                }
                //check invalid email
                var email_reg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 
                if(input.attr("type")=="email" && !email_reg.test($.trim(input.val()))){
                    input.css('border','1px solid red'); //change border color to red
                    proceed = false; //set do not proceed flag
                }   
            });

            //console.log(proceed, 'proceed');

            if(proceed) //everything looks good! proceed...
            {
                var post_data = mailform.serializeArray();
                post_data.push({name : 'formtype_mail', value : 'Absenden'});
                post_data.push({name : 'type', value : '8735'});

                //console.log( post_data );

                //Ajax post data to server
                $.post('index.php?id=247&no_cache=true', post_data, function(response){


                    output = '<div class="success" style="display: none; font-weight: bold;font-size: 16px;margin-top: 20px;margin-bottom: 20px;">Das Formular wurde erfolgreich versendet.</div>';
                    $(output).insertAfter(mailform);
                    //reset values in all input fields
                    mailform.fadeOut('slow', function(){
                        $('.success').fadeIn('slow');
                    });



                    //Ajax post data to server
                    /*
                    $.post('/mainz05/fileadmin/mailservice/mail.php', post_data, function(response){
                        if(response.type == 'error'){ //load json data from server and output message
                            output = '<div class="error">'+response.text+'</div>';
                        }else{
                            output = '<div class="success" style="display: none; font-weight: bold;font-size: 16px;margin-top: 20px;margin-bottom: 20px;">'+response.text+'</div>';
                            $(output).insertAfter('#mailform');
                            //reset values in all input fields
                            $('#mailform').fadeOut('slow', function(){
                                $('.success').fadeIn('slow');
                            });
                            $("#contact_form  input[required=true]").val('');
                            $("#contact_form #contact_body").slideUp(); //hide form after success
                        }
                    }, 'json');
                    */
                });
            }
        });
    }
});