function makeEditable(id, table)
{
    var success = function(t){setData(t, id, table);}
    var failure = function(t){dataFail(t, id, table);}
    var myAjax = new Ajax.Request('editcb.php', {method:'post', postBody:'&getdp=true&fieldName=' + id, onSuccess:success, onFailure:failure});

}
function dataFail(t, id)
{
    $(id).innerHTML = 'Data Provider failed ...';
}
function setData(t, id, table)
{
    Event.observe(id, 'click', function(){edit($(id), table, t.responseText)}, false);
    Event.observe(id, 'mouseover', function(){showAsEditable($(id))}, false);
    Event.observe(id, 'mouseout', function(){showAsEditable($(id), true)}, false);
}

function edit(obj, table, cb)
{
    Element.hide(obj);
    new Insertion.After(obj, cb);
    Event.observe(obj.id+'_edit_cb', 'change', function(){saveChanges(obj, table)}, false);
    //Event.observe(obj.id+'_edit_cb', 'mouseout', function(){cleanUp($(obj), true)}, false);
}

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

function saveChanges(obj, table)
{
    var new_content = escape($F(obj.id+'_edit_cb'));
    var kids = document.getElementById(obj.id+'_edit_cb').childNodes;
    for(n in kids)
    {
        if(kids[n].value == new_content)
        {
            //alert('found: ' + kids[n].innerHTML);
            var label = kids[n].innerHTML;
        }
    }
    obj.innerHTML = "Saving...";
    Element.addClassName(obj, 'changed');
    cleanUp(obj, true);
   
    var success = function(t){editComplete(t, obj);}
    var failure = function(t){editFailed(t, obj);}
    var url = 'editcb.php';
    var pars = '&tableName='+table+'&ajax=editinplace&id='+obj.id+'&content='+new_content+'&label='+label;
    //alert("pars: " + pars);
    var myAjax = new Ajax.Request(url, {method:'post', postBody:pars, onSuccess:success, onFailure:failure});
}

function cleanUp(obj, keepEditable)
{
    Element.remove(obj.id+'_edit_cb');
    Element.show(obj);
    if (!keepEditable) showAsEditable(obj, true);
    //new Effect.Highlight(obj, { duration: 3.0 });
}

function editComplete(t, obj)
{
    highlight(obj, t.responseText, 1500)
}
function highlight(o, s, n)
{
    //$('statusContainer').style.visibility = "visible";
    Element.addClassName(o, 'changed');
    o.innerHTML = s;
    setTimeout( "document.getElementById('"+ o.id +"').className = '';", n );
}
function editFailed(t, obj)
{
    obj.innerHTML = 'Could not save...';
    cleanUp(obj);
}