旋转横幅

Question

旋转图像时出现问题。我使用以下代码。

<div style="float: right;">
    <div id="main_rotate">
        <script>
            var Banners = new Array('images/course4.jpg', 'images/dRange3.jpg', 'images/cHouse2.jpg', 'images/course1.png');
            var CurrentBanner = 0;
            function DisplayBanners() {
                if (document.images) {
                    CurrentBanner++
                    if (CurrentBanner == Banners.length) {
                        CurrentBanner = 0;
                    }
                    document.RotateBanner.src=Banners[CurrentBanner];
                    setTimeout("DisplayBanners()",2000);
                }
            }
        </script>
        <p>
            <img src="images/course4.jpg" width="250px" height="250px" name="RotateBanner" border="0" alt="banner" />
        </p>
    </div>
    <div>&nbsp</div>
    <div id="main_rotate">
        <script>
            var Banners1 = new Array('images/backSpin250x250.jpg', 'images/dimples250x250.jpg', 'images/phantomGolf250x250.jpg', 'images/tiiger250x250.jpg', 'images/zang250x250.jpg');
            var CurrentBanner1 = 0;
            function DisplaySponsors() {
                if (document.images) {
                    CurrentBanner1++
                    if (CurrentBanner1 == Banners1.length) {
                        CurrentBanner1 = 0;
                    }
                    document.RotateBanner1.src = Banners1[CurrentBanner1];
                    setTimeout("DisplaySponsors()", 2100);
                }
            }
        </script>
        <p>
            <img src="images/backSpin250x250.jpg" width="250px" height="250px" name="RotateBanner1" border="0" alt="banner" />
        </p>
    </div>
</div>

现在这在主页上运行正常，完全符合它的意图，但是当我在另一个页面上使用它时，只有第一个横幅有效。有关如何解决此问题的任何建议？第二页总共有六个旋转点，如果这样做，也可以接受其他想法。

提前致谢