//scroller	
var scroller  = null;
var scrollbar = null;

window.onload = function () {
  if(document.getElementById("One")){
     scroller  = new jsScroller(document.getElementById("One"), 575, 180);
     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("Container").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;
		
}