﻿/// <reference path="jquery-1.4.4.min.js" />


var Gsp = function () {
    var listaImoveis = "",
        listaNoticias = "",
        listaImagens = "",
        idMapa = 0,
        existeRota = false,
        map = [],
        center,
        directionsService = [],
        rotaTrajeto = [],
        markersEmpreendimentos = [],
        msgAjax = { "noCount": "<p class='no-result'>Nenhuma informação foi encontrada.</p>" };

    //Monta o html com a lista de loteamentos
    MontaConteudoMiolo = function (infos) {
        var tudoVendido = "";
        var ultimosLotes = "";

        if (infos[7]) {
            tudoVendido = "<img style='display: block;' src='/imagens/imgTudoVendido.png' alt='100% vendido' title='100% vendido' width='233' height='45' class='imgTudoVendido' />";
        }

        if (infos[8]) {
            ultimosLotes = "<img style='display: block;' src='/imagens/imgUltimoslotes.png' alt='100% vendido' title='100% vendido' width='233' height='45' class='imgUltimosLotes' />";
        }

        if (infos[9]) {
            ultimosLotes = "<img style='display: block;' src='/imagens/imgSegundaFaseVendas.png' alt='' title='100% vendido' width='233' height='45' class='imgUltimosLotes' />";
        }

        listaImoveis += "<li>" +
                        "<h6>" + infos[0] + "</h6>" +
                        "<a href='/loteamentos" + infos[6] + "' class='lnkImagemLoteamento'>" +
                        "<div class='faixas'>" +
                        tudoVendido +
                        ultimosLotes +
                        "</div>" +
                        "<img style='display: block; border: 0px solid blue;' src='" + infos[2] + "' alt='" + infos[0] + "' title='" + infos[0] + "' width='176' height='155' />" +
                        "</a>" +
                        "<div class='clear'></div>" +
                        "<small>" +
                        "<span class='bold'>" + infos[3] + "</span>" +
                        "<span>" + infos[4] + "</span>" +
                        "<span>" + infos[5] + "</span>" +
                        "</small>" +
                        "<div class='saibamais right'><a href='/loteamentos" + infos[6] + "'>saiba mais</a></div>" +
                        "</li>";
    }

    MontaConteudoMioloEnUs = function (infos) {
        var tudoVendido = "";
        var ultimosLotes = "";

        if (infos[7]) {
            tudoVendido = "<img style='display: block;' src='/imagens/imgTudoVendido.png' alt='100% vendido' title='100% vendido' width='233' height='45' class='imgTudoVendido' />";
        }

        if (infos[8]) {
            ultimosLotes = "<img style='display: block;' src='/imagens/imgUltimoslotes.png' alt='100% vendido' title='100% vendido' width='233' height='45' class='imgUltimosLotes' />";
        }

        if (infos[9]) {
            ultimosLotes = "<img style='display: block;' src='/imagens/imgSegundaFaseVendas.png' alt='' title='100% vendido' width='233' height='45' class='imgUltimosLotes' />";
        }

        listaImoveis += "<li>" +
                        "<h6>" + infos[0] + "</h6>" +
                        "<a href='/loteamentos" + infos[6] + "' class='lnkImagemLoteamento'>" +
                        "<div class='faixas'>" +
                        tudoVendido +
                        ultimosLotes +
                        "</div>" +
                        "<img src='" + infos[2] + "' alt='" + infos[0] + "' title='" + infos[0] + "' width='176' height='155' />" +
                        "</a>" +
                        "<div class='clear'></div>" +
                        "<small>" +
                        "<span class='bold'>" + infos[3] + "</span>" +
                        "<span>" + infos[4] + "</span>" +
                        "<span>" + infos[5] + "</span>" +
                        "</small>" +
                        "<div class='saibamaisEnUs right'><a href='/loteamentos" + infos[6] + "'>saiba mais</a></div>" +
                        "</li>";
    }

    MontaConteudoMioloEs = function (infos) {
        var tudoVendido = "";
        var ultimosLotes = "";

        if (infos[7]) {
            tudoVendido = "<img style='display: block;' src='/imagens/imgTudoVendido.png' alt='100% vendido' title='100% vendido' width='233' height='45' class='imgTudoVendido' />";
        }

        if (infos[8]) {
            ultimosLotes = "<img style='display: block;' src='/imagens/imgUltimoslotes.png' alt='100% vendido' title='100% vendido' width='233' height='45' class='imgUltimosLotes' />";
        }

        if (infos[9]) {
            ultimosLotes = "<img style='display: block;' src='/imagens/imgSegundaFaseVendas.png' alt='' title='100% vendido' width='233' height='45' class='imgSegundaFaseVendas' />";
        }

        listaImoveis += "<li>" +
                        "<h6>" + infos[0] + "</h6>" +
                        "<a href='/loteamentos" + infos[6] + "' class='lnkImagemLoteamento'>" +
                        "<div class='faixas'>" +
                        tudoVendido +
                        ultimosLotes +
                        "</div>" +
                        "<img src='" + infos[2] + "' alt='" + infos[0] + "' title='" + infos[0] + "' width='176' height='155' />" +
                        "</a>" +
                        "<div class='clear'></div>" +
                        "<small>" +
                        "<span class='bold'>" + infos[3] + "</span>" +
                        "<span>" + infos[4] + "</span>" +
                        "<span>" + infos[5] + "</span>" +
                        "</small>" +
                        "<div class='saibamaisEs right'><a href='/loteamentos" + infos[6] + "'>saiba mais</a></div>" +
                        "</li>";
    }

    //Monta o html com a lista de notícias
    MontaConteudoNoticiasHome = function (infos, tipo) {
        switch (tipo) {
            case 1: //Esquerda
                listaNoticias += "<p class='black-title'><a href=" + infos[3] + ">" + infos[0] + "</a></p>" +
                                "<div class='txt'>" +
                                "<img class='left' src='" + infos[4] + "' alt='" + infos[0] + "' title='" + infos[0] + "' />" +
                                "<p clas='left'><a href=" + infos[3] + ">" + (infos[2].length >= 200 ? infos[2].substr(0, 200) + '...' : infos[2]) + "</a></p>" +
                                "</div>";
                break;
            case 2: //Direita
                listaNoticias += "<div class='outras-noticias'>" +
                                "<p class='black-title no-mb'><a href=" + infos[3] + ">" + infos[0] + "</a></p>" +
                                "<p class='txt'><a href=" + infos[3] + ">" + (infos[2].length >= 105 ? infos[2].substr(0, 105) + '...' : infos[2]) + "</a></p>" +
                                "</div>";
                break;
        }
    }

    //Monta o html com a lista de loteamentos
    MontaConteudoMapaAtuacao = function (infos) {
        listaImoveis += "<li>" +
                        "<img src='" + infos[1] + "' alt='" + infos[0] + "' title='" + infos[0] + "' class='left'  />" +
                        "<div class='txt'>" +
                        "<div class='black-title'>" + infos[4] + "</div>" +
                        "<a href='/loteamentos" + infos[2] + "'><span class='bold'>" + infos[0] + "</span></a>" +
                        "<p>" + infos[3] + "</p>" +
                        "</li>";
    }

    //Monta o html com a lista de imagens do loteamento
    MontaConteudoImagensDetalhe = function (infos) {
        listaImagens += "<li><a href='" + infos[2] + "' rel=\"prettyPhoto[gall]\" title=\"" + infos[0] + "\"><span><img src=\"/layout/zoom-foto.png\" /></span><img src='" + infos[1] + "' alt='" + infos[0] + "' title='" + infos[0] + "' width=\"106\" height=\"85\" /></a></li>";
    }

    return {
        //Popula imagens no detalhe do loteamento
        BindImagensDetalhe: function (div, tipo, local, idProd) {
            if (Util.isNullOrEmpty($('#' + div).html())) {
                var url = '/Busca-dados-diversos.aspx';
                $.ajax({
                    type: 'POST',
                    url: url,
                    dataType: 'json',
                    data: '&tipobusca=imagens-detalhe&tipo=' + tipo + '&local=' + local + '&idProd=' + idProd,
                    success: function (retorno) {
                        if (retorno != null) {
                            if (div == 'cont-a2') {
                                $('#ctl00_ctl00_MainContent_cphInterna_divLazerTitle').css("display", "block");
                            } else if (div == 'cont-a3') {
                                $('#divImplantacaoTitle').removeClass("hide");
                            }

                            var retornoJson = retorno; listaImagens = "";
                            for (var i = 0; i < retornoJson.itens.length; i++) {
                                itemRetornoJson = retornoJson.itens[i];
                                var dados = [];
                                dados[0] = itemRetornoJson.Lengenda;
                                dados[1] = itemRetornoJson.ImgThumb;
                                dados[2] = itemRetornoJson.ImgSite;
                                MontaConteudoImagensDetalhe(dados);
                            }
                            $('#' + div).html("<ul class='" + div + "'>" + listaImagens + "</ul>");
                            $('.' + div).jcarousel({
                                scroll: 1
                            });
                            $("." + div + " a[rel^='prettyPhoto']").prettyPhoto({
                                show_title: true,
                                counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
                                theme: 'light_rounded', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
                                horizontal_padding: 20, /* The padding on each side of the picture */
                                deeplinking: false, /* Allow prettyPhoto to update the url to enable deeplinking. */
                                overlay_gallery: true, /* If set to true, a gallery will overlay the fullscreen image on mouse over */
                                keyboard_shortcuts: false, /* Set to false if you open forms inside prettyPhoto */
                                social_tools: false,
                                ie6_fallback: true,
                                markup: '<div class="pp_pic_holder"> \
						                    <div class="ppt">&nbsp;</div> \
						                    <div class="pp_top"> \
							                    <div class="pp_left"></div> \
							                    <div class="pp_middle"></div> \
							                    <div class="pp_right"></div> \
						                    </div> \
						                    <div class="pp_content_container"> \
							                    <div class="pp_left"> \
							                    <div class="pp_right"> \
								                    <div class="pp_content"> \
									                    <div class="pp_loaderIcon"></div> \
									                    <div class="pp_fade"> \
                                                            <a class="pp_close" href="#">Close</a> \
                                                            <div class="clear"></div> \
										                    <div class="pp_hoverContainer"> \
											                    <a class="pp_next" href="#">next</a> \
											                    <a class="pp_previous" href="#">previous</a> \
										                    </div> \
										                    <div id="pp_full_res"></div> \
										                    <div class="pp_details clearfix"> \
                                                                <a href="#" class="pp_expand" title="Expand the image">Expand</a> \
                                                                <div class="pp_nav"> \
												                    <a href="#" class="pp_arrow_previous">Previous</a> \
												                    <p class="currentTextHolder">0/0</p> \
												                    <a href="#" class="pp_arrow_next">Next</a> \
											                    </div> \
											                    <p class="pp_description"></p> \
										                    </div> \
									                    </div> \
								                    </div> \
							                    </div> \
							                    </div> \
						                    </div> \
						                    <div class="pp_bottom"> \
							                    <div class="pp_left"></div> \
							                    <div class="pp_middle"></div> \
							                    <div class="pp_right"></div> \
						                    </div> \
					                    </div> \
					                    <div class="pp_overlay"></div>'
                            });

                            $('a[rel^="print[iframes]"]').prettyPhoto({
                                theme: 'light_rounded', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
                                deeplinking: false, /* Allow prettyPhoto to update the url to enable deeplinking. */
                                overlay_gallery: false, /* If set to true, a gallery will overlay the fullscreen image on mouse over */
                                social_tools: false,
                                ie6_fallback: true,
                                allow_resize: false,
                                markup: '<div class="pp_pic_holder"> \
						                    <div class="ppt">&nbsp;</div> \
						                    <div class="pp_top"> \
							                    <div class="pp_left"></div> \
							                    <div class="pp_middle"></div> \
							                    <div class="pp_right"></div> \
						                    </div> \
						                    <div class="pp_content_container"> \
							                    <div class="pp_left"> \
							                    <div class="pp_right"> \
								                    <div class="pp_content"> \
									                    <div class="pp_loaderIcon"></div> \
									                    <div class="pp_fade"> \
                                                            <a class="pp_close" href="#">Close</a> \
                                                            <div class="clear"></div> \
										                    <div class="pp_hoverContainer"> \
											                    <a class="pp_next" href="#">next</a> \
											                    <a class="pp_previous" href="#">previous</a> \
										                    </div> \
										                    <div id="pp_full_res"></div> \
										                    <div class="pp_details clearfix"> \
                                                                <a href="#" class="pp_expand" title="Expand the image">Expand</a> \
											                    <p class="pp_description"></p> \
										                    </div> \
									                    </div> \
								                    </div> \
							                    </div> \
							                    </div> \
						                    </div> \
						                    <div class="pp_bottom"> \
							                    <div class="pp_left"></div> \
							                    <div class="pp_middle"></div> \
							                    <div class="pp_right"></div> \
						                    </div> \
					                    </div> \
					                    <div class="pp_overlay"></div>'
                            });

                        }
                        else {
                            $('#' + div).parent().parent().children('ul').children('li').each(function () {
                                var attr = $(this).children().attr("href");
                                var _id = $('#' + div).parent().attr("id");
                                if (attr.split("#")[1] == _id) {
                                    $(this).remove();
                                }
                            });

                            var iddele = $('#' + div).parent().attr("id");
                            $("a[href=#" + iddele + "]").css("display", "none");

                            //alert($('#' + div).parent().attr("id"));

                            $('#' + div).parent().remove();
                            $('#' + div).html("<small>" + msgAjax.noCount + "</small>");



                        }
                    }
                });
                Util.ajaxStop();
                return true;
            }


        },

        //Popula dados do miolo da home
        BindMioloHome: function (div, status, cultura) {
            if (Util.isNullOrEmpty($(div).html())) {
                var url = '/Busca-dados-diversos.aspx';
                $.ajax({
                    type: 'POST',
                    url: url,
                    dataType: 'json',
                    data: '&tipobusca=miolo-home&status=' + status,
                    success: function (retorno) {
                        if (retorno != null) {
                            var retornoJson = retorno; listaImoveis = "";
                            for (var i = 0; i < retornoJson.itens.length; i++) {
                                itemRetornoJson = retornoJson.itens[i];
                                var dados = [];
                                dados[0] = itemRetornoJson.Nome;
                                dados[1] = itemRetornoJson.Id;
                                dados[2] = itemRetornoJson.ImagemPrincipal;
                                dados[3] = itemRetornoJson.Estado;
                                dados[4] = itemRetornoJson.Metragem;
                                dados[5] = itemRetornoJson.Tipo;
                                dados[6] = itemRetornoJson.UrlEmpreendimento;
                                dados[7] = itemRetornoJson.TudoVendido;
                                dados[8] = itemRetornoJson.UltimosLotes;
                                dados[9] = itemRetornoJson.SegundaFaseVendas;

                                if (cultura == 'ingles') {
                                    MontaConteudoMioloEnUs(dados);
                                } else if (cultura == 'espanhol') {
                                    MontaConteudoMioloEs(dados);
                                } else {
                                    MontaConteudoMiolo(dados);
                                }
                            }
                            $('#' + div).html("<ul id='" + div + "'>" + listaImoveis + "</ul>");
                            $('#' + div).jcarousel({
                                scroll: 1
                            });
                        }
                        else {
                            $('#' + div).html("<small>" + msgAjax.noCount + "</small>");
                        }
                    }
                });
                Util.ajaxStop();
            }
        },

        //Popula dados do mapa de atuação
        BindMapaDeAtuacao: function (div, idEstado) {
            if (Util.isNullOrEmpty($("#" + div).html())) {
                var url = '/Busca-dados-diversos.aspx';
                $.ajax({
                    type: 'POST',
                    url: url,
                    dataType: 'json',
                    data: '&tipobusca=mapa-atuacao&idEstado=' + idEstado,
                    success: function (retorno) {
                        if (retorno != null) {
                            var retornoJson = retorno; listaImoveis = "";
                            for (var i = 0; i < retornoJson.itens.length; i++) {
                                itemRetornoJson = retornoJson.itens[i];
                                var dados = [];
                                dados[0] = itemRetornoJson.Nome;
                                dados[1] = itemRetornoJson.ImagemPrincipal;
                                dados[2] = itemRetornoJson.UrlEmpreendimento;
                                dados[3] = itemRetornoJson.Endereco;
                                dados[4] = itemRetornoJson.Cidade;
                                MontaConteudoMapaAtuacao(dados);
                            }
                            $("#" + div).html("<ul class='lista'>" + listaImoveis + "</ul><div class=\"clear\"></div>");
                            $("#" + div).jScrollPane();
                        }
                        else {
                            $("#" + div).html("<small>" + msgAjax.noCount + "</small>");
                        }
                    }
                });
                Util.ajaxStop();
            }
        },

        //Popula notícias da home
        BindNoticiasHome: function (div, take, tipo, skip) {
            if (Util.isNullOrEmpty($(div).html())) {
                var url = '/Busca-dados-diversos.aspx';
                $.ajax({
                    type: 'POST',
                    url: url,
                    dataType: 'json',
                    data: '&tipobusca=noticias-home&take=' + take,
                    success: function (retorno) {
                        if (retorno != null) {
                            var retornoJson = retorno; listaNoticias = "";
                            for (var i = skip; i < retornoJson.itens.length; i++) {
                                itemRetornoJson = retornoJson.itens[i];
                                var dados = [];
                                dados[0] = itemRetornoJson.Nome;
                                dados[1] = itemRetornoJson.Id;
                                dados[2] = itemRetornoJson.Sinopse;
                                dados[3] = itemRetornoJson.UrlNoticia;
                                dados[4] = itemRetornoJson.ImagemPrincipal;
                                MontaConteudoNoticiasHome(dados, tipo);
                            }
                            $(div).html(listaNoticias);
                        }
                        else {
                            $(div).html("<small>" + msgAjax.noCount + "</small>");
                        }
                    }
                });
                Util.ajaxStop();
            }
        },

        //Filtra resultados da ul
        FiltraResultados: function (check, de, ate) {
            var count = parseInt($(".content .count").text()),
                clicked = $(check).attr("class");

            switch ($(check).attr("tipoBusca")) {
                case '2': //Por status
                    $(".f-status").each(function () {
                        var pai = $(this).parent().parent();
                        if (!$(pai).hasClass("mBlocked") && !$(pai).hasClass("tBlocked")) {
                            if (clicked == $(this).text()) {
                                if (pai != null) {
                                    if ($(check).is(':checked')) {
                                        if ($(pai).hasClass("hide")) {
                                            $(pai).removeClass("hide");
                                            $(pai).removeClass("sBlocked");
                                            count++;
                                        }
                                    }
                                    else {
                                        if (!$(pai).hasClass("hide")) {
                                            $(pai).addClass("hide");
                                            $(pai).addClass("sBlocked");
                                            count--;
                                        }
                                    }
                                }
                            }
                        }
                    });
                    break;

                case '3': //Por tipo
                    $(".f-tipo").each(function () {
                        var pai = $(this).parent().parent();
                        if (!$(pai).hasClass("mBlocked") && !$(pai).hasClass("sBlocked")) {
                            if (clicked == $(this).text()) {
                                if (pai != null) {
                                    if ($(check).is(':checked')) {
                                        if ($(pai).hasClass("hide")) {
                                            $(pai).removeClass("hide");
                                            $(pai).removeClass("tBlocked");
                                            count++;
                                        }
                                    }
                                    else {
                                        if (!$(pai).hasClass("hide")) {
                                            $(pai).addClass("hide");
                                            $(pai).addClass("tBlocked");
                                            count--;
                                        }
                                    }
                                }
                            }
                        }
                    });
                    break;

                default: //Por metragem
                    $(".listEmp li").each(function () {
                        if (!$(this).hasClass("tBlocked") && !$(this).hasClass("sBlocked")) {
                            var mDe = $(this).find(".f-metragem-de").text(),
                            mAte = $(this).find(".f-metragem-ate").text();

                            if (parseInt(mDe) >= parseInt(de) && parseInt(mAte) <= parseInt(ate)) {
                                if ($(this).hasClass("hide")) {
                                    $(this).removeClass("hide");
                                    $(this).removeClass("mBlocked");
                                    count++;
                                }
                            }
                            else if (parseInt(mDe) >= parseInt(de) && (parseInt(ate) == 500 && parseInt(mAte) >= 500)) {
                                if ($(this).hasClass("hide")) {
                                    $(this).removeClass("hide");
                                    $(this).removeClass("mBlocked");
                                    count++;
                                }
                            }
                            else {
                                if (!$(this).hasClass("hide")) {
                                    $(this).addClass("hide");
                                    $(this).addClass("mBlocked");
                                    count--;
                                }
                            }
                            if (parseInt(ate) == 500 && parseInt(mDe) >= 500) {
                                if ($(this).hasClass("hide")) {
                                    $(this).removeClass("hide");
                                    $(this).removeClass("mBlocked");
                                    count++;
                                }
                            }
                        }
                    });
                    break;
            }
            $(".content .count").text(count);
        },

        //Inicializa o mapa
        InicializarMapa: function (mapaId, idDivMapa, ativarWheel, coordenadas, nivelZoom, streetView, idioma) {
            if (!Util.isNullOrEmpty(coordenadas)) {
                $("#btTracar").click(function () {
                    Util.PrepararRota(idioma);
                });
                var center = coordenadas.split(",");

                if (!nivelZoom) nivelZoom = 10;
                if (!ativarWheel) ativarWheel = false;

                var latlng = new google.maps.LatLng(center[0], center[1]);
                var opcoes = {
                    zoom: nivelZoom,
                    scrollwheel: ativarWheel,
                    streetViewControl: streetView,
                    center: latlng,
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    navigationControlOptions: {
                        style: google.maps.NavigationControlStyle.ZOOM_PAN
                    }
                };
                map[idMapa] = new google.maps.Map($('#' + idDivMapa)[0], opcoes);
                var customMarker = new google.maps.Marker({
                    position: latlng,
                    map: map[idMapa]
                    //icon: 'imagens/pin-default.gif'
                });
            } else {
                $("#tracar-rota").css("display", "none");
                $("#map-canvas").css("display", "none");
            }
        },

        //Traçar rota no mapa
        TracarRota: function (origem, destino, descricao, idioma) {
            $.ajax();
            if (!existeRota) {
                directionsService = new google.maps.DirectionsService();
                rotaTrajeto = new google.maps.DirectionsRenderer();
                existeRota = true;
            }

            if (rotaTrajeto.getMap() == null)
                rotaTrajeto.setMap(map[idMapa]);

            if (!Util.isNullOrEmpty(descricao))
                rotaTrajeto.setPanel(document.getElementById(descricao));

            var options = {
                origin: origem,
                destination: destino,
                avoidHighways: true,
                avoidTolls: true,
                optimizeWaypoints: true,
                provideRouteAlternatives: true,
                travelMode: google.maps.DirectionsTravelMode.DRIVING
            };

            directionsService.route(options, function (response, status) {
                var mensagem = null;
                switch (status) {
                    case google.maps.DirectionsStatus.OK:
                        $("#msg-rota").text("");
                        $("#ex-rota").css("display", "none");
                        rotaTrajeto.setDirections(response);
                        break;

                    case google.maps.DirectionsStatus.NOT_FOUND:
                        if (idioma == 'ingles') {
                            mensagem = "The local you informed can not be found.";
                        } else if (idioma == 'espanhol') {
                            mensagem = "Un local informó, no se puede encontrar.";
                        } else {
                            mensagem = "Um dos locais informados, não pode ser encontrado.";
                        }
                        break;

                    case google.maps.DirectionsStatus.ZERO_RESULTS:
                        if (idioma == 'ingles') {
                            mensagem = "Unable to find a path.";
                        } else if (idioma == 'espanhol') {
                            mensagem = "Incapaz de encontrar un camino.";
                        } else {
                            mensagem = "Não foi encontrado nenhum trajeto.";
                        }
                        break;

                    case google.maps.DirectionsStatus.UNKNOWN_ERROR:
                        if (idioma == 'ingles') {
                            mensagem = "There was an error processing your request.";
                        } else if (idioma == 'ingles') {
                            mensagem = "Hubo un error al procesar su solicitud.";
                        } else {
                            mensagem = "Ocorreu um erro ao processar a solicitação.";
                        }
                        break;
                }
                if (!Util.isNullOrEmpty(mensagem)) {
                    $("#msg-rota").html("<p class=\"bold align_center\">" + mensagem + "</p><div class=\"clear\"></div>");
                }
            });
        },

        //Popula dados do miolo da home
        BindAndaresFloorPlanner: function (div, idFloorPlannerProject) {
            var url = '/Busca-dados-diversos.aspx';
            $.ajax({
                type: 'POST',
                url: url,
                dataType: 'json',
                data: '&tipobusca=andares-floorplanner&idFloorPlannerProject=' + idFloorPlannerProject,
                success: function (retorno) {
                    if (retorno != null) {
                        var retornoJson = retorno;
                        //<li><a onclick="fp.loadFloor(22216270)" href="javascript:void(0)">Anda4</a></li>
                        var liAndares = "<li><a onclick='salvaDesign($floorId$);' href='javascript:void(0);'>$nomeAndar$</a></li>";
                        var stringLiAndares = "";
                        for (var i = 0; i < retornoJson.itens.length; i++) {
                            itemRetornoJson = retornoJson.itens[i];
                            stringLiAndares = stringLiAndares + liAndares.replace("$floorId$", itemRetornoJson.FloorId).replace("$nomeAndar$", itemRetornoJson.NomeAndar);
                        }
                        $(div).empty();
                        $(div).append(stringLiAndares);
                    }
                }
            });
            Util.ajaxStop();
        }
    };
} ();
