var lineas=new Array();
var cont=0;
var name="dependencias";
var propertyId="idDependencia";
var propertyNombre="nombre";
var inicioTabla="<table width='100%'><tr><td width='15%' class='subtttabla' align='center'>Clave</td><td width='70%' class='subtttabla' align='center'>Nombre</td><td width='15%' class='subtttabla' align='center'>Acci&oacute;n</td></tr>";
var finTabla="</table>";
var divTabla;


function init(nombreCampo,propertyIdDependencia,propertyNombreDependencia,divParaTabla){
	name=nombreCampo;
	proeprtyId=propertyIdDependencia;
	propertyNombre=propertyNombreDependencia;
	divTabla=divParaTabla;
}
function agregarDependencia(idDependencia,nombreDependencia){
	if(!existeDependencia(idDependencia)){
		lineas[cont]=new Array();
		lineas[cont][0]=idDependencia;
		lineas[cont][1]=nombreDependencia;
		cont++;
		generaTabla();
	}
}

function quitarDependencia(index){
	lineas[index][0]="";
	lineas[index][1]="";
	generaTabla();
}

function generaTabla(){
	var temp="";
	var contTemp=0;
	for(i=0;i<cont;i++){
		if(lineas[i][0]!=""){
			temp+="<tr><td class='contentabla' width='15%'>";
			temp+="<input type='hidden' name='"+name+"["+contTemp+"]."+propertyId+"' value='"+lineas[i][0]+"'> "+lineas[i][0]+"</td>";
			temp+="<td class='contentabla' width='75%'><input type='hidden' name='"+name+"["+contTemp+"]."+propertyNombre+"' value='"+lineas[i][1]+"'> "+lineas[i][1]+"</td>";
			temp+="<td class='contentabla' style='text-align: center' width='10%'><img style='cursor:pointer;' onclick='quitarDependencia("+i+");' src='../resources/images/icon_eliminar.gif' alt='Eliminar' width='19' height='17'></td>";
			contTemp++;
		}
	}
	var	tabla_=inicioTabla+temp+finTabla;
	document.getElementById(divTabla).innerHTML=tabla_;
}

function existeDependencia(idDependencia){
	for(i=0;i<lineas.length;i++){
		if(lineas[i][0]==idDependencia){
			return true;
		}
	}
	return false;
}

function agregarDependenciaId(idDependencia,nombreDependencia){
	lineas[cont]=new Array();
	lineas[cont][0]=idDependencia;
	lineas[cont][1]=nombreDependencia;
	cont++;
	generaHiddenDependencia();
}

function generaHiddenDependencia(){
	var temp="";
	var contTemp=0;
	for(i=0;i<cont;i++){
		if(lineas[i][0]!=""){
			temp+="<input type='hidden' name='"+name+"["+contTemp+"]."+propertyId+"' value='"+lineas[i][0]+"'/>";
			contTemp++;
		}
	}
	document.getElementById('divHiddenDep').innerHTML=temp;
}