// variables iniciales

var nsucursales = 0;
var nrepresentantes = 0;

// Busqueda de elementos en la pagina

function encontrar_elemento (item) {
   if( window.mmIsOpera ) return(document.getElementById(item));
   if (document.all) return document.all[item];
   if (document.getElementById) return(document.getElementById(item));
   return(false);
}

// Sucursal(es)

function agregar_sucursal() {
   asis            = encontrar_elemento ("sucursales");
   formulario      = encontrar_elemento ("datos");
   
	// reconocer IE por setAttribute "className"
	if(navigator.appVersion.indexOf("MSIE") != -1) var IE = true;

   if (asis && formulario) {
      nsucursales++;
      // Se agrega el div
      nueva_sucursal = document.createElement('div');
      asis.appendChild (nueva_sucursal);
      nueva_sucursal.id = "sucursal_"+nsucursales;

	  tabla = "<table width='700' border='0' cellpadding='0' cellspacing='0' class='noticia_bajada'><tr><td height='14' colspan='5' align='left' valign='top'class='noticia_titulo_listado_altas_4'>Sucursal "+nsucursales+"</td></tr><tr><td height='14' colspan='5' align='left' valign='top'>&nbsp;</td></tr><tr><td width='220' height='14' align='left' valign='top'><table width='220' border='0' cellpadding='0' cellspacing='0'><tr><td width='90' height='18' class='nombre_campos_2'>Calle</td></tr><tr><td id='td_calle_"+nsucursales+"'></td></tr><tr><td height='5'></td></tr></table></td><td width='20'></td><td width='220' align='left' valign='top'><table width='220' border='0' cellpadding='0' cellspacing='0'><tr><td width='90' height='18' class='nombre_campos_2'>Comuna</td></tr><tr><td id='td_comuna_"+nsucursales+"'></td></tr><tr><td height='5'></td></tr></table></td><td width='20' align='left' valign='top'>&nbsp;</td><td width='220' align='left' valign='top'><table width='220' border='0' cellpadding='0' cellspacing='0'><tr><td width='90' height='18' class='nombre_campos_2'>Ciudad</td></tr><tr><td id='td_ciudad_"+nsucursales+"'></td></tr><tr><td height='5'></td></tr></table></td></tr><tr><td height='14' colspan='5'></td></tr><tr><td width='220' height='14' align='left' valign='top'><table width='220' border='0' cellpadding='0' cellspacing='0'><tr><td width='90' height='18' class='nombre_campos_2'>Contacto</td></tr><tr><td id='td_contacto_"+nsucursales+"'></td></tr><tr><td height='5'></td></tr></table></td><td width='20'></td><td width='220' align='left' valign='top'><table width='220' border='0' cellpadding='0' cellspacing='0'><tr><td width='90' height='18' class='nombre_campos_2'>Tel&eacute;fono</td></tr><tr><td id='td_telefono_"+nsucursales+"'></td></tr><tr><td height='5'></td></tr></table></td><td width='20' align='left' valign='top'>&nbsp;</td><td width='220' align='left' valign='top'><table width='220' border='0' cellpadding='0' cellspacing='0'><tr><td width='90' height='18' class='nombre_campos_2'>E-mail</td></tr><tr><td id='td_email_"+nsucursales+"'></td></tr><tr><td height='5'></td></tr></table></td></tr><tr><td height='14' colspan='5'>&nbsp;</td></tr></table>";

      nueva_sucursal.innerHTML = tabla;

      // Se agregan los campos del formulario. Primero se debe agregar al formulario y después a la celda, sino
      // aparece el campo al final de la tabla y no dentro de la celda

      texto = document.createElement("input");
      texto.setAttribute('type', 'text');
      texto.setAttribute('name', 'campo_requeridoCalle_sucursal_'+nsucursales);
      texto.setAttribute('id', 'campo_requeridoCalle_sucursal_'+nsucursales);
      if(IE) texto.setAttribute('className', 'campo_contacto_3');
      else texto.setAttribute('class', 'campo_contacto_3');
      celda = encontrar_elemento ('td_calle_'+nsucursales);
      formulario.appendChild(texto);
      celda.appendChild(texto);

      texto = document.createElement("input");
      texto.setAttribute('type', 'text');
      texto.setAttribute('name', 'campo_requeridoComuna_sucursal_'+nsucursales);
      texto.setAttribute('id', 'campo_requeridoComuna_sucursal_'+nsucursales);
      if(IE) texto.setAttribute('className', 'campo_contacto_3');
      else texto.setAttribute('class', 'campo_contacto_3');
      celda = encontrar_elemento ('td_comuna_'+nsucursales);
      formulario.appendChild(texto);
      celda.appendChild(texto);

      texto = document.createElement("input");
      texto.setAttribute('type', 'text');
      texto.setAttribute('name', 'campo_requeridoCiudad_sucursal_'+nsucursales);
      texto.setAttribute('id', 'campo_requeridoCiudad_sucursal_'+nsucursales);
      if(IE) texto.setAttribute('className', 'campo_contacto_3');
      else texto.setAttribute('class', 'campo_contacto_3');
      celda = encontrar_elemento ('td_ciudad_'+nsucursales);
      formulario.appendChild(texto);
      celda.appendChild(texto);

      texto = document.createElement("input");
      texto.setAttribute('type', 'text');
      texto.setAttribute('name', 'campo_requeridoContacto_sucursal_'+nsucursales);
      texto.setAttribute('id', 'campo_requeridoContacto_sucursal_'+nsucursales);
      if(IE) texto.setAttribute('className', 'campo_contacto_3');
      else texto.setAttribute('class', 'campo_contacto_3');
      celda = encontrar_elemento ('td_contacto_'+nsucursales);
      formulario.appendChild(texto);
      celda.appendChild(texto);

      texto = document.createElement("input");
      texto.setAttribute('type', 'text');
      texto.setAttribute('name', 'campo_requeridoTelefono_sucursal_'+nsucursales);
      texto.setAttribute('id', 'campo_requeridoTelefono_sucursal_'+nsucursales);
      if(IE) texto.setAttribute('className', 'campo_contacto_3');
      else texto.setAttribute('class', 'campo_contacto_3');
      celda = encontrar_elemento ('td_telefono_'+nsucursales);
      formulario.appendChild(texto);
      celda.appendChild(texto);

      texto = document.createElement("input");
      texto.setAttribute('type', 'text');
      texto.setAttribute('name', 'campo_requeridoEmail_sucursal_'+nsucursales);
      texto.setAttribute('id', 'campo_requeridoEmail_sucursal_'+nsucursales);
      if(IE) texto.setAttribute('className', 'campo_contacto_3');
      else texto.setAttribute('class', 'campo_contacto_3');
      celda = encontrar_elemento ('td_email_'+nsucursales);
      formulario.appendChild(texto);
      celda.appendChild(texto);
   }
}

