function resizeOneFrame( frameName , wrt ){

	// --------  Window Height  -------------
	var windowHeight = window.innerHeight;
	if (windowHeight == undefined ) { windowHeight = document.body.offsetHeight; }
	
	
	
	// --------  Window Width  -------------
	var windowWidth = window.innerWidth;
	if (windowWidth == undefined ) { windowWidth = document.body.offsetWidth; }
		


	var frameLeft = document.getElementById( frameName ).offsetLeft;
	
		

	if (wrt != undefined) {
		
		// wrt: with respect to

		var formHeader = document.getElementById( wrt );
		
		var headTop =  formHeader.offsetTop  ;
		var headHeight = formHeader.offsetHeight  ;
		
		var frameTop = headTop + headHeight + 10;
		
		
		
		setStyle( frameName , 'top' , frameTop + 'px' );
		
		
	
	}  else  {
	
	
		// no id given for moving the objects. So, don't move the tops
		// just set the height
		
		
		var frameTop = document.getElementById( frameName ).offsetTop;
		
	
	}
		
		
	var frameHeight = windowHeight - frameTop - 40;
	setStyle( frameName , 'height' , frameHeight + 'px' );
		
}



function setStyle( objId , style , value) {
    document.getElementById(objId).style[style] = value;
}