// this js file provides a shared solution for pop-over code.
// Add your popup name to the array in killPopups, or reuse one of the existing names

function showLayer(id){
	killPopups();//first destroy any open popups... then show
    if ( document.getElementById(id) != null )
    {
	    document.getElementById(id).style.display = 'block';
	    createIframe(id);
	    hideSelects.hide();
    }
}

function hideLayer(id){
    if ( document.getElementById(id) != null )
    {
	    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';
    	}
    	hideSelects.show();
    }
}

function killPopups(){
    var popups = ['popup-dob', 'popup-email', 'popup-security', 'popup-guidelines', 'popup-whatsthis'];
		for(var i = 0; i < popups.length; i++){
            if(document.getElementById(popups[i])!= null )
            {
			    if(document.getElementById(popups[i]).style.display == 'block')
                {
				    hideLayer(popups[i]);
                }
			}
		}
}

// 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

}
var selects = document.getElementsByTagName('select');
var hideSelects = {
	hide: function(){
		for(var i = 0; i < selects.length; i++){
			selects[i].style.visibility = 'hidden';
		}
	},
	show: function(){
		for(var i = 0; i < selects.length; i++){
			selects[i].style.visibility = 'visible';
		}
	}
};