javascript- formulario- crear nuevo

[ariel_buc]

Hola:

Necesito ayuda con un formulario, más abajo dejo el código para que entiendan de que hablo.
Como verán el formulario permite realizar una serie de cálculos.
Lo que necesito hacer es que en el botón "agregar ítem" con el evento onclick me permita crear o clonar el formulario, asimismo necesito un botón que me permita eliminarlo.
Por último necesito hacer la sumatoria del campo que llamo subtotal en un nuevo campo llamado total.
Por favor si alguien me puede ayudar u orientar como realizar lo que quiero porque estoy trabado y no se por donde empezar.
Desde ya muchas gracias

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
 
<script type="text/javascript">
 
 
function OperAritmeticas(){
      interval = setInterval("calcular()",1);
}
function calcular(){
 var  cantidad = document.FacProvForm.cantidad.value;
 var  costo   = document.FacProvForm.costo.value; 
 var  subtotal = document.FacProvForm.subtotal.value = (cantidad * costo) ;
 var  PcioVta = document.FacProvForm.PcioVta.value;
 var  gcia = document.FacProvForm.gcia.value = (((PcioVta / costo)-1)*100) ;
}
function NoOperAritmeticas(){
      clearInterval(interval);
}
 
 
 
 
</script>
 
</head>
 
<body>
 
 
 
<form name="FacProvForm">
<input name="cantidad" type=text onFocus="OperAritmeticas();" onBlur="NoOperAritmeticas();" value="" size="15">
<input name="costo" type=text onfocus="OperAritmeticas();" onblur="NoOperAritmeticas();" value="" size="15" />
<input name="subtotal" type=text size="15">
<input name="PcioVta" type=text onfocus="OperAritmeticas();" onblur="NoOperAritmeticas();" value="" size="15" />
<input name="gcia" type=text size="15">
<input name="Agregar" type="button" onClick= "" value="Agregar Item" />
</form>
 
</body>
</html>