var Page = {
	
	start: function()
	{
		$('no-manifest').addEvent('click', Manifest.disable);
		$('create-manifest').addEvent('click', Manifest.enable);
		$('create-config-key').addEvent('click', Page.createConfigLine);
	},
	
	createConfigLine: function()
	{
		var container = new Element('div', { 'class': 'config-key' });
		
		new Element('span', { 'text': '\'' }).inject(container);
		new Element('input', { 'type': 'text', 'name': 'config[keys][]', 'class': 'config-input' }).inject(container);
		new Element('span', { 'text': '\' => ' }).inject(container);
		new Element('input', { 'type': 'text', 'name': 'config[values][]', 'class': 'config-input' }).inject(container);
		new Element('input', {
			'type': 'button',
			'value': 'Remove',
			'events': { 'click': function() {
				Page.removeConfigLine(container);
			}}
		}).inject(container);
		
		$('create-config-key').dispose().inject(container);
		container.inject($('config-keys'));
	},
	
	removeConfigLine: function(container)
	{
		var button = $('create-config-key').dispose();
		container.dispose();
		container = null;
		button.inject($('config-keys').getLast());
	}
	
};

window.addEvent('domready', Page.start);