﻿$(function() {
    // These first three lines of code compensate for Javascript being turned on and off. 
    // It simply changes the submit input field from a type of "submit" to a type of "button".

    var paraTag = $('input#submit').parent('p');
    $(paraTag).children('input').remove();
    $(paraTag).append('<input type="button" name="submit" id="submit" value="送出信件" />');

    $('#contact input#submit').click(function() {
                $('.results').fadeOut(1000);
        $('#response').addClass('green').append('<div class="sending">您的信件正在處理中</div');

        var name = $('input#name').val();
        var email = $('input#email').val();
        var tel = $('input#tel').val();
        var company = $('input#company').val();
        var comments = $('textarea#comments').val();

        $.ajax({
            type: 'post',
            url: 'sendEmail.php',
            data: 'name=' + name + '&email=' + email + '&comments=' + comments + '&tel=' + tel + '&company=' + company,

            success: function(results) {
                $('.sending').fadeOut(1000);
                $('.results').fadeOut(1000);
                $('#response').removeClass('green').addClass('red').html('<div class="results">'+results+'</div>');
            }
        }); // end ajax
    });
});
		
