window.addEvent('domready', function(){
	var popup = new Element('div').addClass('popup').setStyles({
		'display': 'none',
		'position': 'absolute'
	}).injectInside(document.body);
	var popup_close = new Element('div').addClass('popup_close').injectInside(popup);
	var popup_content = new Element('div').addClass('popup_content').injectInside(popup);
	$$('.popup_button').each(function(popup_button){
		popup_button.addEvent('click', function(e){
			new Event(e).stop();
			if (this.getParent().getElement('.popup_content') != null) {
				popup_content.innerHTML = this.getParent().getElement('.popup_content').innerHTML;
			} else if (this.getParent().getParent().getElement('.popup_content') != null) {
				popup_content.innerHTML = this.getParent().getParent().getElement('.popup_content').innerHTML;
			}
			if (popup.getStyle('display') == 'none') {
				popup.setStyle('display', 'block').setStyles({
					'display': 'block',
					'top': ((window.getSize().size.y - popup.getSize().size.y) / 2) + window.getSize().scroll.y + 'px',
					'left': ((window.getSize().size.x - popup.getSize().size.x) / 2) + 'px'
				});
			}
		});
	});
	popup_close.addEvent('click', function(e){
		new Event(e).stop();
		popup.setStyle('display', 'none');
	});
	window.addEvent('scroll', function(){
		if (popup.getStyle('display') == 'block') {
			popup.setStyles({
				'top': ((window.getSize().size.y - popup.getSize().size.y) / 2) + window.getSize().scroll.y + 'px',
				'left': ((window.getSize().size.x - popup.getSize().size.x) / 2) + 'px'
			});
		}
	}).addEvent('resize', function(){
		if (popup.getStyle('display') == 'block') {
			popup.setStyles({
				'top': ((window.getSize().size.y - popup.getSize().size.y) / 2) + window.getSize().scroll.y + 'px',
				'left': ((window.getSize().size.x - popup.getSize().size.x) / 2) + 'px'
			});
		}
	});
})