/*
DEPENDENCIAS:
Necesita la clase PHP "combos_dependientes.class.php" que genera cada contenedor con el combo "hijo" para
cada opcion del combo padre.

DESCRIPCION:
Realiza el reemplazo de un combo dependiente de la opcion elegida en otro.


UTILIZACION:
<select name="[nombre combo padre]" onchange="combo_dependiente('[nombre combo dependiente]', this)">
	<option value="valor 1">opcion 1</option>
	<option value="valor 2">opcion 2</option>
</select>

<div id="[nombre combo dependiente]_dependiente">
	[contenido anterior a la eleccion de una opcion en el combo padre]
</div>



EJEMPLO FORMATO DE RESULTADO:
(El contenedor dependiente quedara de la siguiente manera)
<div id="[nombre combo dependiente]_dependiente">
	<select id="[nombre como dependiente]" name="[nombre combo dependiente]">
		<option value="abc">abc</option>
		<option value="def">def</option>
		<option value="ghi">ghi</option>
	</select>
</div>


*/

function combo_dependiente(id_combo_dependiente, objeto_padre) {
	var id_combo_dependiente;
	var objeto_padre;
	
	// Si hay un contenedor de opciones para el valor seleccionado del objeto padre se asigna su contenido
	// al contenedor dependiente, si no asigno un combo vacio.
	if (document.getElementById("contenido_" + id_combo_dependiente + "_" + objeto_padre.value)) {
		// Asignacion del combo dependiente que corresponda a la opcion elegida en el objeto padre.
		document.getElementById(id_combo_dependiente + "_dependiente").innerHTML = document.getElementById("contenido_" + id_combo_dependiente + "_" + objeto_padre.value).innerHTML;
		
		// Asignacion de un atributo ID y un atributo NAME al SELECT asignado al contenedor dependiente.
		document.getElementById(id_combo_dependiente + "_dependiente").firstChild.setAttribute("name", id_combo_dependiente);
		document.getElementById(id_combo_dependiente + "_dependiente").firstChild.setAttribute("id", id_combo_dependiente);
	} else {
		// Asignacion de un combo vacio.
		document.getElementById(id_combo_dependiente + "_dependiente").innerHTML = document.getElementById("contenido_" + id_combo_dependiente + "_vacio").innerHTML;
	}
}