$(document).ready(function() {
  /*$("#estado").change(function() {
	  var destino = $(this).val();
	  $(window.location).attr('href',"/desarrollos/estado/"+destino);
  });
  
   $("#desarrollo").change(function() {
	  var destino = $(this).val();
	  $(window.location).attr('href',"/desarrollos/nombre/"+destino);
  });*/
	
	// Para obtener e URL correcto a donde se enviarta el request:
	var siteUrl = $('#siteUrl').text();
  
  	$('#estado').change(function(){
		var valor = $(this).val();
		$('#desarrollo').find('option').remove();
		$('#desarrollo').attr('disabled', true).css({opacity:0.8})
		$('#desarrollo').append($("<option></option>").attr("value","none").text("Espere un momento..."));
		
		$.ajax({
			url: siteUrl+"/desarrollos/porEstado",
			type: "POST",
			data: "estado="+valor,
			dataType: "json",
			success: function(data){
				var resultado = eval(data);
				var cuantos = data.length;
				
				if(cuantos == 0){
					$('#desarrollo').find('option').remove();
					$('#desarrollo').append($("<option></option>").attr("value","none").text("Sin desarrollos"));
				} else{
					$('#desarrollo').find('option').remove();
					$('#desarrollo').attr('disabled', false).css({opacity:1})
					$('#desarrollo').append($("<option></option>").attr("value",0).text("Seleccione un desarrollo"));
					$.each(resultado, function(index, key) {
						$('#desarrollo').append($("<option></option>").attr("value",key.slug).text(key.nombre));
					});
				}
			},
			error: function (request, status, error) {
				alert(request.responseText);
			}
		});
		
		/*
		$.post(siteUrl+"/desarrollos/porEstado/", { "estado": valor }, function(data){
			//alert("Data Loaded: " + data);
			var resultado = eval(data);
			var cuantos = resultado.length;
						
			$('#desarrollo').find('option').remove();
			
			if(cuantos == 0){
				$('#desarrollo').append($("<option></option>").attr("value","none").text("Sin desarrollos"));
			} else{
				$('#desarrollo').attr('disabled', false).css({opacity:1})
				$('#desarrollo').append($("<option></option>").attr("value",0).text("Seleccione un desarrollo"));
				$.each(resultado, function(index, key) {
					$('#desarrollo').append($("<option></option>").attr("value",key.slug).text(key.nombre));
				});
			}
		});*/
	});
	
	$("#desarrollo").change(function() {
		var destino = $(this).val();
		$(window.location).attr('href',siteUrl+"/desarrollos/nombre/"+destino);
	});
});