function Show(divname,html,width,height,style) {
	if (!($(divname))) createDiv(divname);

	if (html != "") $(divname).innerHTML = html;
	for (var stylename in style) {
		$(divname).style[stylename] = style[stylename];
	}
	$(divname).style.visibility = "visible";
	$(divname).style.width = width+"px";
	$(divname).style.height = height+"px";
	boxFloating(divname, width, height);

	$("shadow").style.visibility = "visible";
	$("shadow").style.width = (width+32)+"px";
	$("shadow").style.height = (height+32)+"px";
	boxFloating("shadow", (width+22), (height+22));
}

function Show2(divname,html,width,height,style) {
	if (!($(divname))) createDiv(divname);

	if (html != "") $(divname).innerHTML = html;
	for (var stylename in style) {
		$(divname).style[stylename] = style[stylename];
	}
	$(divname).style.visibility = "visible";
	$(divname).style.width = width+"px";
	$(divname).style.height = height+"px";
	boxFloating(divname, width, height);

	$("shadow").style.visibility = "visible";
	$("shadow").style.width = (width+22)+"px";
	$("shadow").style.height = (height+22)+"px";
	boxFloating("shadow", (width+22), (height+22));
}

function Hide(divname) {
	$(divname).style.visibility = "hidden";
	$("shadow").style.visibility = "hidden";
}

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

	document.getElementById(divname).style.top = topOffset + "px";
	document.getElementById(divname).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 ];
}

function createDiv(divname) {
	var newdiv = document.createElement("div");
	newdiv.id = divname;
	newdiv.style.visibility = "hidden";
	newdiv.style.position = "absolute";
	newdiv.style.left = "0px";
	newdiv.style.top = "0px";
	newdiv.style.zIndex = 2;
	document.body.appendChild(newdiv);

	if (!($('shadow'))) createDivShadow();
}

function createDivShadow() {
	var newdiv = document.createElement("div");
	newdiv.id = "shadow";
	newdiv.style.visibility = "hidden";
	newdiv.style.position = "absolute";
	newdiv.style.left = "0px";
	newdiv.style.top = "0px";
	newdiv.style.zIndex = 1;
	newdiv.style.backgroundColor = "#FFF";
	newdiv.style.border = "1px solid #BBB";
	newdiv.style.filter = 'alpha(opacity=50)';
	newdiv.style.MozOpacity = '0.5';
	newdiv.style.KhtmlOpacity = '0.5';
	newdiv.style.opacity = 0.5;

	document.body.appendChild(newdiv);
}