Event.observe(window, 'load', init, false);

function init(){
	makeEditable('notiz');
//	makeEditable('pizza');
}

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

//function edit(obj){
//	Element.hide(obj);
//	//.replace("<br />","\n")
//	var textarea = '<div id="'+obj.id+'_editor"><textarea id="notiz" name="notiz" rows="8" cols="90">'+obj.innerHTML+'</textarea>';
//	var button	 = '<div><input id="'+obj.id+'_save" type="button" value="SAVE" /> OR <input id="'+obj.id+'_cancel" type="button" value="CANCEL" /></div></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);
//}

function edit(obj){
	Element.hide(obj);
	var content = obj.innerHTML;
	
	content = content.replace(/\r?\n/g,'');                // vorher alle \n entfernen
	content = content.replace(/<br\s*\/?>/gi,"\n");     // erfasst <br> <BR> <br /> u.a.
	var textarea = '<div id="'+obj.id+'_editor"><textarea id="'+obj.id+'_edit" class="expand" name="'+obj.id+'_edit" rows="12" style="width:595px;">'+content+'</textarea>';
	var button	 = '<div style="width:100%; text-align:center"><input id="'+obj.id+'_save" type="button" value="SAVE" /> OR <input id="'+obj.id+'_cancel" type="button" value="CANCEL" /></div></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);
	//tinyMCE.execCommand('mceAddControl',false,"notiz_edit");
}	

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

//function saveChanges(obj){
//	
//	var new_content	=  escape($F(obj.id+'_edit'));
//
//	obj.innerHTML	= "Saving...";
//	cleanUp(obj, true);
//
//	var success	= function(t){editComplete(t, obj);}
//	var failure	= function(t){editFailed(t, obj);}
//
//  	var url = 'notiz_footer.php';
//	var pars = 'id='+ obj.id +'&content='+new_content;
//	var myAjax = new Ajax.Request(url, {method:'post', postBody:pars, onSuccess:success, onFailure:failure});
//
//}

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

	obj.innerHTML	= "Saving...";
	cleanUp(obj, true);

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

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

}

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

function editComplete(t, obj){
//	var content = t.responseText;
//	content=content.replace("&lt;br&gt;","<br>");
//	t.responseText = content.replace("&lt;br \/&gt;","<br />");
	obj.innerHTML	= t.responseText;
	showAsEditable(obj, true);
}

function editFailed(t, obj){
	obj.innerHTML	= 'Sorry, the update failed.';
	cleanUp(obj);
}