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

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

//they are hidden
var popNum = 0;


function showPop() {
popNum++;
under = document.getElementById('underPop' + popNum);
pop = document.getElementById('popup' + popNum);

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

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

pop.style.left = 0;
pop.style.top = 0;

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



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


function showPopEnter() {
under = document.getElementById('underPopEnter');
pop = document.getElementById('popupEnter');

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

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

pop.style.left = 0;
pop.style.top = 0;

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



function hidePopEnter() {
document.getElementById('underPopEnter').style.display = 'none';
pop = document.getElementById('popupEnter');
pop.style.display = 'none';
pop.reset();
}