// JavaScript Document

// Popups uning MooTools 1.11  Tobias Wetzel

var page = {
	start: function(){
		$$('div.popuppager').each(function(el){
			var coords = el.getParent().getPrevious().getCoordinates($('plan'));
			el.getParent().getPrevious().addEvent('click', page.show.bind(el));
			el.setStyles({'left':coords.left,'top':coords.top,'width':0,'height':0,'opacity': 0});
			el.store('left', coords.left);
			el.store('top', coords.top);
			el.makeDraggable({handle: el.getElements('h3.dragger')});
			el.getElements('span.closer').addEvent('click', page.hide.bindWithEvent(el, coords));
		});
		var tips = new Tips('.opener');
	},
	show: function(e){
		if(page.open && page.open != this) page.swap(page.open);
		page.open = this;
		e.stop();
		this.setStyle('display','block');
		var size = $('plan').getSize();
		new Fx.Morph(this).start({'left':size.x/2-200,'top':size.y/2-200,'width': 355, 'height': 360, 'opacity': 1.00});
	},
	hide: function(e, c){
		delete page.open;
		e.stop();
		new Fx.Morph(this, {
			onComplete: function(){
				this.setStyle('display','none');
			}.bind(this)
		}).start({'height': 0, 'width': 0, 'left': c.left, 'top': c.top, 'opacity': 0});
	},
	swap: function(el){
		el.setStyles({'height': 0, 'width': 0, 'left': el.retrieve('left'), 'top': el.retrieve('top'), 'opacity': 0});
	}
}

window.addEvent('load', page.start);