function borrar_sucursal () {
   if (nsucursales > 0) {
      asiss = encontrar_elemento ("sucursales");
      asis  = encontrar_elemento ("sucursal_"+nsucursales);
      if (asiss && asis) {
         asiss.removeChild (asis);
         nsucursales--;
         return true;
      }
      else {
         return false;
      }
   }
   else
      return false;
}

// Representantes

function agregar_representante() {
   asis            = encontrar_elemento ("representantes");
   formulario      = encontrar_elemento ("datos");
   
	// reconocer IE por setAttribute "className"
	if(navigator.appVersion.indexOf("MSIE") != -1) var IE = true;

   if (asis && formulario) {
      nrepresentantes++;
      // Se agrega el div
      nuevo_representante = document.createElement('div');
      asis.appendChild (nuevo_representante);
      nuevo_representante.id = "representante_"+nrepresentantes;

	  tabla = "<table width='700' border='0' cellpadding='0' cellspacing='0' class='noticia_bajada'><tr><td width='220' height='14' align='left' valign='top'><table width='220' border='0' cellpadding='0' cellspacing='0'><tr><td width='90' height='18' class='nombre_campos_2'>Nombre</td></tr><tr><td id='td_nombre_"+nrepresentantes+"'></td></tr><tr><td height='5'></td></tr></table></td><td width='20'></td><td width='220' align='left' valign='top'><table width='220' border='0' cellpadding='0' cellspacing='0'><tr><td width='90' height='18' class='nombre_campos_2'>Cargo</td></tr><tr><td id='td_cargo_"+nrepresentantes+"'></td></tr><tr><td height='5'></td></tr></table></td><td width='20' align='left' valign='top'>&nbsp;</td><td width='220' align='left' valign='top'><table width='220' border='0' cellpadding='0' cellspacing='0'><tr><td width='90' height='18' class='nombre_campos_2'>RUT</td></tr><tr><td id='td_rut_"+nrepresentantes+"'></td></tr><tr><td height='5'></td></tr></table></td></tr><tr><td height='14' colspan='5'></td></tr></table>";

      nuevo_representante.innerHTML = tabla;

      // Se agregan los campos del formulario. Primero se debe agregar al formulario y después a la celda, sino
      // aparece el campo al final de la tabla y no dentro de la celda

      texto = document.createElement("input");
      texto.setAttribute('type', 'text');
      texto.setAttribute('name', 'campo_requeridoNombre_representante_'+nrepresentantes);
      texto.setAttribute('id', 'campo_requeridoNombre_representante_'+nrepresentantes);
      if(IE) texto.setAttribute('className', 'campo_contacto_3');
      else texto.setAttribute('class', 'campo_contacto_3');
      celda = encontrar_elemento ('td_nombre_'+nrepresentantes);
      formulario.appendChild(texto);
      celda.appendChild(texto);

      texto = document.createElement("input");
      texto.setAttribute('type', 'text');
      texto.setAttribute('name', 'campo_requeridoCargo_representante_'+nrepresentantes);
      texto.setAttribute('id', 'campo_requeridoCargo_representante_'+nrepresentantes);
      if(IE) texto.setAttribute('className', 'campo_contacto_3');
      else texto.setAttribute('class', 'campo_contacto_3');
      celda = encontrar_elemento ('td_cargo_'+nrepresentantes);
      formulario.appendChild(texto);
      celda.appendChild(texto);

      texto = document.createElement("input");
      texto.setAttribute('type', 'text');
      texto.setAttribute('name', 'campo_requeridoRut_representante_'+nrepresentantes);
      texto.setAttribute('id', 'campo_requeridoRut_representante_'+nrepresentantes);
      if(IE) texto.setAttribute('className', 'campo_contacto_3');
      else texto.setAttribute('class', 'campo_contacto_3');
      celda = encontrar_elemento ('td_rut_'+nrepresentantes);
      formulario.appendChild(texto);
      celda.appendChild(texto);
   }
}

