var tmPos = null;

function getBounds(element)
{
	var left = element.offsetLeft;
	var top = element.offsetTop;
	for (var parent = element.offsetParent; parent; parent = parent.offsetParent)
	{
		left += parent.offsetLeft;
		top += parent.offsetTop;
	}
	return {left: left, top: top, width: element.offsetWidth, height: element.offsetHeight};
}

getViewportHeight = function() {
	var height = 0;
	if( document.documentElement && document.documentElement.clientHeight ) {
		height = document.documentElement.clientHeight;
	}
	else if( document.body && document.body.clientHeight ) {
		height = document.body.clientHeight;
	}
	else if( window.innerHeight ) {
		height = window.innerHeight - 18;
	}
	return height;
};

positionIt = function() {
	if( document.getElementById ) {
		var topFrame = document.getElementById( "topFrame" );
		
		var setY = getViewportHeight() - 44;
		if( setY < 0 ) setY = 0;
		
		topFrame.style.height = setY + "px";
		topFrame.style.overflow = "auto";
				
		var container = document.getElementById( "container" );
		var bottomFrame = document.getElementById( "bottomFrame" );
		var left = getBounds(container).left;
							
		bottomFrame.style.position = "absolute";
		bottomFrame.style.margin = "0";
		bottomFrame.style.left = left + "px";					
	}
};

loadPosition = function() {
	positionIt();
	tm = setTimeout('positionIt();', 100);
};

// addEvent(window, 'load', loadPosition);
// addEvent(window, 'resize', positionIt);