function joinup(info) {
	document.body.style.overflow="hidden";
	var newdiv = document.createElement('div');
	newdiv.setAttribute('id', 'cover');
	newdiv.className = 'translucent';
		
	newdiv.style.position = "absolute";
	
	newdiv.style.left = 0;	
	newdiv.style.top = 0;
	//alert(getClientWidth() + "x" + getClientHeight());
	newdiv.style.width = getClientWidth()+"px";
	newdiv.style.height = getClientHeight()*3+"px";

	newdiv.style.background = "#333";
	newdiv.style.zIndex = 100;

	var newdiv2 = document.createElement('div');
	newdiv2.setAttribute('id', 'nfo');
	newdiv2.className = 'infobox';

	newdiv2.style.position = "absolute";
	
	newdiv2.style.left = (getClientWidth()/2)-250+"px";
	newdiv2.style.top = (getClientHeight()/2)-140+"px";
	newdiv2.style.zIndex = 110;
	newdiv2.innerHTML = info + '<a class="join_btn" href="javascript:void%200;" onClick="join_add();"><img src="images/joinbtn.gif" alt="Join" border="0"></a><a class="join_btn" href="javascript:void%200;" onClick="joinclose();"><img src="images/cancelbtn.gif" alt="Cancel" border="0"></a>';

	document.body.appendChild(newdiv);
	document.body.appendChild(newdiv2);
}

function join_add() {
	var xmlHttp = new Ajax.Request("/lib/modules/join/join.class.php", 
	{	method: "post",
		params:	"func=add",
		onComplete: function(request) {
			document.body.style.overflow="auto";
			document.body.removeChild($('cover'));
			document.body.removeChild($('nfo'));
		}
	});
}

function joinclose() {
	document.body.style.overflow="auto";
	document.body.removeChild($('cover'));
	document.body.removeChild($('nfo'));
}