// JavaScript Document
$(document).ready(function(){

	$("select").change(function(){

		// Vector para saber cuál es el siguiente combo a llenar

		var combos = new Array();

		combos['estado'] = "municipio";

		combos['municipio'] = "especialidad";
		
		combos['edo'] = "esp";

		// Tomo el nombre del combo al que se le a dado el clic por ejemplo: estado

		posicion = $(this).attr("name");

		// Tomo el valor de la opción seleccionada 

		valor = $(this).val()		

		// Evaluó  que si es estado y el valor es 0, vacié los combos de estado y especialidad

		if(posicion == 'estado' && valor==0){

			$("#municipio").html('	<option class="txt_parrafo_11" value="0" selected="selected">Todos...</option>')

			$("#especialidad").html('	<option class="txt_parrafo_11" value="0" selected="selected">Todos...</option>')

		}else{

		/* En caso contrario agregado el letreo de cargando a el combo siguiente

		Ejemplo: Si seleccione estado voy a tener que el siguiente según mi vector combos es: municipio  por qué  combos [estado] = municipio

			*/

			$("#"+combos[posicion]).html('<option class="txt_parrafo_11" selected="selected" value="0">Cargando ...</option>')

			/* Verificamos si el valor seleccionado es diferente de 0 y si el combo es diferente de ciudad, esto porque no tendría caso hacer la consulta a ciudad porque no existe un combo dependiente de este */

			if(valor!="0" || posicion !='especialidad'){

			// Llamamos a pagina de combos.php donde ejecuto las consultas para llenar los combos

				$.post("combos.php",{

									combo:$(this).attr("name"), // Nombre del combo

									id:$(this).val() // Valor seleccionado

									},function(data){

													$("#"+combos[posicion]).html(data);	//Tomo el resultado de pagina e inserto los datos en el combo indicado																				

													})												

			}

		}

	})		

})