如何淡出和淡入旋转页面

Question

我有一个6页的列表，每个页面都是一个HTML文件，外部系统每隔几秒钟就会更新一次。我想无限循环旋转那些页面的内容。我需要每次加载文件，因为它每隔几秒钟更改一次。这是通过下面的代码完成的。

<div id="page"></div>
<script src="shared/jquery-1.7.1.min.js"></script>
<script>
    var rotationTime = 5000;
    var pages = ["p1.html", "p2.html", "p3.html", "p4.html","p5.html","p6.html"];
    var length = pages.length;
    var i = 0;    

    function loadNextPage() {
        $('#page').load(pages[i++]);
        if (i >= length) i = 0;    
    }

    $(document).ready(function() {
        setInterval(function() {     
        }, rotationTime);
    });
</script>

（我可以等第一时间加载首页）

不过，我真正想要的是fadeOut()正在显示的页面并fadeIn()新页面。我还没弄清楚。