window.onscroll=getScrollXY;
	function getScrollXY() {
	  var scrOfX = 0, scrOfY = 0;
	  if( typeof( window.pageYOffset ) == 'number' ) {
	    //Netscape compliant
	    scrOfY = window.pageYOffset;
	    scrOfX = window.pageXOffset;
	  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
	    //DOM compliant
	    scrOfY = document.body.scrollTop;
	    scrOfX = document.body.scrollLeft;
	  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
	    //IE6 standards compliant mode
	    scrOfY = document.documentElement.scrollTop;
	    scrOfX = document.documentElement.scrollLeft;
	  }
	  document.getElementById('txtDiv2').scrollTop=scrOfY;
	}
	
	function init(){
	  var myWidth = 0, myHeight = 0;
	  if( typeof( window.innerWidth ) == 'number' ) {
	    //Non-IE
	    myWidth = window.innerWidth;
	    myHeight = window.innerHeight;
	  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
	    //IE 6+ in 'standards compliant mode'
	    myWidth = document.documentElement.clientWidth;
	    myHeight = document.documentElement.clientHeight;
	  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
	    //IE 4 compatible
	    myWidth = document.body.clientWidth;
	    myHeight = document.body.clientHeight;
	  }
	  txtDivTopPos = (myHeight/2)-112; // 
	  txtDivHeight = myHeight-txtDivTopPos;
	  
	  //set white transparent background div
	  document.getElementById('WHITETEXTBACKGROUND').style.height = txtDivHeight+"px";
	  document.getElementById('WHITETEXTBACKGROUND').style.display = 'block'; // make visible after height is set
	  
	  //set under123 top
	  document.getElementById('under123').style.top = (txtDivTopPos-24)+"px";
	  document.getElementById('under123').style.display = 'block'; // make visible after height is set
	  
	  //set menu top
	  document.getElementById('menu').style.top = txtDivTopPos+"px";
	  document.getElementById('menu').style.display = 'block'; // make visible after height is set
	  
	  // set top position of the HIDDEN BUT ALL OVER BODY SCROLLABLE text field [position:absolute]
	  document.getElementById('txtDiv').style.top = txtDivTopPos+"px";

	  // set height of the CONTENT ONLY WITHIN DIV bottom attached text field [position:fixed; bottom:0; overflow:hidden;]
	  document.getElementById('txtDiv2').style.height = (txtDivHeight-40)+"px"; // PADDING 20 20 20 20 px
	  // instead of filling two divs with same content on page load we copy content from the "scrollable invisible div" into the "within div area only div" and move it through the BODY onscroll() javascript function
	  document.getElementById('txtDiv2').innerHTML=document.getElementById('txtDiv').innerHTML;
	  
	}