Как сделать плавный fadeIn fadeOut!?

[dopelher]

Прошу протянуть руку помощи, кто знает!
есть такой HTML:

<img src="http://localhost/images/leftarrow.gif"  class="leftarrow"/>

<div id="images">

<a href="#"><img src="http://localhost/images/1.gif" /></a>
<a href="#"><img src="http://localhost/images/2.gif" /></a>
<a href="#"><img src="http://localhost/images/3.gif" /></a>

</div>

При клике по картинке, происходит обновление рисунков.
Проблема в том что после клика сначала обновляются рисунки, а затем происходит
Fade OUT-IN. Как сделать так чтобы происходило: fadeOut -> сменились картинки -> fadeIn??

$(document).ready(function(){
$('.leftarrow').click(function(){
$('#images').fadeOut(2000).load('quickstart.php?action=3', function() {$(this).fadeIn(2000);});
});
});

Спасибо всем ответившим!

[exec]

$(document).ready(function(){
$('.leftarrow').click(function(){
$('#images').fadeOut(2000, function () {
$(this).load('quickstart.php?action=3', function() {$(this).fadeIn(2000);});
})
});
});

[dopelher]

Теперь все ОК!