// Field Listener
var FieldListenerClass = Class.create();
FieldListenerClass.prototype = {
	//Properties
	el: null,
	name: null,
	
	//Constructor
	initialize: function(el) {
		this.el = el;
		this.name = this.el.innerHTML.match(/\[(.*)\]/)[1];
		$A(document.getElementsByName(this.name)).each(function (field, index)
			{
				Event.observe(field, 'blur', this.blurField.bind(this));
			}.bind(this)
		);
		var field = document.getElementsByName(this.name);
		if (field.length > 0) {
			var value = Form.Element.getValue(field[0]);
			this.el.innerHTML = value.length > 0 ? value : ' ';
		}
	},
	
	//Methods
	blurField: function (e) {
		var field = Event.element(e);
		var value = Form.Element.getValue(field);
		this.el.innerHTML = value.length > 0 ? value : ' ';
	}
};
EventSelectors.register({
	'span.field_listener' : function(el){
		new FieldListenerClass(el);
	}
});