﻿var $j = jQuery.noConflict(); 

$j(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 = $j('input#submit').parent('p');
    $j(paraTag).children('input').remove();
    $j(paraTag).append('<input type="button" name="submit" id="submit" value="" />');

    $j('#main input#submit').click(function() {
        $j('#main').append('<img src="http://www.waylaydesign.com/eggomania/images/2.0/ajax-loader.gif" width="54" height="55" class="loaderIcon" alt="Loading..." />');

        var name = $j('input#name').val();
        var email = $j('input#email').val();
        var comments = $j('textarea#comments').val();

        $j.ajax({
            type: 'post',
            url: 'sendEmail.php',
            data: 'name=' + name + '&email=' + email + '&comments=' + comments,

            success: function(results) {
                $j('#main img.loaderIcon').fadeOut(1000);
                $j('ul#response').html(results);
            }
        }); // end ajax
    });
});
		
