//And edit in place code...


function makeEditable(id, type){
	Event.observe(id, 'dblclick', function(){edit($(id),type)}, false);
	Event.observe(id, 'mouseover', function(){showAsEditable($(id))}, false);
	Event.observe(id, 'mouseout', function(){showAsEditable($(id), true)}, false);
}

function showAsEditable(obj, clear){
	if (!clear){
		Element.addClassName(obj, 'editable');
	}else{
		Element.removeClassName(obj, 'editable');
	}
}

function edit(obj, type){
	Element.hide(obj);
	text = obj.innerHTML;
	text = text.replace(/<BR\/>/g, "\n");
	text = text.replace(/<br>/g, "\n");
	text = text.replace(/<BR>/g, "\n");

	if(type==1)
	var textarea ='<div id="' + obj.id + '_editor"><textarea id="' + obj.id + '_edit" name="' + obj.id + '" rows="20" cols="85">' + text + '</textarea>';

	if(type==2)
	var textarea ='<div id="' + obj.id + '_editor"><input id="' + obj.id + '_edit" name="' + obj.id + '" size="60" type="text" value="'+text+'" class="edit">';

	var button = '<br><input id="' + obj.id + '_save" type="button" value="Сохранить" class="submit" /> или <input id="' + obj.id + '_cancel" type="button" class="submit" value="Отменить" /></div>';

	new Insertion.After(obj, textarea+button);

	Event.observe(obj.id+'_save', 'click', function(){saveChanges(obj)}, false);
	Event.observe(obj.id+'_cancel', 'click', function(){cleanUp(obj)}, false);
	document.getElementById(obj.id+'_edit').focus();
}

function cleanUp(obj, keepEditable){
	Element.remove(obj.id+'_editor');
	Element.show(obj);
	if (!keepEditable) showAsEditable(obj, true);
}

function saveChanges(obj){
	var new_content = $F(obj.id+'_edit');

	obj.innerHTML = "Сохраняем...";
	cleanUp(obj, true);

	var success = function(t){editComplete(t, obj);}
	var failure = function(t){editFailed(t, obj);}

	var url = '/Ajax_save';
	var pars = 'id=' + obj.id + '&content=' + encodeURIComponent(new_content);
	var myAjax = new Ajax.Request(url, {method:'post',
	postBody:pars, onSuccess:success, onFailure:failure});
}

function editComplete(t, obj){
	obj.innerHTML = t.responseText;
	showAsEditable(obj, true);
}

function editFailed(t, obj){
	obj.innerHTML = 'Обновление не успешно...';
	cleanUp(obj);
}