谁能帮忙把这段JS代码改成Firefox兼容的图片渐隐渐显效果

JS部分
<script language="javascript" type="text/javascript">
    var NowFrame = 1;
    var MaxFrame = 4;
    var bStart = 0;
    function fnToggle() {
        var next = NowFrame + 1;
        if (next == MaxFrame + 1) {
            NowFrame = MaxFrame;
            next = 1;
        }
        if (bStart == 0) {
            bStart = 1;

            setTimeout('fnToggle()', 1000);
            return;
        }
        else {
            oTransContainer.filters[0].Apply();
            document.images['oDIV' + next].style.display = "";
            document.images['oDIV' + NowFrame].style.display = "none";
            oTransContainer.filters[0].Play(duration = 5);
            if (NowFrame == MaxFrame)
                NowFrame = 1;
            else
                NowFrame++;
        } setTimeout('fnToggle()', 6000);
    }
    fnToggle();
</script>

HTML部分
 <div  id="oTransContainer" style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward')";>
               <img id="oDIV1" style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: yes;  BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid"  src="images/left_pic1.jpg" border=0>
<img id="oDIV2" style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid"  src="images/left_pic2.jpg" border=0>
<img id="oDIV3" style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid"  src="images/left_pic3.jpg" border=0>
<img id="oDIV4" style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid"  src="images/left_pic4.jpg" border=0>

            </div>