var AttributeController =
{
	connect_event_handlers: function()
	{
		document.observe(this.options.template_changed_event, this.template_changed_handler.bindAsEventListener(this));
		document.observe(this.options.attributes_restored_event, this.attributes_restored_handler.bindAsEventListener(this));
		document.observe(this.options.ship_reset_event, this.ship_reset_handler.bindAsEventListener(this));
		$(this.options.id).observe(this.options.selection_changed_event, this.selection_changed_handler.bindAsEventListener(this));
	},

	template_changed_handler: function(event)
	{
		var template = event.memo[this.options.attribute_property];
		this.set_template(template);
		this.refresh_display(template);
		this.send_update();
	},

	selection_changed_handler: function(event)
	{
		this.refresh_construction_stats(this.get_template());
		this.send_update(event.memo.value);
	},

	attributes_restored_handler: function(event)
	{
		var index = event.memo[this.options.attribute_property];
		if (this.options.gunboat)
		{
			index = (index || {})[this.options.facing];
		}
		else if (!Object.isString(index) && !Object.isNumber(index))
		{
			index = null;
		}

		if (index)
		{
			this.select.set_by_index(index);
		}
	},

	ship_reset_handler: function(event)
	{
		$(this.options.id).up('.' + this.options.attribute_class).hide();
		this.clear();
		this.set_template(null);
	},

	send_update: function(value)
	{
		value = value === undefined ? this.select.get() : value;
		var memo =
		{
			id: this.options.id,
			attribute: this.options.attribute_property,
			value: value,
			index: this.select.index_of(value),
			gunboat: this.options.gunboat,
			facing: this.options.facing
		};
		var attribute_construction = this.get_template()[value];
		$(this.options.id).fire(this.options.attribute_changed_event, Object.extend(memo, attribute_construction));
	}
};