hola a todos en verdad estoy que me alo los pelos

.. llevo dos dias y no encuentro el error.. necesito sumar dos cajas de texto y mostrarlo en una tercera.. este es mi codigo
Código:
<script language="javascript">
function calcula(operacion)
{
var operando1 = document.getElementById('montoLegal').value;
var operando2 = document.getElementById('creditoadicional').value;
var result = eval(operando1 + operacion + operando2);
document.getElementById('total').value = result ;
}
</script>
y en un formulario tengo esto
Código HTML:
<body>
<form id="frmDatos" name="frmDatos" method="post" action="">
<input name="montoLegal" type="Text" id="montoLegal" value="" size="18">
<input name="creditoadicional" type="Text" id="creditoadicional" value="" size="12">
<input type="button" name="Submit" value="Botón" onclick="calcula('+')"/>
<input name="total" type="Text" id="total" value="" size="12" />
</form>
</body>
si copian todo este codigo y lo prueban en un nuevo documento el funciona.. el problema es que no funciona en el documento que necesito que funcione.. les dejo un enlace donde pueden bajar el archivo que no me funciona.. gracias de ante mano..
http://www.x-design.com.ve/datosdepr...stodeobras.zip