function desplegarRutas(id, imagen, idioma) {		
	var oGrupo = document.getElementById("grupor_"+id);
	var oLista = document.getElementById("listar_"+id);
	if (oGrupo.className.indexOf("activo") != -1) {
		oGrupo.className = oGrupo.className.replace("activo", "");
		oLista.className = oLista.className.replace("visible", "oculto");
		imagen.src='pages/img/'+idioma+'/aplicaciones/iconMostrar.gif';
		
	} else {
		oGrupo.className = oGrupo.className + " activo";
		oLista.className = oLista.className.replace("oculto", "visible");
		imagen.src='pages/img/'+idioma+'/aplicaciones/iconOcultar.gif';
	}			
}	

function inicializarListado() {
	visibilidadListas('listarutas');
	visibilidadListaActiva('listarutas activo');	
}

function visibilidadListas(clsName) {
	var aListas = getElementsByClassName(clsName,'li');
	for (var i=0; i < aListas.length; i++) {
		var iLista = aListas[i];
		var sId = iLista.id;
		var aGrupo = sId.split("_");
		if (aGrupo.length == 2) {
			var eLista = document.getElementById("listar_" + aGrupo[1]);
			if (eLista) eLista.className = eLista.className.replace("visible", "oculto");
			var eImagen = document.getElementById("imggrupor_" + aGrupo[1]);
			if (eImagen) eImagen.className = eImagen.className.replace("icono", "");
		}
	}
}

function visibilidadListaActiva(clsName) {
	var aListas = getElementsByClassName(clsName,'li');
	for (var i=0; i < aListas.length; i++) {
		var iLista = aListas[i];
		var sId = iLista.id;
		var aGrupo = sId.split("_");
		if (aGrupo.length == 2) {
			var eImagen = document.getElementById("imggrupor_" + aGrupo[1]);
			if (eImagen) eImagen.className = eImagen.className.replace("icono", "");
		}
	}
}

function getElementsByClassName(clsName,htmltag){ 
	var arr = new Array(); 
	var elems = document.getElementsByTagName(htmltag);
	for ( var cls, i = 0; ( elem = elems[i] ); i++ ) {
		if ( elem.className == clsName ){
			arr[arr.length] = elem;
		}
	}
	return arr;
}