var _imageViewerIndex = 0
var _imageViewerInterval = 0

function imageViewerLoad(custom, index) {
    if (custom) {
        window.clearInterval(_imageViewerInterval)
    }
    
    imageViewerReset()

    var layer = document.getElementById("image" + index + "div")
    layerShow(layer, true)

    var layer = document.getElementById("browseritem" + index + "div")
    if (layer !== null) { layer.className = "selecteddiv" }
}

function imageViewerReset() {
    for (var i = 0; i < 15; i++) {
        var layer = document.getElementById("image" + i + "div")
        layerHide(layer, true)

        var layer = document.getElementById("browseritem" + i + "div")
        if (layer !== null) { layer.className = "itemdiv" }
    }
}

function imageViewerAnimate() {
    imageViewerLoad(false, _imageViewerIndex)
    _imageViewerIndex++

    // look ahead and reset to 0 if needed
    var layer = document.getElementById("image" + (_imageViewerIndex) + "div")
    if (layer == null) { _imageViewerIndex = 0 }
}

function imageViewerAnimateStart() {
    _imageViewerInterval = window.setInterval(imageViewerAnimate, 5000)
}

imageViewerAnimateStart()