var Popup = {
	parentContainer: null,
	contents: '',
	isOpen: false,
	opts: [],

	init: function(parentContainer, opts) {
		this.parentContainer = parentContainer;
		if(opts) this.opts = opts;
	},
	
	setContents: function(contents) {
		this.contents = contents;
	},
	
	open: function() {
		if(this.isOpen) return;

		var content = '<div id="doitPopupContainer" style="display:none;">'
			+ '<div id="popupTop">'
			+ '</div>'
			+ '<div id="popupMiddle"><div id="popupContent">'
			+ '<div id="popupCloseButton"><a href="javascript:Popup.close();">Close</a></div>'
			+ this.contents
			+ '</div></div>'
			+ '<div id="popupBottom">'
			+ '</div>'
			+ '</div>';

		$(this.parentContainer).insert(content);
		$('doitPopupContainer').setStyle(this.opts);
		new Effect.Appear('doitPopupContainer', {duration:0.2});
		this.isOpen = true;
	},
	
	close: function() {
		var container = $('doitPopupContainer');
		if(container) {
			//container.setStyle({display:'none'});
			var complete = function() {
				container.remove();	
			}
			new Effect.Fade(container, {duration:0.2, afterFinish: complete});
			this.isOpen = false;
		}
	}
};