// edit a single recipe row
function editIngredient(id,recipe_id) {
    var imperialDiv = document.getElementById('imperial'+id);
    var descDiv = document.getElementById('desc'+id);
    var metricDiv = document.getElementById('metric'+id);
    var adminDiv = document.getElementById('admin'+id);
    
    imperialDiv.innerHTML = "<input type='text' id='imperial"+id+"t' name='imperial"+id+"t' size='10' value='"+imperialDiv.innerHTML+"'>";
    descDiv.innerHTML = "<input type='text' id='desc_ingred"+id+"t' name='desc_ingred"+id+"t' size='25' value='"+descDiv.innerHTML+"'>";
    metricDiv.innerHTML = "<input type='text' id='metric"+id+"t' name='metric"+id+"t' size='10' value='"+metricDiv.innerHTML+"'>";
    adminDiv.innerHTML = "<input type='button' value='Save' onClick='saveIngredient("+id+","+recipe_id+");'>&nbsp;<input type='button' value='Cancel' onClick='cancelIngredient("+id+","+recipe_id+");'>";
}

// cancel editing of a recipe row
function cancelIngredient(id,recipe_id) {
    var imperialDiv = document.getElementById('imperial'+id);
    var descDiv = document.getElementById('desc'+id);
    var metricDiv = document.getElementById('metric'+id);
    var adminDiv = document.getElementById('admin'+id);
    
    var imperialText = document.getElementById('imperial'+id+'t');
    var metricText = document.getElementById('metric'+id+'t');
    var descText = document.getElementById('desc_ingred'+id+'t');
    
    imperialDiv.innerHTML = imperialText.value;
    descDiv.innerHTML = descText.value;
    metricDiv.innerHTML = metricText.value;
    adminDiv.innerHTML = "<a href='javascript:editIngredient("+id+","+recipe_id+");'>"+
                        "<img src='/extras/toolbar/bullet/edit.gif' border='0' alt='Edit'></a>"+
                        "<a href='/cgi-bin/recipes.pl/delete_ingredients?id="+id+"&recipe_id="+recipe_id+"'>"+
                        "<img src='/extras/toolbar/bullet/delete.gif' border='0' alt='Delete'></a>"+
                        "<a href='/cgi-bin/recipes.pl/move_up?id="+id+"&recipe_id="+recipe_id+"'>"+
                        "<img src='/extras/toolbar/bullet/moveUp.gif' border='0' alt='Move Up'></a>"+
                        "<a href='/cgi-bin/recipes.pl/move_down?id="+id+"&recipe_id="+recipe_id+"'>"+
                        "<img src='/extras/toolbar/bullet/moveDown.gif' border='0' alt='Move Down'></a>";
//    adminDiv.innerHTML = "<input type='button' value='Edit' onClick='editIngredient("+id+","+recipe_id+");'>&nbsp;"+
  //                      "<input type='button' value='Delete' onClick='location.href='/cgi-bin/recipes.pl/delete_ingredients?id="+id+"&recipe_id="+recipe_id+"';'>";
}

// save ingredient
function saveIngredient(id,recipe_id) {
    var imperialText = document.getElementById('imperial'+id+'t');
    var metricText = document.getElementById('metric'+id+'t');
    var descText = document.getElementById('desc_ingred'+id+'t');

    //setup our data string
    var data =  'id='+encodeURIComponent(id)+'&imperial='+encodeURIComponent(imperialText.value)+
                '&desc_ingred='+encodeURIComponent(descText.value)+'&metric='+encodeURIComponent(metricText.value);
    
    //save the ingredient info
    saveRecipe(data);
    
    //call cancelIngredient to reset the fields
    cancelIngredient(id,recipe_id);
}