window.onload = init;

function init(){
var html = document.documentElement;
var layout = document.getElementById('layout');

if(layout.offsetHeight < html.clientHeight){
layout.style.height = html.clientHeight+'px';
}


var obj = getElementsByClass('roundCorners',null, null);
	for(i=0;i<obj.length;i++){
		topLeft = document.createElement('DIV');
		topRight = document.createElement('DIV');
		bottomLeft = document.createElement('DIV');
		bottomRight = document.createElement('DIV');
		
		topLeft.className = 'roundCorner topLeft';
		topRight.className = 'roundCorner topRight';
		bottomLeft.className = 'roundCorner bottomLeft';
		bottomRight.className = 'roundCorner bottomRight';
		
		var pStyle = getElementComputedStyle(obj[i], 'position');
		if(pStyle != 'relative' && pStyle != 'absolute'){obj[i].style.position = 'relative'; }
		
		obj[i].appendChild(topLeft);
		obj[i].appendChild(topRight);
		obj[i].appendChild(bottomLeft);
		obj[i].appendChild(bottomRight);
	}
}

function getElementComputedStyle(elem, prop)
{
  if (typeof elem!="object") elem = document.getElementById(elem);
  
  // external stylesheet for Mozilla, Opera 7+ and Safari 1.3+
  if (document.defaultView && document.defaultView.getComputedStyle)
  {
    if (prop.match(/[A-Z]/)) prop = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
    return document.defaultView.getComputedStyle(elem, "").getPropertyValue(prop);
  }
  
  // external stylesheet for Explorer and Opera 9
  if (elem.currentStyle)
  {
    var i;
    while ((i=prop.indexOf("-"))!=-1) prop = prop.substr(0, i) + prop.substr(i+1,1).toUpperCase() + prop.substr(i+2);
    return elem.currentStyle[prop];
  }
  
  return "";
}

function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}



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

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

//they are hidden
var popNum = 0;


function showPop() {
popNum = 1;
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;
var layout = document.getElementById('layout');
//window.alert(html.offsetHeight);

under.style.width = Math.max(layout.offsetWidth, document.body.offsetWidth) + 'px';
under.style.height = Math.max(layout.offsetHeight, document.body.offsetHeight) + 'px';


var st = Math.max(document.body.scrollTop, document.documentElement.scrollTop);

//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.marginLeft = '-' + (pop.offsetWidth / 2) + 'px';
pop.style.top = st + ((document.body.offsetHeight - pop.offsetHeight) / 2) + 'px';
if(pop.offsetTop < 0) {pop.style.top = '20px';}
}



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';

var layout = document.getElementById('layout');

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

under.style.width = document.body.scrollWidth + 'px';
under.style.height = layout.offsetHeight + '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.marginLeft = '-' + (pop.offsetWidth / 2) + 'px';
pop.style.top = document.documentElement.scrollTop + ((document.body.offsetHeight - pop.offsetHeight) / 2) + 'px';
if(pop.offsetTop < 0) {pop.style.top = '20px';}
}



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