/*========================================
we make functions for any number of popups
underPop1
underPop2
...

popup1
popup2
...
========================================*/

//they are hidden
var popNum = 0;
var notNumPoped;


function showPop(popId) {
popNum++;
under = document.getElementById('underPop' + popNum);
if(popId) {
	pop = document.getElementById(popId);
	notNumPoped = pop;
	}
else {pop = document.getElementById('popup' + popNum);}

//show popup stuff
under.style.display = 'block';
pop.style.display = 'block';

//set underpop size
pop.style.left = pop.style.top = under.style.width = under.style.height = under.style.left = under.style.top = 0;
under.style.width = Math.max(document.body.offsetWidth, document.documentElement.scrollWidth) + 'px';
under.style.height = Math.max(document.body.offsetHeight, document.documentElement.scrollHeight) + 'px';

//set popup position
pop.style.left = document.documentElement.scrollLeft + ((document.documentElement.clientWidth  - pop.offsetWidth) / 2) + 'px';
pop.style.top = document.documentElement.scrollTop + ((document.documentElement.clientHeight - pop.offsetHeight) / 2) + 'px';
}



function hidePop() {
if(notNumPoped) {
	notNumPoped.style.display = 'none';
	if(notNumPoped.nodeName == 'FORM') {notNumPoped.reset();}
	}
if(popNum) {
	document.getElementById('underPop' + popNum).style.display = 'none';
	pop = document.getElementById('popup' + popNum);
	if(pop) {
		pop.style.display = 'none';
		if(pop.nodeName == 'FORM') {pop.reset();}
		}
	popNum--;
	}
}