var bbThumbs = null;

function activateImg(index) {
    _getThumbs();
    for(i=0;i<bbThumbs.length;i++) {
        if(bbThumbs[i].className == 'active') {
            bbThumbs[i].className = '';
        }
        if(bbThumbs[i].id == 'thumb' + index) {
            bbThumbs[i].className = 'active';
            bbThumbs[i].firstChild.onmouseover();
        }
    }
}

function prevImg() {
    index = _activeThumb() - 1;
    if(index < 1) {
        index = _countThumbs();
    }
    activateImg(index);
}

function nextImg() {
    index = _activeThumb() + 1;
    if(index > _countThumbs()) {
        index = 1;
    }
    activateImg(index);
}

function _getThumbs() {
    if(bbThumbs !== null) {
        return;
    }
    bbThumbs = document.getElementById('bbthumbs').getElementsByTagName('div');
}

function _activeThumb() {
    _getThumbs();
    for(i=0;i<bbThumbs.length;i++) {
        if(bbThumbs[i].className == 'active') {
            return parseInt(bbThumbs[i].id.slice(5));
        }
    }
    return 1;
}

function _countThumbs() {
    _getThumbs();
    return bbThumbs.length;
}

function _setMainImage(id) {
    document.getElementById('mainImg').src = '/media/' + id + '_' + document.getElementById('bbmain').className + '.jpg';
}

function setMainImage(url) {
    document.getElementById('mainImg').src = url;
}