function setupPage()
{
	document.loginLoginform.screenname.focus();
}

function getNewImage()
{
	document.loginLoginform.login_newword.value="1";
	document.loginLoginform.submit();
}

//interstitial popups ("guidelines" and "what's this")
function showLayer(id){
	killPopups();//first destroy any open popups... then show
	document.getElementById(id).style.display = 'block';
	createIframe(id);
}

function hideLayer(id){
	document.getElementById(id).style.display = 'none';
	removeIframe(id);
	if(id == 'iframe-holder'){
		document.getElementById('pp-title').style.display = 'none';
		document.getElementById('pr-title').style.display = 'none';
		document.getElementById('tos-title').style.display = 'none';
	}
}

function killPopups(){
	var popup = 'popup-security';
		for(var i = 0; i < popup.length; i++){
			if(document.getElementById(popup).style.display == 'block'){hideLayer(popup);}
			//else{continue;}
		}
}

// this function creates a hidden iframe underneath the 
// dhtml popup to prevent the select boxes from showing through
function createIframe(pi){
	var layer = document.createElement('iframe');
	layer.tabIndex = '-1';
	layer.src = 'javascript:false;';
	//alert(document.getElementById(pi).parentNode);
	document.getElementById(pi).parentNode.appendChild(layer);

	layer.style.left = document.getElementById(pi).offsetLeft + 'px';
	layer.style.top = document.getElementById(pi).offsetTop + 'px';
	layer.style.width = document.getElementById(pi).offsetWidth + 'px';
	layer.style.height = document.getElementById(pi).offsetHeight + 'px';
}

function removeIframe(pi){
	var layers = document.getElementById(pi).parentNode.getElementsByTagName('iframe');
	while(layers.length > 0){
		layers[0].parentNode.removeChild(layers[0]);
	}
}

function showIframe(name, url){
	killPopups();
	document.getElementById('pp-title').style.display = 'none';
	document.getElementById('pr-title').style.display = 'none';
	document.getElementById('tos-title').style.display = 'none';
	var layer = document.createElement('iframe');
	var holder = document.getElementById('iframe-holder');
	var content = document.getElementById('put-it-here');
	var title = document.getElementById(name+'-title');
	layer.tabIndex = '-1';
	layer.className = name;
	holder.style.display = 'block';
	title.style.display = 'block'
	content.appendChild(layer);
	layer.src = url;// keep this last or it won't load in <IE7

}