window.addEvent('domready', function() 
{

	//$('tag_editor').hide();
	$('mode').addEvent('change', function(e)
	{
		var selected = $('mode').getSelected();
		var val = selected[0].get('value');
		if(val == 'edit_tags')
		{
			$('content').setStyle('background-color', '#94B6D4');
			
			$$('.list_image a').each(function(e)
			{
				
				e.addEvent('click', function(j)
				{
					new Event(j).stop();
					var id = this.getProperty('id');
					$('tag_editor').show();
					$('editing').innerHTML = id;
					$('tag_editor_id').value = id;
					$('tag_editor_bucket').value = this.getFirst().getProperty('title');
					$('tag_editor_old_tags').value = this.getFirst().getProperty('title');
				});
				
			});
			
			$('tag_editor_cancel').addEvent('click', function(j)
			{
					$('tag_editor').hide();
					$('tag_editor_id').value = '';
					$('tag_editor_bucket').value = '';
			});
			
			$('tag_editor_save').addEvent('click', function(j)
			{
					$('tag_editor').hide();
					$('tag_editor_form').send();
					id = $('tag_editor_id').value;
					$(id).getFirst().setProperty('title', $('tag_editor_bucket').value);
					$('tag_editor_id').value = '';
					$('tag_editor_bucket').value = '';
			});					   
										   
		}
		if(val == 'view')
		{
			$('content').setStyle('background-color', '#FFFFFF');
			$$('.list_image a').removeEvents();
			$('tag_editor').hide();
		}
	});
									 
});