var objTop
var iTopIndex = 1

function fnSlideshowStop() {
    iTime = 0;
    iSlideTime = 0;
}

function fnSlideshowStart() {
    iTime = 0;
    iSlideTime = 1000;
}

function fnSlideshow() {
    iTime = 0
    iSlideTime = 1000

    iTime = Math.max(iTime, arrPauseTime[iTopIndex] * 1000)
    iSlideTime = Math.max(iSlideTime, arrSlideTime[iTopIndex] * 1000)

    setTimeout(function() {

        if (typeof (objSlider) == "undefined") objSlider = objTop.cloneNode(false)
        objSlider.style.backgroundImage = "url(../images/" + arrTop[iTopIndex] + ")"
        objSlider.style.height = objTop.offsetHeight + "px"
        objSlider.style.width = objTop.offsetWidth + "px"
        objSlider.style.display = "block"
        objSlider.id = "slider"

        objTop.appendChild(objSlider)
        fnOpacity(objSlider.id, 0)

        var iSlides = Math.round((iSlideTime / 1000) * 24)
        for (iSlide = 1; iSlide < iSlides; iSlide++) {
            setTimeout("fnOpacity(objSlider.id," + Math.round(100 / iSlides * iSlide) + ")", Math.round(iSlideTime / iSlides * iSlide))
        }
        setTimeout(function() {
            objTop.style.backgroundImage = "url(../images/" + arrTop[iTopIndex] + ")"
            fnOpacity(objSlider.id, 0)

            iTopIndex++
            if (!arrTop[iTopIndex]) iTopIndex = 0
            fnSlideshow()
        }, iSlideTime)
    }, iTime)

}

function fnOpacity(idObject, iOpacity) {
    objObject = document.getElementById(idObject)
    objObject.style.filter = "alpha(opacity=" + iOpacity + ")"
    objObject.style.MozOpacity = iOpacity / 100
    objObject.style.opacity = iOpacity / 100
}

var arrTop = new Array()
var arrSlideTime = new Array()
var arrPauseTime = new Array()
arrTop[0] = 'slide001.jpg'
arrSlideTime[0] = '2'
arrPauseTime[0] = '2'
arrTop[1] = 'slide003.jpg'
arrSlideTime[1] = '2'
arrPauseTime[1] = '2'
arrTop[2] = 'slide004.jpg'
arrSlideTime[2] = '2'
arrPauseTime[2] = '2'
arrTop[3] = 'slide005.jpg'
arrSlideTime[3] = '2'
arrPauseTime[3] = '2'
arrTop[4] = 'slide006.jpg'
arrSlideTime[4] = '2'
arrPauseTime[4] = '2'
arrTop[5] = 'slide007.jpg'
arrSlideTime[5] = '2'
arrPauseTime[5] = '2'
arrTop[6] = 'slide008.jpg'
arrSlideTime[6] = '2'
arrPauseTime[6] = '2'
arrTop[7] = 'slide009.jpg'
arrSlideTime[7] = '2'
arrPauseTime[7] = '2'
arrTop[8] = 'slide010.jpg'
arrSlideTime[8] = '2'
arrPauseTime[8] = '2'

window.onload = function() {
objTop = document.getElementById("bannerbackground")
fnSlideshow()
}