var oldHTML = new Array;

function showDateField( record_id, element_id, submit_link, current_val )
{
    var dateFieldHTML = "<input id=\""+element_id+"_fld\"  value=\""+current_val+ "\" size=\"10\" type=\"text\">";
    dateFieldHTML += "<a href=\"javascript:fPopCalendar('"+element_id+"_fld')\">";
    dateFieldHTML += "<img src=\"/images/popcalendar.gif\" width=\"34\" align=\"absmiddle\" height=\"22\" border=\"0\" alt=\"\"></a>";
    dateFieldHTML += buttonsHTML( element_id, record_id, submit_link );
    
    oldHTML[element_id] = document.getElementById(element_id).innerHTML
    document.getElementById(element_id).innerHTML = dateFieldHTML;
}

function showTextField( record_id, element_id, submit_link, current_val )
{
    var dateFieldHTML = "<span style=\"float:left; margin-right:5px\">";
    dateFieldHTML +=     "<input id=\""+element_id+"_field"+"\" name=\""+element_id+"_field"+"\" size=\"10\" type\"text\" value=\""+current_val+"\"/></span>";
    dateFieldHTML += buttonsHTML( element_id, record_id, submit_link );
    oldHTML[element_id] = document.getElementById(element_id).innerHTML
    document.getElementById(element_id).innerHTML = dateFieldHTML;
}

function buttonsHTML( element_id, record_id, submit_link )
{
    var dateFieldHTML = "<span>";
    dateFieldHTML +=     "<a class=\"smallbutton\" href=\"#\" onclick=\"cancel('"+element_id+"')\" ><span>cancel</span></a>";
    dateFieldHTML += "</span>";
    dateFieldHTML += "<span>";
    dateFieldHTML +=     "<a class=\"smallbutton\" href=\"#\" onclick=\"submit( "+record_id+", '"+element_id+"', '" + submit_link +"' );\" ><span>save</span></a>";
    dateFieldHTML += "</span>";
    return dateFieldHTML 
}

function submit( record_id, element_id, submit_link )
{
    var url = submit_link + '?id='+ record_id + "&element_id=" + element_id + "&value=" + $(element_id+"_fld").value 
    new Ajax.Request(url); 
}

function cancel(element_id)
{
    document.getElementById(element_id).innerHTML = oldHTML[element_id];
}

/*
 * Vista style fields
 */
function clearText(field)
{
  if (field.defaultValue==field.value)
  {
    field.value = '' 
  }
}

function setDefault(field)
{
  if (field.value == '')
  {
    field.value = field.defaultValue
  }
}