img1 = new Image();
img1.src = "images/img1.jpg";

img2 = new Image();
img2.src = "images/img2.jpg";

img3 = new Image();
img3.src = "images/img3.jpg";

img4 = new Image();
img4.src = "images/img4.jpg";

var i_strngth=1
var i_image=0

var imageurl = new Array()
imageurl[0] ="images/img1.jpg"
imageurl[1] ="images/img2.jpg"
imageurl[2] ="images/img3.jpg"
imageurl[3] ="images/img4.jpg"


function showimage() {
        if(document.all) {
                if (i_strngth <=110) {
                        testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+">";
                        i_strngth=i_strngth+10
                        var timer=setTimeout("showimage()",100)
                }
                else {
                        clearTimeout(timer)
                        var timer=setTimeout("hideimage()",1000)
                }
        }

        if(document.layers) {
                        clearTimeout(timer)
                        document.testimage.document.write("<img src="+imageurl[i_image]+">")
                        document.close()
                        i_image++
                        if (i_image >= imageurl.length) {i_image=0}
                        var timer=setTimeout("showimage()",100)

        }
}


function hideimage() {
        if (i_strngth >=-10) {
                testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+">";
                i_strngth=i_strngth-10
                var timer=setTimeout("hideimage()",100)
        }
        else {
                clearTimeout(timer)
                i_image++
                if (i_image >= imageurl.length) {i_image=0}
                i_strngth=1
                var timer=setTimeout("showimage()",100)
        }
}