//funcionesJS.js
//Funciones varias, sencillas, en javascript, por RL
   
   //Muestra un spinner en el div pasado como parámetro
   function esperando(divId){
      var div = document.getElementById(divId);
      div.innerHTML = "<div style='position:relative;text-align:center;vertical-align:middle'><img src='/webapp/images/spinner.gif' align='center' alt='Please wait...' style='height:16px;width:16px'/></div>";
      //setTimeout("ajustarOpacidad('"+divId+"',100)",1000);
   }
   function ajustarOpacidad(divId,valorPorcentual){
      var div = document.getElementById(divId);
      if(valorPorcentual <= 100 && valorPorcentual >= 0){
         div.style.opacity = (valorPorcentual/100);
      }
   }
   function enviarFormulario(idFormulario){
     document.getElementById(idFormulario).submit();
   }
   
   function cargarPagina(pagina){
      location.href=pagina
   }
   
	function setFocus(id){
		document.getElementById(id).focus();
	}
	//funciona para eliminar un registro de la tabla PEGATINAS únicamente, NO USAR
	function deleteRow(r,idTabla){
		var i=r.parentNode.parentNode.rowIndex;
		alert(i);
		document.getElementById(idTabla).deleteRow(i);
	}
	function deleteCell(cell,idFila){
		var indice = cell.parentNode.cellIndex;
		document.getElementById(idFila).deleteCell(indice);
		//alert(indice);
		var inputs = document.getElementsByTagName('input');
		if(inputs.length<48){
			mostrar('otraPegatina');
		}
	}	
		
	//Funcion que duplica un elemento y lo ubica dentro de otro, sumándose al contenido existente
	//La cadena sirve para renombrar los elementos que necesiten ser renombrados y debe llegar así: id="input-1"->se cambia por "input-2"
	function otraPegatina(idTabla){
	
	//esta variable debe corresponder con el HTML de la vista create
	var formHTML = "<table border='0'>";

        formHTML+="<tr><TD style='text-align:center;vertical-align:middle'>";
        formHTML+="Serial:";
        formHTML+="</TD>";
        formHTML+="<TD colspan='2'>";
        formHTML+="<input type='text' maxlength='50' id='serial-0' name='serial-0' style='width:150px'/>";
        formHTML+="</span>";
        formHTML+="</TD>";
        formHTML+="</tr>";

     	formHTML+="<TR><TD colspan='3' bgcolor='4c95aa'>Tipo de Equipo:</TD></tr><tr><TD colspan='3'>";
	formHTML+="<input type='radio' id='tipoEquipo-0' name='tipoEquipo-0' value='escritorio'>&nbsp;CPU&nbsp;&nbsp;";
	formHTML+="<input type='radio' id='tipoEquipo-0' name='tipoEquipo-0' value='portatil'>&nbsp;Laptop&nbsp;&nbsp;";
	formHTML+="<input type='radio' id='tipoEquipo-0' name='tipoEquipo-0' value='monitor'>&nbsp;Monitor&nbsp;&nbsp;";
        formHTML+="<input type='radio' id='tipoEquipo-0' name='tipoEquipo-0' value='consola'>&nbsp;Console&nbsp;&nbsp;";       
	formHTML+="<input type='radio' id='tipoEquipo-0' name='tipoEquipo-0' value='Otro'>&nbsp;Otro";
	formHTML+="</td><td>";
	formHTML+="</TD>";
	formHTML+="</TR>";

        formHTML+="<tr><TD colspan='3' bgcolor='4c95aa'>";
        formHTML+="Marca del Equipo:";
        formHTML+="</TD>";
        formHTML+="</tr>";
        formHTML+="<tr><TD>";
        formHTML+="<input type='radio' id='marcaEquipo-0' name='marcaEquipo-0' value='Hewlett P.'>&nbsp;Hewlett P.</TD>";
        formHTML+="<td>";
        formHTML+="<input type='radio' id='marcaEquipo-0' name='marcaEquipo-0' value='Compaq'>&nbsp;Compaq</td>";
        formHTML+="<td>";
        formHTML+="<input type='radio' id='marcaEquipo-0' name='marcaEquipo-0' value='Dell'>&nbsp;Dell";
        formHTML+="</td>";
        formHTML+="<tr><TD> ";
        formHTML+="<input type='radio' id='marcaEquipo-0' name='marcaEquipo-0' value='Sony'>&nbsp;Sony</TD>";
        formHTML+="<TD>";
        formHTML+="<input type='radio' id='marcaEquipo-0' name='marcaEquipo-0' value='Otro'>&nbsp;Otro</TD>";
        formHTML+="<TD>&nbsp;</TD>";
        formHTML+="</tr>";

        formHTML+="<tr><TD colspan='3' bgcolor='4c95aa'>";
        formHTML+="Observaciones:";
        formHTML+="</TD>";
        formHTML+="</tr>";
        formHTML+="<tr><TD colspan='3'>";
        formHTML+="<input type='text' id='descripcion-0' name='descripcion-0' style='width:240px'>";
        formHTML+="</TD>";
        formHTML+="</tr>";

        formHTML+="</table>";
        formHTML+="<span onclick='deleteCell(this,&#39;filaPegatinas&#39;)' style='cursor:pointer;color:red'>Eliminar</span>";
		
		//Setear con el número de campos que hay por form nueva pegatina
		var numCampos = 13;
		
		//Insertamos una nueva fila en la tabla con el contenido de formHTML
		/*
		var nuevaFila = document.getElementById(idTabla).insertRow(0);
		var registro = nuevaFila.insertCell(0);
		registro.innerHTML = formHTML;
		*/
		//Insertamos una nueva celda en la fila de pegatinas
		var nuevaCelda = document.getElementById('filaPegatinas').insertCell(0);
		nuevaCelda.innerHTML = formHTML;
		
		//Modificamos los id's de los inputs recién insertados
		var inputs = document.getElementsByTagName('input');
		if(inputs.length>=((numCampos-2)*4)){
			ocultar('otraPegatina');
		}
		else{
			mostrar('otraPegatina');
		}
		//11 es el valor mínimo(total) de inputs ->Nota, va a ser mejor cambiarlo por una variable
		if(inputs.length<=numCampos+1){
			var entero = 1;
		}
		else{
			var entero = parseInt(inputs[numCampos+2].name.split('-')[1])+1;
		}
		//alert(inputs.length+":numCampos    -     entero:"+entero);
		for(var i = 0; i < inputs.length; i++){
			var arrayInput = inputs[i].name.split('-');
			if(arrayInput.length > 1 && arrayInput[1]=='0'){ 
				inputs[i].name=arrayInput[0]+"-"+entero;
				inputs[i].id=arrayInput[0]+"-"+entero;
			}
		}
	}
   function hacerVisible(idElemento){
      var elemento = document.getElementById(idElemento);
      elemento.style.visibility = "visible";
   }
   function hacerInvisible(idElemento){
      var elemento = document.getElementById(idElemento);
      elemento.style.visibility = "hidden";
   }

	function mostrar(idElemento){
		var elemento = document.getElementById(idElemento);
		if(elemento){
         elemento.style.display = "block";
      }
	}
	function ocultar(idElemento){
		var elemento = document.getElementById(idElemento);
	   if(elemento){
         elemento.style.display = "none";
      }	
	}
	function mostrarOcultar(idElemento){
		var elemento = document.getElementById(idElemento);
		if(elemento){
         if(elemento.style.display == "none"){
            elemento.style.display = "block";
         }
         else{
            elemento.style.display = "none";
         }
      }
	}
	//funcion para añadir texto a un input o un textArea
	function agregarAInput(destino, valor){	
		document.getElementById(destino).value = document.getElementById(destino).value+valor;
	}
	
	//funcion para añadir texto a un input o un textArea
	function agregarAElemento(destino, valor){
		document.getElementById(destino).innerHTML = document.getElementById(destino).innerHTML+valor;
	}
	
	function setInputText(id,valor){
		document.getElementById(id).value = valor;
	}

	function setElemento(id,valor){
		document.getElementById(id).innerHTML = valor;
	}
	
	function eliminarCadenaDeInput(idInput,cadena){
		var cadenaOriginal = document.getElementById(idInput).value;
		return cadenaOriginal.replace(cadena,'')
	}

    function popup(direccion, pantallacompleta, herramientas, direcciones, estado, barramenu, barrascroll, cambiatamano, ancho, alto, izquierda, arriba, sustituir){
     var opciones = "fullscreen=" + pantallacompleta +
                 ",toolbar=" + herramientas +
                 ",location=" + direcciones +
                 ",status=" + estado +
                 ",menubar=" + barramenu +
                 ",scrollbars=" + barrascroll +
                 ",resizable=" + cambiatamano +
                 ",width=" + ancho +
                 ",height=" + alto +
                 ",left=" + izquierda +
                 ",top=" + arriba;
     var ventana = window.open(direccion,"venta",opciones,sustituir);

}