window.addEvent( 'domready', function() {
	var form = $$('form');
	form.addEvent( 'submit', function(e) {
		ProgressScreen.display();
	} );
} );

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.6);
		}
};


Messages = {
		'container': function( form ) {
			var container = $$('.error');
			if( '' == container ) {
				container = new Element('ul', {'class': 'messages error'});
			}
			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');
		}
}