var boxOn
var docBody
var bgDiv
var boxDiv
var divHeight
var boxDivHeight
function init(){
	boxOn = true
	docBody = document.body
	bgDiv = document.getElementById('bg')
	bgDiv.style.height = '300px';
	bgDiv.style.width = '450px';
	bgDiv.style.display = 'block';
	bgDiv.style.visibility = 'visible';
	bgDiv.style.opacity = '.3';
	bgDiv.style.filter = 'alpha(opacity=30)';
	bgDiv.style.MozOpacity = '0.3';
	setDivAtts();
	
}
function terminate(){
		bgDiv.style.width = 1 + 'px'
		bgDiv.style.height = 1 + 'px'
		bgDiv.style.visibility = 'hidden'
		boxDiv = document.getElementById('box');
		boxDiv.style.display = "none";
		boxDiv.style.top = 1 + "px"
		boxDiv.style.left = 1 + "px"
}
function setDivAtts(){
	if (boxOn) {
		var divWidth
		if (docBody.scrollHeight > docBody.offsetHeight){
			divHeight = docBody.scrollHeight
		}else{
			divHeight = docBody.offsetHeight
		}
		
		if (docBody.scrollWidth > docBody.offsetWidth){
			divWidth = docBody.scrollWidth
		}else{
			divWidth = docBody.offsetWidth
		}
		bgDiv.style.width = divWidth + 'px'
		bgDiv.style.height = divHeight + 'px'
		boxDiv = document.getElementById('box');
		boxDiv.style.display = "block";
		var divTop = "100";
		var divLeft = ((docBody.offsetWidth/2) - (boxDiv.offsetWidth/2))
		boxDiv.style.top = divTop + "px"
		boxDiv.style.left = divLeft + "px"
	}
}

function openBox(){
	if (boxOn) {
		boxDiv = document.getElementById('box');
		boxDiv.style.display = "block";
		boxDivHeight = boxDiv.offsetHeight
		var divTop = ((docBody.offsetHeight/2) - (boxDiv.offsetHeight/2))
		var divLeft = ((docBody.offsetWidth/2) - (boxDiv.offsetWidth/2))
		boxDiv.style.top = divTop + "px"
		boxDiv.style.left = divLeft + "px"
		boxDiv.style.height = 25 + "px"
		
	}
}