var timeout = 10; // enter number for timeout
var leftstatic;
var rightstatic;

var leftStaticHeight;
var rightStaticHeight;

var myDivisor = 10;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function getElementTop (element) {
	var coords = 0;
	while (element) {
		coords += element.offsetTop;
		if (element.offsetParent){
			element = element.offsetParent;
		}
		else {
			break;
		}
	}
	return coords;
}

function staticbar(){
	leftstatic = document.getElementById("leftstatic");
	document.getElementById("leftbar").style.position="absolute";
	
	var leftstaticDistFromTop;
	leftstaticDistFromTop = getElementTop(leftstatic);
	
	leftStaticHeight = leftstatic.offsetHeight + leftstaticDistFromTop;
	var startLY = leftStaticHeight;
		
	var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
	var d = document;
	function floatLeftEl(id){
		var leftEl=d.getElementById(id);
		if(d.layers)leftEl.style=leftEl;
		leftEl.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
		leftEl.x = leftEl.offsetLeft;
		leftEl.y = startLY;
		return leftEl;
	}
	window.stayTopLeft=function(){	
		var myDistFromTop = iecompattest().scrollTop;
		var pLY = ns ? pageYOffset : iecompattest().scrollTop;
		var myChange;
		if (myDistFromTop > leftStaticHeight) {
			myChange = (pLY - ftlLeftObj.y);
		}
		else {
			myChange = (pLY + startLY - myDistFromTop - ftlLeftObj.y);
		}
		ftlLeftObj.y += (myChange) / myDivisor;
		ftlLeftObj.sP(ftlLeftObj.x, ftlLeftObj.y);
		setTimeout("stayTopLeft()", timeout);
	}
	ftlLeftObj = floatLeftEl("leftbar");
	stayTopLeft();


	//start the right bar
	
	rightstatic = document.getElementById("rightstatic");
	document.getElementById("rightbar").style.position="absolute";
	
	var rightstaticDistFromTop;
	rightstaticDistFromTop = getElementTop(rightstatic);
	//rightstaticDistFromTop = rightstatic.offsetTop;
	//rightstaticDistFromTop = 0;
	
	rightStaticHeight = rightstatic.offsetHeight + rightstaticDistFromTop;
	var startRY = rightStaticHeight;
	
	var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
	var d = document;
	function floatRightEl(id){
		var rightEl=d.getElementById(id);
		if(d.layers)rightEl.style=rightEl;
		rightEl.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
		rightEl.x = rightEl.offsetLeft;
		rightEl.y = startRY;
		return rightEl;
	}
	window.stayTopRight=function(){	
		var myDistFromTop = iecompattest().scrollTop;
		var pRY = ns ? pageYOffset : iecompattest().scrollTop;
		var myChange;
		if (myDistFromTop > rightStaticHeight) {
			myChange = (pRY - ftlRightObj.y);
		}
		else {
			myChange = (pRY + startRY - myDistFromTop - ftlRightObj.y);
		}
		ftlRightObj.y += (myChange) / myDivisor;
		ftlRightObj.sP(ftlRightObj.x, ftlRightObj.y);
		setTimeout("stayTopRight()", timeout);
	}
	ftlRightObj = floatRightEl("rightbar");
	stayTopRight();

}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar