function altView_setActive(offset) {
    var thumbContainer = document.getElementById('altView_' + offset);
    var allThumbs = document.getElementById('alternateRightThumbs').getElementsByTagName('div');
    var imgElement = document.getElementById('alternateLeftImage');
    
    for(var i = 0; i < allThumbs.length; ++i)
        if(allThumbs[i].className == 'Active' && allThumbs[i].id != ('altView_' + offset))
            allThumbs[i].className = 'Inactive';
    
    thumbContainer.className = 'Active';
    
    imgElement.src = altView_images[offset].regular != '' ? altView_images[offset].regular : altView_regularMissing;
}

function altView_populateDynamically() {
    var innerHtml = '';
    for(var i = 0; i < altView_images.length; ++i) {
        var ithImage = altView_images[i];
        innerHtml += '<div id="altView_' + i + '" class="Inactive"><a href="javascript:altView_setActive(' + i + ')">' +
                     '<img src="' + ithImage.thumbnail + '" width="' + altView_thumbnailWidth + '" height="' + altView_thumbnailHeight + '" />' +
                     '</a></div>';
    }
    
    document.getElementById('alternateRightThumbs').innerHTML = innerHtml;
    document.getElementById('alternateLeftImage').style.width = ('' + altView_regularWidth + 'px');
    document.getElementById('alternateLeftImage').style.height = ('' + altView_regularHeight + 'px');
}