var bgDIV = null;
var mainDIV = null;
var innerDIV = null;
var tHeight = null;

function showDiv(url, dw, dh, bgclose){
	bgDIV = document.createElement("div");
	mainDIV = document.createElement("div");
	innerDIV = document.createElement("div");
	
	document.body.appendChild(bgDIV);
	document.body.appendChild(mainDIV);
	mainDIV.appendChild(innerDIV);

	if(document.documentElement.offsetHeight >= document.body.scrollHeight) tHeight = document.documentElement.offsetHeight;
	if(document.body.scrollHeight >= document.documentElement.offsetHeight) tHeight = document.body.scrollHeight;

	bgDIV.style.cssText = "position:absolute;top:0px;left:0px;width:100%;height:"+tHeight+"px;background:black;opacity: .2;filter:alpha(opacity=20);z-index:100";
	mainDIV.style.cssText = "position:absolute;top:0px;left:0px;width:100%;height:"+tHeight+"px;text-align:center;z-index:101";
	if(bgclose)	mainDIV.onclick = delDiv;
	innerDIV.style.cssText = "position:relative;width:"+dw+"px;height:"+dh+"px;margin:150px auto;z-index:102";

	innerDIV.innerHTML = "<iframe id='innerFrame' name='innerFrame' style='width:"+dw+"px; height:"+dh+"px;background:white;' src='"+url+"' frameborder='0' onload='this.style.height=this.contentWindow.document.body.scrollHeight+\"px\";this.style.width=this.contentWindow.document.body.scrollWidth+\"px\";'></iframe>";
	
}

function delDiv(){
	if(mainDIV){
		document.body.removeChild(mainDIV);
		mainDIV = null;
	}
	if(bgDIV){
		document.body.removeChild(bgDIV);
		bgDIV = null;
	}	
}

function showJoin(){
	delDiv();
	showDiv('/member/join.html', 490, 540);
}

function showLogin(){
	delDiv();
	showDiv('/member/login.html', 350, 202);
}