$(document).ready(function() {
	//ACA le asigno el evento click a cada boton de la clase bt_plus y llamo a la funcion addField
		$(".bt_plus").each(function (el){
			$(this).bind("click",addField);
									 });
							});
function addField(){
// ID del elemento div quitandole la palabra "div_" de delante. Pasi asi poder aumentar el número. Esta parte no es necesaria pero yo la utilizaba ya que cada campo de mi formulario tenia un autosuggest , así que dejo como seria por si a alguien le hace falta.
var cloneid = $(this).attr('rel');
var clickID = $('#'+cloneid).attr('id');
 //optener el numero del array
var CloneData = clickID.split('_');
var clickN=parseInt(CloneData[1]);
//var clickID = parseInt($('#'+cloneid).attr('id').replace('div_',''));
// Genero el nuevo numero id
var newID = parseInt(clickN+1);
//alert(newID);
// Creo un clon del elemento div que contiene los campos de texto
$newClone = $('#'+cloneid).clone(true);
//$newClone = $('#div_'+clickID).clone(true);

//Le asigno el nuevo numero id
$newClone.attr("id",CloneData[0]+'_'+newID);

//Asigno nuevo id al primer campo input dentro del div y le borro cualquier valor que tenga asi no copia lo ultimo que hayas escrito.(igual que antes no es necesario tener un id)
//$newClone.children("input").eq(0).attr("id",'materiales'+newID).val('');

//Borro el valor del segundo campo input(este caso es el campo de cantidad)
//$newClone.children("input").eq(9).val('');

//Asigno nuevo id al boton
//$newClone.children("input").eq(9).attr("id",newID)

//Inserto el div clonado y modificado despues del div original
$newClone.insertAfter($('#'+cloneid));
//cambiar el atributo rel para la clonacion del nuevo clonado
$('#'+CloneData[0]+'_'+newID + ' .bt_plus').attr('rel',CloneData[0]+'_'+newID);
//Cambio el signo "+" por el signo "-" y le quito el evento addfield
$(this).val('-').unbind("click",addField);
//Ahora le asigno el evento delRow para que borre la fial en caso de hacer click
$(this).bind("click",delRow);
//reemplazar si en caso existe en el html clonado el valor [#n]	por el nuevo id clonado
    $('#'+CloneData[0]+'_'+newID).find("input,select").each(function(i) {
            var idinput = $(this).attr('id');
             //optener el numero del array
            var datainput = idinput.split('_');
            $(this).attr('id',datainput[0]+'_'+parseInt(newID));
            var RegExPattern=/#/;
            var title=$(this).attr('title');
            if ((title.match(RegExPattern)) && (title!='')) {
              var newname = title.replace(RegExPattern,newID);
              $(this).attr('name',newname);
            }
             
   });
}
function delRow() {
// Funcion que destruye el elemento actual una vez echo el click
var cloneid = $(this).attr('rel');
$('#'+cloneid).remove();

}