function borrar_representante () {
   if (nrepresentantes > 0) {
      asiss = encontrar_elemento ("representantes");
      asis  = encontrar_elemento ("representante_"+nrepresentantes);
      if (asiss && asis) {
         asiss.removeChild (asis);
         nrepresentantes--;
         return true;
      }
      else {
         return false;
      }
   }
   else
      return false;
}


// Agrega los campos dinamicamente de acuerdo a la cantidad de sucursal(es) indicadas

function campos_dinamicos_sucursales (total_sucursales) {

	valor = total_sucursales.value;
	valor = parseInt(valor);

	if (isNaN(valor) || valor < 0)
		{
		total_sucursales.value = nsucursales;
		}
	else
		{	
		if (total_sucursales.value < nsucursales)
			{
			diferencia = nsucursales - total_sucursales.value;
			for (i = 0; i < diferencia; i++)
				borrar_sucursal();
			}
		else
			{
			diferencia = total_sucursales.value - nsucursales;
			for (i = 0; i < diferencia; i++)
				agregar_sucursal();
			}
		}
}

// Agrega los campos dinamicamente de acuerdo a la cantidad de representante(s) indicadas

function campos_dinamicos_representantes (total_representantes) {

	valor = total_representantes.value;
	valor = parseInt(valor);

	if (isNaN(valor) || valor < 0)
		{
		total_representantes.value = nrepresentantes;
		}
	else
		{	
		if (total_representantes.value < nrepresentantes)
			{
			diferencia = nrepresentantes - total_representantes.value;
			for (i = 0; i < diferencia; i++)
				borrar_representante();
			}
		else
			{
			diferencia = total_representantes.value - nrepresentantes;
			for (i = 0; i < diferencia; i++)
				agregar_representante();
			}
		}
}

// Esta funcion devuelve un numero con numeracion de miles (.)

function formatNmb(nNmb){ 
    var sRes = ""; 
    for (var j, i = nNmb.length - 1, j = 0; i >= 0; i--, j++) 
     sRes = nNmb.charAt(i) + ((j > 0) && (j % 3 == 0)? ".": "") + sRes; 
    return sRes; 
} 

