var items = 1;

function edit(obj) {
	obj = $(obj);
	if (obj.id == 'title') {
		obj.hide();
	}
	else {
		obj.hide();
		//obj.next().hide();
	}
	var text;
	if (obj.innerHTML.toLowerCase() == "<em>click to edit</em>") {
		text = '';
	}
	else {
		text = obj.innerHTML;
	}
	obj.up().insert('<form class="edit_form" onsubmit="changeItem(this); return false;" action="changeItem"><input type="text" id="edit" value="' + text + '"><input type="submit" value="OK">');
	$('edit').activate();
}

function addItem() {
	items++;
	$('todos').insert({'bottom': '<div id="item_' + items + '" class="item"><img src="/images/delete.png" class="lk delete" title="Remove" onclick="removeItem(this)" /><img src="/images/button.gif" class="box" style="width:20px; height:20px;"><div class="item edit" onclick="edit(this)" title="Click to edit"><em>Click to edit</em></div></div></div>'});
}

function removeItem(obj) {
	obj = $(obj);
	var item = obj.up().id;
	$(item).fade();
}

function changeItem(obj) {
	obj = $(obj);
//	alert(obj.down().value);
	obj.previous().show();
	var text = obj.down().value;
	if (obj.down().value == '') {
		text = '<em>Click to edit</em>';
	}
	obj.previous().innerHTML = text;
	obj.remove();
}