Подключение плавной смены картинки: проблема
 

Использую следующий скрипт для плавной смены картинки в header`е:

<script type="text/javascript" src="http://yandex.st/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
images = ['images/01.jpg', 'images/02.jpg', 'images/03.jpg', 'images/04.jpg'];
imgready = new Array();
index = 0; 
 
function NextImg() {
    jQuery('#headimg0').attr('src', images[index]);
    jQuery('#headimg').fadeOut(0);
    if (++index == images.length) index = 0;
    jQuery('#headimg').attr('src', images[index]);
    jQuery('#headimg').fadeIn(2000);   
}
 
$(document).ready(function(){
    for (i = 0; i < images.length; ++i) {
        imgready[i] = new Image();
        imgready[i].src = images[i];
    }
 
    window.setInterval('NextImg()', 6000);
});
</script>

Соответственно HTML-код для картинок:

<img width="948" height="642" alt="" src="images/01.jpg" id="headimg0" />       
      <img width="948" height="642" alt="" src="images/02.jpg" id="headimg"  />

Картинки-то меняются, но почему-то при каждой смене происходит прокрутка страницы к области картинки.
Как от этого можно избавиться?