function changeTown(){
    if ($("#state").attr("value") != 0){
    
	    $("loading").html('loading...');
		$.post("/get_towns_"+$("#state").attr("value")+".html", {
			ajax: 'true'
		}, function(json_data){
	
			var obj 	= eval("(" + json_data + ")");
			var num 	= obj.towns.length;
	
			var options = "<option value=\"\">Selecciona...</option>" + "\n";
			for (var i = 0; i < num; i++) {
				options += '<option value=\"' + obj.towns[i].id + '\">' + obj.towns[i].name + '</option>' + "\n";
			}
			
			$("#town").html(options);
			$("#town").attr("disabled", false);
	
			$("#waiting_towns").html('');
		}, "JSON")
	}else{
		var options = "<option value=\"\">Selecciona...</option>" + "\n";
		$("#town").html(options);
		$("#town").attr("disabled", true);
	}
}


function loadStates (Pid){
    
	$.post("/get_states.html", {
		ajax: 'true'
	}, function(json_data){

		var obj 	= eval("(" + json_data + ")");
		var num 	= obj.states.length;

		var options = "<option value=\"\">Selecciona...</option>" + "\n";
		var sel = "";
		for (var i = 0; i < num; i++) {
			if (Pid == obj.states[i].id) sel = "selected"; else sel = "";
			options += '<option value=\"' + obj.states[i].id + '\" '+sel+'>' + obj.states[i].name + '</option>' + "\n";
		}
		
		$("#state").html(options);
	}, "JSON")
}


function loadServices (Pid){
    
	$.post("/get_services.html", {
		ajax: 'true'
	}, function(json_data){

		var obj 	= eval("(" + json_data + ")");
		var num 	= obj.services.length;

		var options = "<option value=\"\">Selecciona...</option>" + "\n";
		var sel = "";
		for (var i = 0; i < num; i++) {
			if (Pid == obj.services[i].id) sel = "selected"; else sel = "";
			options += '<option value=\"' + obj.services[i].id + '\" '+sel+'>' + obj.services[i].name + '</option>' + "\n";
		}
		
		$("#service").html(options);
	}, "JSON")
}


function loadTowns (Pid, Ptown){

	$.post("/get_towns_"+Pid+".html", {
		ajax: 'true'
	}, function(json_data){

		var obj 	= eval("(" + json_data + ")");
		var num 	= obj.towns.length;

		var options = "<option value=\"\">Selecciona...</option>" + "\n";
		for (var i = 0; i < num; i++) {
			if (Ptown == obj.towns[i].id) sel = "selected"; else sel = "";
			options += '<option value=\"' + obj.towns[i].id + '\" '+sel+'>' + obj.towns[i].name + '</option>' + "\n";
		}
		
		$("#town").html(options);
		$("#town").attr("disabled", false);
	}, "JSON")
}