/* CONTROL DE LOS CAMPOS DINAMICOS PARA SUBIR DOCUMENTOS ADJUNTOS */
//Configuraci?n para el manejo de los campos para subir archivos din?micos
//Esta es una variable de control para mantener nombres diferentes de cada campo creado dinamicamente.
var numero = 0;

//esta funcion nos devuelve el tipo de evento disparado
evento = function (evt) {
	return (!evt) ? event : evt;
}

//Funci?n que crea dinamicamente los nuevos campos file
addCampo = function () {
	//Creaci?n de div que contendr? el nuevo campo
   nDiv = document.createElement('div');

	//Se establece la clase del div
   nDiv.className = 'archivo';

	//Se asigna un id al div, usando la variable numero se le asigna un id ?nico
   nDiv.id = 'file' + (++numero);

	//Se crea el input
   nCampo = document.createElement('input');

	/*Se le asigna un nombre al campo creado, este campo se nombra como vector porque todos los campos
	comparten el nombre en un arreglo, para facilitar el procesamiento con PHP*/
   nCampo.name = 'archivos[]';

	//Se establece que el campo es tipo file
   nCampo.type = 'file';

	//Creacion de un boton para elminar un campo que ya no se desee.
   a = document.createElement('input');

	//El boton debe tener el mismo nombre del div padre, para localizarla.
   a.name = nDiv.id;

   	//Se define que el input es de tipo button
   a.type = 'button';

	//Se define el texto que debe ir en el boton
   a.value = 'Eliminar';

   //Se define el estilo para el boton
   a.className = 'boton_small_pqr';

	//Establecemos que ejecute esta funcion en el evento onclick
   a.onclick = elimCamp;

	/* Se adiciona el campo file nuevo al div creado */
	nDiv.appendChild(nCampo);

	// Se adiciona el v?nculo al div creado
   nDiv.appendChild(a);

	/* Se adiciona la div creada al documento, pero en la div llamada 'adjuntos'*/
   container = document.getElementById('adjuntos');
   container.appendChild(nDiv);
}

//con esta funci?n eliminamos el campo cuyo v?nculo de eliminaci?n sea presionado
elimCamp = function (evt){
   evt = evento(evt);
   nCampo = rObj(evt);
   div = document.getElementById(nCampo.name);
   div.parentNode.removeChild(div);
}
//con esta funci?n recuperamos una instancia del objeto que disparo el evento
rObj = function (evt) {
   return evt.srcElement ?  evt.srcElement : evt.target;
}