function initialize() {
    var images = $get('innerBox');

    // Determine how many images were provided
    images.imageCount = 0;
    for (var i = 0; i < images.childNodes.length; i++) {
        var child = images.childNodes[i];
        if (child.tagName && child.tagName.toLowerCase() == 'div') {
            images.imageCount++;
        }
    }
    images.style.width = (images.imageCount * 205) + 'px';
    images.style.left = '0px';

    images.visibleIndex = 0;
    toggleButtonVisibility(images);
}

function toggleButtonVisibility() {
    var images = $get('innerBox');
    var previous = $get('goLeft');
    var next = $get('goRight');
    var leftImg = $get('leftArrowAreaStatic');
    var rightImg = $get('rightArrowAreaStatic');
    previous.style.visibility = (images.visibleIndex > 0) ? 'visible' : 'hidden';
    leftImg.style.visibility = (images.visibleIndex > 0) ? 'hidden' : 'visible';
    next.style.visibility = (images.visibleIndex < images.imageCount - 4) ? 'visible' : 'hidden';
    rightImg.style.visibility = (images.visibleIndex < images.imageCount - 4) ? 'hidden' : 'visible';
}

function move(behavior, delta) {
    var images = $get('innerBox');
    images.visibleIndex += delta;
    var animation = behavior._onClick._animation._animations[1]._animations[0];
    animation.set_startValue(parseInt(images.style.left));
    animation.set_endValue(images.visibleIndex * -205);
}

function changeRightArrow() {
    document.getElementById('goRight').src = 'images/rightarrow-mouseover.jpg';
}

function restoreRightArrow() {
    document.getElementById('goRight').src = 'images/rightarrow-static.jpg';
}

function changeLeftArrow() {
    document.getElementById('goLeft').src = 'images/leftarrow-mouseover.jpg';
}

function restoreLeftArrow() {
    document.getElementById('goLeft').src = 'images/leftarrow-static.jpg';
}