ProgressScreen = {
		'progressOverlay': new Element('div', {id: 'progress-overlay'}),
		'progressImage': new Element('div', {id: 'progress-image'}),
		'create': function() {
			$(document.body).adopt(
				$$(
					this.progressOverlay,
					this.progressImage
				).setStyles({
					opacity: "0", 
					display: 'none'
				})
			);
		},
		'display': function() {
			this.create();
			this.progressImage.setStyle('display', 'block');
			this.progressImage.fade('in');
			this.progressOverlay.setStyle('display', 'block');
			this.progressOverlay.fade(0.4);
		}
};


Messages = {
		'container': function( form ) {
			var container = $$('.error');
			if( 0 == container.length ) {
				container = new Element('ul', {'class': 'messages error'});
			} else {
				container = container[0];
			}
			var el1 = $('text');
			if( null == el1 ) {
				el1 = $('content-holder');
			}
			var el2 = el1.getElement('form');
			
			container.inject(el2, 'before');
			container.setStyle('opacity','0');
			return container;
		},
		'display': function( form, msgs ) {
			//alert(this.container());
			var container = this.container( form );
			var msgHtml = '';
			msgs.each(function(msg) {
				msgHtml += "<li>" + rmNl(msg) + "</li>\n";
			});
			container.set('html', msgHtml);
			if( undefined !== $('content').sb1 && null !== $('content').sb1 ) {
				$('content').sb1.refresh();
			}
			container.fade('in');
		}
}
