/* Error Box
 * Inserts an error box as the first element inside the form.
 * The created box has the class "gem_system_message error".
 * 
 * There are two public methods: show, and remove.
 * 
 * error_box.show(form, error_list);
 * 	form - The extended form object, or the non extended element.
 *  error_list - An array of error messages.
 * 
 * error_box.remove(form);
 *  form - as above
 */	
	
	
	var	error_box = function(){
		return {
			show : function(form, error_list){
				error_box.remove(form);
				Element.extend(form);
				// create error box				
				var error_box_el = document.createElement('div');
				Element.extend(error_box_el);
				error_box_el.addClassName('gem_system_message error');
				error_box_el.setStyle({textAlign: "left"});
				form.insertBefore(error_box_el, form.firstChild);
				// insert error message
				var list_text = 'ERRORS<ul>';
				error_list.each(function(item){
					list_text = list_text+'<li>'+item+'</li>';
				});
				list_text = list_text+'</ul>';
				error_box_el.update(list_text);
			},
			remove : function (form){
				Element.extend(form);
				if(form.down('div.error') != undefined){
					form.down('div.error').remove();
				}
			}
		};
	}();