function getDocHeight() {
	if (document.height) {
		return document.height;
	}
	else {
		return document.body.clientHeight;
	}
}

function getWindowSize() {
	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;
	}
	var doc_height = getDocHeight();
	if (myHeight <= doc_height) myHeight = doc_height;
	return [ myWidth , myHeight ];
}

function floatTOG() {
	document.getElementById('floatBG').style.display='none';
	document.getElementById('floatBOX').style.display='none';
	window.onscroll = null;
}
function floatBOX(b,h) {
	var windowsize = getWindowSize();

	document.getElementById('floatBG').style.display='block';
	document.getElementById('floatBG').style.position='absolute';
	document.getElementById('floatBG').style.top='0px';
	document.getElementById('floatBG').style.left='0px';
	document.getElementById('floatBG').style.height=windowsize[1]+'px';
	document.getElementById('floatBG').style.width=windowsize[0]+'px';

	document.getElementById('floatBOX').style.width=b+'px';
	document.getElementById('floatBOX').style.height=h+'px';
	document.getElementById('floatBOX').style.display='block';

	window.onscroll = function(){ floatFloating(b, h); };
	floatFloating(b, h);
}

function floatFloating(b, h) {
	var scroll = getScrollXY();
	var center = getCenterXY();
	var leftOffset = scroll[0] + (center[0]-b)/2;
	var topOffset = scroll[1] + (center[1]-h)/2;

	document.getElementById("floatBOX").style.top = topOffset + "px";
	document.getElementById("floatBOX").style.left = leftOffset + "px";
}

function getScrollXY() {
	var scrolledX, scrolledY;
	if( self.pageYOffset ) {
		scrolledX = self.pageXOffset;
		scrolledY = self.pageYOffset;
	} else if( document.documentElement && document.documentElement.scrollTop ) {
		scrolledX = document.documentElement.scrollLeft;
		scrolledY = document.documentElement.scrollTop;
	} else if( document.body ) {
		scrolledX = document.body.scrollLeft;
		scrolledY = document.body.scrollTop;
	}
	return [ scrolledX , scrolledY ];
}

function getCenterXY() {
	var centerX, centerY;
	if( self.innerHeight ) {
		centerX = self.innerWidth;
		centerY = self.innerHeight;
	} else if( document.documentElement && document.documentElement.clientHeight ) {
		centerX = document.documentElement.clientWidth;
		centerY = document.documentElement.clientHeight;
	} else if( document.body ) {
		centerX = document.body.clientWidth;
		centerY = document.body.clientHeight;
	}
	return [ centerX , centerY ];
}