function setMessage(message){
    var messages = document.getElementById('messages');
    messages.innerHTML = message;
}

function addDebt(){
  var debtlist = document.getElementById("debtlist");
  var newDebt = document.getElementById("newDebtDiv");
  debtlist.appendChild(newDebt.cloneNode(true));
  new Form.Observer($('debt_form_new'), 1, function(){ saveDebt($('debt_form_new')); });
}

function deleteDebt(field){
    field.form.action="deleteDebt";
    field.form.submit();
}

function saveDebt(debtForm){
    new Ajax.Updater('debtUpdateDiv',
                     'updateDebt',
                     {asynchronous:true,
                             evalScripts: true,
                             onComplete:function(request){saveDebtValidate(debtForm);},
                             parameters:Form.serialize(debtForm)});
}

function saveDebtValidate(debtForm){
    var jstring = document.getElementById('debtUpdateDiv').innerHTML;
    var errdiv = document.getElementById('errors_' + debtForm.id.value);
    setMessage("");
    errdiv.innerHTML = "";
    errdiv.style.display = "none";
    values = jstring.parseJSON();
    if(values.errors == null){
        setMessage("");
        if(debtForm.id.value != values.debt.id){
            window.location = window.location;
        }
    } else {
        var errors = values.errors;
        errdiv.style.display = "block";
        if(errors.name != null){
            errdiv.innerHTML += "Name: " + errors.name + "<br>";
        }
        if(errors.principal != null){
            errdiv.innerHTML += "Principal: " + errors.principal + "<br>";
        }
        if(errors.apr != null){
            errdiv.innerHTML += "APR: " + errors.apr + "<br>";
        }
        if(errors.minimumPayment != null){
            errdiv.innerHTML += "Minimum Payment: " + errors.minimumPayment + "<br>";
        }
    }
    return(false);
}

function updateBudget(budgetForm){
    new Ajax.Updater('budgetUpdateDiv', 
                     'updateBudget', 
                     {asynchronous:true, evalScripts:true,
                             onComplete:function(request){updateBudgetValidate();}, 
                             parameters:Form.serialize(budgetForm)});
}

function updateBudgetValidate(){

}

function clearField(formElement){
    formElement.value = "";
    formElement.onfocus = function() {};
}