var scroller  = null;
var scrollbar = null;

window.onload = function () {
  scroller  = new jsScroller(document.getElementById("right-scroll-box"), 220, 320);
  scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, true, scrollbarEvent);
}

function scrollbarEvent (o, type) {
    if (type == "mousedown") {
        if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#E3E3E3";
        else o.style.backgroundColor = "#BBB";
    } else {
        if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#EEE";
        else o.style.backgroundColor = "#CCC";
    }
}

function swapIt(o) {
    o.blur();
    if (o.className == "current") return false;
  
    var list = document.getElementById("Navigation").getElementsByTagName("a");
    for (var i = 0; i < list.length; i++) {
        if (list[i].className == "current") {
            list[i].className = "";
            document.getElementById(list[i].title).y = -scroller._y;
        }
        if (list[i].title == o.title) o.className = "current";
    }
  
    list = document.getElementById("right-scroll-box").childNodes;
    for (var i = 0; i < list.length; i++) {
        if (list[i].tagName == "DIV") list[i].style.display = "none";
    }
  
    var top = document.getElementById(o.title);
    top.style.display = "block";
    scrollbar.swapContent(top);
    if (top.y) scrollbar.scrollTo(0, top.y);
  
    return false;
}