Event.observe(window, 'load', init, false);
 
function init(desc)
{
	makeEditable(desc);
}
 
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);
	
	var textarea = '<div style="z-index:20" id="'+obj.id+'_editor"><table style="border:"><tr><td><textarea id="'+obj.id+'_edit" name="'+obj.id+'" rows="1" cols="30">'+obj.innerHTML+'</textarea></td>';
	var button	 = '<td><input id="'+obj.id+'_save" type="image" src="img/formulaires/but_modifier.gif" /></td><td><input id="'+obj.id+'_cancel" type="image" src="img/formulaires/but_retour.gif"></td><td><input id="'+obj.id+'_delete" type="image" src="img/formulaires/but_supprimer.gif"></td></tr></table></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);
	Event.observe(obj.id+'_delete', 'click', function(){deleteopt(obj)}, false);
	
}
 
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	= "Enregistrement ...";
	cleanUp(obj, true);
 
	var success	= function(t){editComplete(t, obj);}
	var failure	= function(t){editFailed(t, obj);}
 
  	var url = 'js/edit.php?mode=save&idmod='+obj.id;
	var pars = 'id='+obj.id+'&content='+new_content;
	var myAjax = new Ajax.Request(url, {method:'post', postBody:pars, onSuccess:success, onFailure:failure});
}


function deleteopt(obj)
{
	var new_content	=  escape($F(obj.id+'_edit'));
 
	obj.innerHTML	= "Suppression ...";
	cleanUp(obj, true);
 
	var success	= function(t){editComplete(t, obj);}
	var failure	= function(t){editFailed(t, obj);}
 
  	var url = 'js/edit.php?mode=del&idmod='+obj.id;
	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)
{
	obj.innerHTML	= t.responseText;
	showAsEditable(obj, true);
}
 
function editFailed(t, obj)
{
	obj.innerHTML	= 'D&eacute;sol&eacute;, y\'a tout qui a plant&eacute; !!';
	cleanUp(obj);
}