$(document).ready(function() {
    $("#tipoOperacaoCompra").click(function() {
        ObtemFaixaValores(0);

        $("#statusObra").html(optsEstagioObra);
    });

    $("#tipoOperacaoAluguel").click(function() {
        ObtemFaixaValores(1);

        $("#statusObra").html("<option value='Finalizada'>Pronto</option>");
    });

    $("#tipoImovel1").change(TipoImovelChanged);

    //BUSCA---------------------------------------

    $("#procurar").click(function() {
        var tipoOperacaoValor = $('input[name=tipoOperacao]:checked').val();
        var url = pathROOT + "BuscaCompleta.aspx?pagina=0&tipoOperacao=" + tipoOperacaoValor + "&tipoImovel1=" + $("#tipoImovel1").val() + "&tipoImovel2=" + $("#tipoImovel2").val() + "&valor=" + $("#faixaValor").val() + "&uf=" + $("#uf").val() + "&qtQuartos1=" + $("#qtQuartos1").val() + "&qtQuartos2=" + $("#qtQuartos2").val() + "&statusObra=" + $("#statusObra").val();
        var cidadeValor = $("#cidade").val();
        if (cidadeValor != '') {
            url += "&cidade=" + cidadeValor;
        }
        var bairro1Valor = $("#bairro1").val();
        if (bairro1Valor != '') {
            url += "&bairro1=" + bairro1Valor;
        }
        var bairro2Valor = $("#bairro2").val();
        if (bairro2Valor != '') {
            url += "&bairro2=" + bairro2Valor;
        }
        window.location = url;

        return false;

    });
    ///FIM-----------------------------------------

    $("#uf").change(function() {
        selecionaEstado($(this).val());
    });

    $("#cidade").change(CidadeChanged);

    $("#abaBuscaCompleta").click(function() {
        $(this).removeClass("buscaCompAbaOff").addClass("buscaCompAbaOn");
        $("#abaBuscaMapa").removeClass("buscaMapaAbaOn").addClass("buscaMapaAbaOff");
        $("#formBuscaCompleta").show();
        $("#formBuscaMapa").hide();
        return false;
    });

    $("#abaBuscaMapa").click(function() {
        $(this).removeClass("buscaMapaAbaOff").addClass("buscaMapaAbaOn");
        $("#abaBuscaCompleta").removeClass("buscaCompAbaOn").addClass("buscaCompAbaOff");
        $("#formBuscaCompleta").hide();
        $("#formBuscaMapa").show();
        return false;
    });

    $("#qtQuartos1").change(function() {
        QtQuartos1Changed($(this).val() != "");
    });

    $("#bairro1").change(function() {
        Bairro1Changed($(this).val() != "");
    });
});

function TipoImovelChanged() {
    $("#tipoImovel2 option").remove();

    $.get(pathROOT + "RestService.aspx", { tipo: $("#tipoImovel1").val(), cmd: "ObtemTipoImovel" }, function(retorno) {

        $("#tipoImovel2").append(retorno);
    });
}

function CidadeChanged() {
    if ($("#cidade").val() != "") {
        $("#bairro1 option").remove();
        $("#bairro1")
			.append("<option value=''>Carregando</option>")
			.removeClass("inputOn")
			.addClass("inputOff")
			.attr("disabled", false);

        $("#bairro2 option").remove();
        $("#bairro2")
			.append("<option value=''>2ª opção</option>")
			.removeClass("inputOn")
			.addClass("inputOff")
			.attr("disabled", true);				    
       
        $.get(pathROOT + "RestService.aspx", { cidade: $("#cidade").val(), cmd: "ObtemBairros", tipoOperacaoValor: $('input[name=tipoOperacao]:checked').val(), tipoImovel1: $("#tipoImovel1").val(), tipoImovel2: $("#tipoImovel2").val(), valor: $("#faixaValor").val(), quarto1: $("#qtQuartos1").val(), quarto2: $("#qtQuartos2").val(), statusObra: $("#statusObra").val() }, function(retorno) {
            $("#bairro1 option").remove();

            $("#bairro1").append("<option value=''>1ª opção</option>");

            if (retorno.length > 0) {
                $("#bairro1")
					.removeClass("inputOff")
					.addClass("inputOn")
					.append(retorno);
            }
        });
    }
    else {
        $("#bairro1 option").remove();
        $("#bairro1")
			.attr("disabled", true)
			.removeClass("inputOn")
			.addClass("inputOff")
			.append("<option value=''>1ª opção</option>");

        $("#bairro2 option").remove();
        $("#bairro2")
			.append("<option value=''>2ª opção</option>")
			.removeClass("inputOn")
			.addClass("inputOff")
			.attr("disabled", true);

        Bairro1Changed(false);
    }
}

function selecionaEstado(estado) {
    $("#cidade option").remove();
    $("#cidade").append("<option value=''>Carregando</option>");

    $("#bairro1 option").remove();
    $("#bairro2 option").remove();
    $("#bairro1").append("<option value=''>1ª opção</option>");
    $("#bairro2").append("<option value=''>2ª opção</option>");

    $("#cidade").removeClass("inputOn").addClass("inputOff");

    $("#bairro1").removeClass("inputOn").addClass("inputOff");
    $("#bairro2").removeClass("inputOn").addClass("inputOff");

    $.get(pathROOT + "RestService.aspx", { uf: estado, cmd: "ObtemCidades" }, function(retorno) {

        $("#cidade option").remove();
        $("#cidade").append("<option value=''>Indiferente</option>");

        if (retorno.length > 0) {

            $("#cidade")
				.removeClass("inputOff")
				.addClass("inputOn")
				.append(retorno);
        }

        CidadeChanged();
    });
}

function ObtemFaixaValores(tipo) {

    $("#faixaValor option").remove();

    $.get(pathROOT + "RestService.aspx", { tipo: tipo, cmd: "ObtemFaixaValor" }, function(retorno) {

        $("#faixaValor").append("<option value=''>Indiferente</option>");

        var valores = retorno.split('#');
        for (var j = 0; j < valores.length; j++) {
            var valor = valores[j].split('|');
            $("#faixaValor").append("<option value='" + valor[0] + "'>" + valor[1] + "</option>");
        }
    });
}

function QtQuartos1Changed(mostra2) {
    if (mostra2) {
        $("#qtQuartos2")
			.removeClass("inputOff")
			.addClass("inputOn")
			.attr("disabled", "");
    }
    else {
        $("#qtQuartos2").val('');
        $("#qtQuartos2")
			.removeClass("inputOn")
			.addClass("inputOff")
			.attr("disabled", "disabled");
    }
}

function Bairro1Changed(mostra2) {
    if (mostra2) {
        $("#bairro2")
			.removeClass("inputOff")
			.addClass("inputOn")
			.attr("disabled", false);

        $("#bairro2 option").remove();

        $("#bairro2").append("<option value=''>2ª opção</option>");

        $("#bairro1 option:not(:selected,:eq(0))").each(function(i, n) {
            $("#bairro2").append($(n).clone());
        });
    }
    else {
        $("#bairro2").val('');
        $("#bairro2")
			.removeClass("inputOn")
			.addClass("inputOff")
			.attr("disabled", true);
    }
}