Сохранить данные в php-обработчике
 

Здравствуйте.
Есть форма, которую заполняет пользователь.
После нажатия кнопки "Отправить" нужно, чтобы данные были отправлены на сервер, были обработаны в php-файле (чтобы на e-mail отправить), но чтобы параллельно с этим выполнялась некоторая анимация.
Пытался создать AJAX-запрос, но не могу отослать данные на сервер, или анимация не запускается.

Как вариант...

<style>
#progress {
   display: none;
}
</style>
<script>
function Go() {
   document.getElementById('progress').style.display='block'
   setTimeout(Send,900)
}
function Send() {
   // Тут грузисебе чего пожелаешь...
   document.getElementById('progress').style.display='none'
}
</script>
<input type='button' value='Послать' onclick='Go()' />
<div id='progress'>
   <img src='http://votrube.ru/uploads/posts/2008-09/1221236750_prikolnye-animirovannye-kartinki-(www.votrube.ru)10.gif' />
   <p>Погнал грузить данные!!!</p>
</div>

Вот код (анимация - в случае отправки данных на серв):

$(document).ready(function (){


$('#zakaz-form').submit(function(){

$.ajax({
type: "POST",
url: "form.php",
data: "username="+$("#fio").val(),
success: function (){
$('#zakaz-form').fadeOut(0);
$('#convert-over').fadeIn(500);
$('#convert').animate({'width':'875'}, 1000).animate({'margin-left':'+=1200'}, 500, "easeInExpo").fadeOut(0);
$('#after-block').animate({'margin-left':'-=2200'}, 1700).fadeIn(0).animate({'margin-left':'+=2200'}, 1000, "easeOutExpo");
var delay = 6000;
setTimeout("document.location.href='index.html'", delay);}
});
});
});



Код php-обработчика:
<?
$name = $_REQUEST['username'];
mail('mail@gmail.com','Тема','Имя $name');
?>


Ни анимация не запускается, ни имя на ящик не приходит...

Алексаднр, я с аджакс не работаю... Но еще раз повторю - нужно разделить запуск анимации и отправку данных.
А вот остановку анимации нужно делать по завершении отправки...