var d = document;

//=========
function end(id) {
 var sb_el = $(id);

 var obj = sb_el['ScrollBar'];
 if (obj)
 {
  obj.destroy();
 }
 sb_el['ScrollBar'] = null;
 delete obj;
}
function add(id) {
 var sb_el = $(id);

 sb_el.innerHTML = sb_el.innerHTML + '<div style="height:200px;">test string </div>';
}
function subb(id) {
 var sb_el = $(id);

 sb_el.innerHTML = sb_el.innerHTML.substr(0, sb_el.innerHTML.length*90/100);
}
function clearr(id) {
 var sb_el = $(id);

 sb_el.innerHTML = 'clear';
}
function set(id) {
 var sb_el = $(id);

 sb_el.innerHTML = $('tt').innerHTML;
}

function start(id) {
 var sb_el = $(id);

 var obj = sb_el['ScrollBar'];
 if (!obj)
 {
  sb_obj = new ScrollBar();
  sb_obj.create(sb_el);
 }

}

function main_init() {

 var sb_el = d.getElementsByClassName('scrollBars')[0];
 if (!sb_el.id)
 {
  sb_el.id = 'scrollBars0';
 }
 sb_obj = new ScrollBar();
 sb_obj.create(sb_el);
	navHover();
}
navHover = function() {
	var lis = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<lis.length; i++) {
		lis[i].onmouseover=function() {
			this.className+=" iehover";
			this.style.zIndex=200;
		}
		lis[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" iehover\\b"), "");
		}
	}
}

Event.observe(window, "load", function() { main_init(); });