var leftTab = 1;
var scrollInt;
var scrollingTabs = false;
var scrollFrame = 10;
function overTab(div) {
    div.style.backgroundImage = "url('/images/activetab.png')";
    div.style.color = "black";
}
function outTab(div) {
    div.style.backgroundImage = "url('/images/inactivetab.png')";
    div.style.color = "white";
}
function scrollTabs(dir) {
    if (scrollingTabs) return false;
    divRef = document.getElementById('tabScrollerDiv');
    leftTab += dir;
    if (leftTab < 0) {
        leftTab = 1;
        return false;
    }
    if (leftTab > tabCount - 3) {
        leftTab = tabCount - 3;
        return false;
    }
    doScrollTabs((leftTab - 1) * 198)
}

function setArrow(id, display) {
    divRef = document.getElementById(id)
    divRef.style.display = display;
}

function showArrows() {
    if (leftTab == 1) {
        setArrow('leftArrow', 'none');
    } else {
        setArrow('leftArrow', 'block');
    }
    if (leftTab == tabCount - 3) {
        setArrow('rightArrow', 'none');
    } else {
        setArrow('rightArrow', 'block');
    }
    return true;
}

function doScrollTabs(target) {
    window.clearInterval(scrollInt);
    divRef = document.getElementById('tabScrollerDiv');
    if ((divRef.scrollLeft == target) || (Math.abs(divRef.scrollLeft - target) < scrollFrame)) {
        divRef.scrollLeft = target;
        scrollingTabs = false;
        showArrows();
        return true;
    }

    if (divRef.scrollLeft > target) {
        divRef.scrollLeft -= scrollFrame;
    } else {
        divRef.scrollLeft += scrollFrame;
    }
    scrollInt = window.setInterval('doScrollTabs(' + target + ')', 30);
}