var oIm
var ims = new Array(6)
var picCounta = 1
var slideCounta = 0
var slideInt
var remainder

ims[0] = new Image()
ims[0].src = "/images/lit-silver.png"
ims[1] = new Image()
ims[1].src = "/images/waterfall1.png"
ims[2] = new Image()
ims[2].src = "/images/cobble.png"
ims[3] = new Image()
ims[3].src = "/images/pic2.png"
ims[4] = new Image() 
ims[4].src = "/images/long1.png"
ims[5] = new Image()
ims[5].src = "/images/long2.png"
ims[6] = new Image()
ims[6].src = "/images/pic3.png"
ims[7] = new Image()
ims[7].src = "/images/shop.png"
ims[8] = new Image()
ims[8].src = "/images/pic1.png"
ims[9] = new Image()
ims[9].src = "/images/pic1.png"


var mozEl = new Array()


function onReady() {
    oIm = document.getElementById('fade1')
    mozEl[0] = document.getElementById('fade0')
    mozEl[1] = document.getElementById('fade1')
    mozEl[0].style.opacity = 0
    setTimeout("fade()", 20)
}

function im_onfilterchange() {
    if (picCounta == 2 | picCounta == 3) {
        slideInt = setInterval("slide()", 20)
    }
    else if (picCounta == 5 | picCounta == 6) {
        slideInt = setInterval("slideSide()", 20)
    }
    else {
        fade()
    }
}

function slideSide() {
    if (document.getElementById('fade1').style.pixelLeft) {
        document.getElementById('fade1').style.pixelLeft = slideCounta
    }
    else {
        mozEl[0].style.left = slideCounta
        mozEl[1].style.left = slideCounta
    }
    if (picCounta == 5) {
        slideCounta--
    }
    else {
        slideCounta++
    }
    if (slideCounta <= -200 | slideCounta == 0) {
        clearInterval(slideInt)
        fade()
    }
}

function slide() {
    if (document.getElementById('fade1').style.pixelTop) {
        mozEl[0].style.pixelTop = slideCounta
        mozEl[1].style.pixelTop = slideCounta

    }
    else {
        mozEl[0].style.top = slideCounta
        mozEl[1].style.top = slideCounta
    }
    if (picCounta == 2) {
        slideCounta--
    }
    else {
        slideCounta++
    }
    if (slideCounta <= -210 | slideCounta == 0) {
        clearInterval(slideInt)
        fade()
    }
}

function fade() {
    if (oIm.filters) {
        oIm.filters[0].Apply()
        oIm.src = ims[picCounta++].src
        oIm.filters[0].Play()
    }
    else {
        mozFade()
    }
    if (picCounta >= ims.length) {
        picCounta = 0
    }
}

var mozCount = 0
var mozInt
var mozChange = 0
var remainder
function mozFade() {
    var picCounta2 = picCounta + 1
    remainder = picCounta2 % 2
    mozEl[remainder].src = ims[picCounta++].src
    mozInt = setInterval("mozOpacity()", 20)
}

function mozOpacity() {
    if (remainder == 0) {
        mozChange = 0.005
    }
    else if (remainder == 1) {
        mozChange = -0.005
    }
    mozCount = mozCount + parseFloat(mozChange)
    mozEl[0].style.opacity = mozCount
    if (mozCount <= 0 | mozCount >= 1) {
        clearInterval(mozInt)
        setTimeout("im_onfilterchange()", 200)
    }
}