var http;
var lcto = false;
var pasta = document.getElementById("s").innerHTML;

var as = document.getElementsByTagName("input");
for (var i = 0; i < as.length; i++)
    if (as[i].type == "text")
    as[i].setAttribute("OnKeyDown", "javascript:KeyDownHandler()");

function KeyDownHandler(e) {
    var keycode;
    if (window.event) keycode = window.event.keyCode;
    else if (e) keycode = e.which;
    if (keycode == 13) {
        window.event.returnValue = false;
        window.event.keyCode = 0;
        return false;
    }
}

if (ge("DivCalculadora") != null && ge("DivCalculadora").style.display != 'none')
    initCalculadora();

function mostraAplicacoes() {
    var DivAplicacao = document.getElementById("DivAplicacoes");
    DivAplicacao.style.display = DivAplicacao.style.display == "none" ? "block" : "none";
}

function mostraNecessidades() {
    var DivNecessidade = document.getElementById("DivNecessidades");
    DivNecessidade.style.display = DivNecessidade.style.display == "none" ? "block" : "none";
}

function PopularProdutoPorAplicacao(CodAplicacao, Nome, idioma) {
    pag = "Produto/Default.aspx?CodAplicacao=" + CodAplicacao;
    document.getElementById("DivBuscaProduto").style.display = "none";
    document.getElementById("DivListaProduto").style.display = "block";

    var bread = document.getElementById("navProduto").getElementsByTagName("li");

    bread[1].innerHTML = "<a href=\"#0\" class=\"" + pasta.toLowerCase() + "s_link\" onclick=\"mnu='';nav.Ir('" + pasta + (idioma != "pt" ? "/" + idioma : "") + "')\" title=\"Produtos\">" + pasta + "</a>";

    bread[2].style.display = "block";
    bread[2].getElementsByTagName("h2")[0].className = "tit_poraplicacao";
    bread[2].getElementsByTagName("h2")[0].innerHTML = "Por Aplica&ccedil;&atilde;o";

    bread[3].style.display = "block";
    bread[3].getElementsByTagName("h2")[0].className = "tit_poraplicacao_" + Nome.toLowerCase().replace(/ /g, "").replace("í", "i");
    bread[3].getElementsByTagName("h2")[0].innerHTML = Nome;

    http = ObterHttp();
    http.onreadystatechange = PopularProduto;
    http.open("GET", "Produto/Services/Produtos.aspx?CodAplicacao=" + CodAplicacao + "&idioma=" + idioma, true);
    http.send(null);

}

function PopularProdutoLancamento() {
    document.getElementById("DivBuscaProduto").style.display = "none";
    document.getElementById("DivListaProduto").style.display = "block";

    var bread = document.getElementById("navProduto").getElementsByTagName("li");

    bread[1].innerHTML = "<a href=\"#0\" class=\"" + pasta.toLowerCase() + "s_link\" onclick=\"mnu='';nav.Ir('" + pasta + "')\" title=\"" + pasta + "\">" + pasta + "</a>";

    bread[2].style.display = "block";
    bread[2].getElementsByTagName("h2")[0].className = "tit_lancamentos_" + pasta.toLowerCase() + "s";
    bread[2].getElementsByTagName("h2")[0].innerHTML = "Lançamentos";

    http = ObterHttp();
    http.onreadystatechange = PopularProduto;
    http.open("GET", "Produto/Services/Produtos.aspx?Lancamento=1", true);
    http.send(null);
}

function PopularProduto() {

    if (http.readyState == 4) {
        var produtos = http.responseXML.getElementsByTagName("Produto");
        var template = document.getElementById("DivTemplateListaProduto");
        var lista = document.getElementById("tbResultados");

        for (var i = lista.childNodes.length - 1; i >= 0; i--) {
            if (lista.childNodes[i].id != "DivTemplateListaProduto")
                lista.removeChild(lista.childNodes[i]);
        }

        if (lcto == true && produtos.length == 1) {
            DetalheProduto(produtos[0].getElementsByTagName("CodProduto")[0].childNodes[0].nodeValue);
        }

        for (var i = 0; i < produtos.length; i++) {
            var CodProduto = produtos[i].getElementsByTagName("CodProduto")[0].childNodes[0].nodeValue;
            var Nome = produtos[i].getElementsByTagName("Nome")[0].childNodes[0].nodeValue;
            var Imagem = produtos[i].getElementsByTagName("Imagem")[0].childNodes[0].nodeValue;
            var Descricao = produtos[i].getElementsByTagName("Descricao")[0].childNodes[0].nodeValue;

            var LocalAplicacao = "";
            for (var j = 0; j < produtos[i].getElementsByTagName("LocalAplicacao").length; j++)
                LocalAplicacao += produtos[i].getElementsByTagName("LocalAplicacao")[j].childNodes[0].nodeValue + ", ";
            LocalAplicacao = LocalAplicacao.substring(0, LocalAplicacao.length - 2);

            var Cor = "";
            for (var j = 0; j < produtos[i].getElementsByTagName("Cor").length; j++)
                Cor += produtos[i].getElementsByTagName("Cor")[j].childNodes[0].nodeValue + ", ";
            Cor = Cor.substring(0, Cor.length - 2);

            //alert(Cor);

            var tr = document.createElement("tr");
            for (var j = 0; j < template.childNodes.length; j++) {
                var child = template.childNodes[j];
                if (child.tagName == "TD") {
                    tr.appendChild(child.cloneNode(true));
                }
            }

            tr.childNodes[0].getElementsByTagName("img")[0].alt = Nome;
            tr.childNodes[0].getElementsByTagName("img")[0].title = Nome;
            tr.childNodes[0].getElementsByTagName("img")[0].src = "img/produtos/img_produto/" + Imagem;
            tr.childNodes[0].getElementsByTagName("span")[0].innerHTML = "<a href=\"#0\" onclick=\"DetalheProduto(" + CodProduto + ")\">" + Nome + "</a>";
            tr.childNodes[1].innerHTML = Descricao;
            tr.childNodes[2].innerHTML = LocalAplicacao;
            lista.appendChild(tr);
        }
    }
}

function ge(id) { return document.getElementById(id) }

function getValue(obj, tag) {
    var ret = "";

    if (obj.getElementsByTagName(tag)[0].childNodes.length > 0)
        ret = obj.getElementsByTagName(tag)[0].childNodes[0].nodeValue;

    return ret;
}

var CodProdutoListaCompra;
var CodProdutoAtual;
function DetalheProduto(CodProduto) {
    clearCalculadora();
    pag = "Produto/Default.aspx?CodProduto=" + CodProduto;
    CodProdutoListaCompra = CodProduto;
    var http = ObterHttp();
    http.open("GET", "Produto/Services/Produtos.aspx?CodProduto=" + CodProduto, true);
    http.onreadystatechange = function() {
        if (http.readyState == 4) {
            document.getElementById("DivBuscaProduto").style.display = "none";
            document.getElementById("DivListaProduto").style.display = "none";
            document.getElementById("DivDetalheProduto").style.display = "block";

            var xmlProduto = http.responseXML.getElementsByTagName("Produto")[0];

            var CodProduto = getValue(xmlProduto, "CodProduto");
            var Nome = getValue(xmlProduto, "Nome");
            var Imagem = getValue(xmlProduto, "Imagem");
            var Descricao = getValue(xmlProduto, "Descricao");
            var Demaos = getValue(xmlProduto, "Demaos");
            var Pistola = getValue(xmlProduto, "Pistola");
            var Secagem = getValue(xmlProduto, "Secagem");
            var Composicao = getValue(xmlProduto, "Composicao");
            var LocalAplicacao = getValue(xmlProduto, "LocalAplicacao");
            var Aplicacao = getValue(xmlProduto, "Aplicacao");
            var Acabamento = getValue(xmlProduto, "Acabamento");
            var SelfColor = getValue(xmlProduto, "SelfColor");
            var Observacao = getValue(xmlProduto, "Observacao");
            var Lancamento = getValue(xmlProduto, "Lancamento");
            var Necessidades = getValue(xmlProduto, "Necessidades");
            var AvisoCores = getValue(xmlProduto, "AvisoCores");

            if (SelfColor == "Não") ge("btSelfColor").style.display = "none";
            else ge("btSelfColor").style.display = "block";

            document.getElementById("lblNomeProduto").innerHTML = Nome;
            document.getElementById("lblDescricaoProduto").innerHTML = Descricao;

            var xmlFerramentas = xmlProduto.getElementsByTagName("Ferramenta");

            if (xmlFerramentas.length > 0) {
                htmlFerramentas = "";
                document.getElementById("divFerramentas").style.display = "block";
                for (var i = 0; i < xmlFerramentas.length; i++) {
                    htmlFerramentas += "<img src=\"img/produtos/busca_produtos/" + xmlFerramentas[i].getElementsByTagName("CodFerramenta")[0].childNodes[0].nodeValue + ".gif\" alt=\"" + xmlFerramentas[i].getElementsByTagName("Nome")[0].childNodes[0].nodeValue + "\" />"
                }
                document.getElementById("lblFerramentasNecessarias").innerHTML = htmlFerramentas;
            } else {
                document.getElementById("divFerramentas").style.display = "none";
            }

            if (Trim(Demaos) != "")
                ge("lblDemaos").innerHTML = Demaos;
            else ge("lblDemaos").innerHTML = "";

            if (Trim(Pistola) != "")
                ge("lblPistola").innerHTML = Pistola;
            else ge("lblPistola").innerHTML = "";

            if (Trim(Secagem) != "")
                ge("lblSecagem").innerHTML = Secagem;
            else ge("lblSecagem").innerHTML = "";

            if (Trim(LocalAplicacao) != "")
                ge("lblLocal").innerHTML = "<br/><br/><b>Local de Aplicação:</b><br/>" + LocalAplicacao;
            else ge("lblLocal").innerHTML = "";

            if (Trim(Acabamento) != "")
                ge("lblAcabamento").innerHTML = "<br/><br/><b>Acabamento:</b><br/>" + Acabamento;
            else ge("lblAcabamento").innerHTML = "";

            if (Trim(Necessidades) != "")
                ge("lblCorrigindo").innerHTML = "<br/><br/><b>Corrigindo Problemas:</b><br/>" + Necessidades;
            else ge("lblCorrigindo").innerHTML = "";

            if (Trim(Aplicacao) != "")
                ge("lblAplicacao").innerHTML = "<br/><br/><b>Aplicação:</b><br/>" + Aplicacao;
            else ge("lblAplicacao").innerHTML = "";

            if (Trim(Composicao) != "")
                ge("lblComposicao").innerHTML = "<br/><br/><b>Composição:</b><br/>" + Composicao;
            else ge("lblComposicao").innerHTML = "";

            if (Trim(Observacao) != "")
                ge("lblObs").innerHTML = "<br/><br/><b>Observação:</b><br/>" + Observacao;
            else ge("lblObs").innerHTML = "";

            if (Trim(AvisoCores) != "")
                ge("lblAvisoCores").innerHTML = "<b>Aviso:</b><br/>" + AvisoCores;
            else ge("lblAvisoCores").innerHTML = "";

            if ((Trim(Demaos) == "") && (Trim(Pistola) == "")&& (Trim(Secagem) == ""))
               document.getElementById("tblInfo").style.display = "none";     

            var imgProduto = document.getElementById("imgDetalheProduto");
            imgProduto.src = "img/produtos/img_produto/" + Imagem;
            imgProduto.alt = Nome;

            // Informações do produto

            var tblInformacao = document.getElementById("tblInformacao");

            for (var i = tblInformacao.childNodes.length - 1; i >= 0; i--) {
                if (tblInformacao.childNodes[i].id == "TemplateInformacao")
                    continue;
                tblInformacao.removeChild(tblInformacao.childNodes[i]);
            }

            var produtos = xmlProduto.getElementsByTagName("ProdutoInformacao");

            var TemplateInformacao = document.getElementById("TemplateInformacao");

            if (TemplateInformacao != null) {
                //tblInformacao.childNodes[0].style.display='block';
                if (produtos.length == 0)
                   document.getElementById("tblInfoAd").style.display = "none";     
         
                for (var i = 0; i < produtos.length; i++) {
                    var tr = document.createElement("tr");

                    for (var j = 0; j < TemplateInformacao.childNodes.length; j++) {
                        if (TemplateInformacao.childNodes[j].tagName == "TD") {
                            tr.appendChild(TemplateInformacao.childNodes[j].cloneNode(true));
                        }
                    }
                    tr.childNodes[0].innerHTML = produtos[i].getElementsByTagName("Superficie")[0].childNodes[0].nodeValue;
                    tr.childNodes[1].innerHTML = produtos[i].getElementsByTagName("Diluicao")[0].childNodes[0].nodeValue;
                    tr.childNodes[2].innerHTML = produtos[i].getElementsByTagName("Demao")[0].childNodes[0].nodeValue;
                    tr.childNodes[3].innerHTML = produtos[i].getElementsByTagName("Embalagem")[0].childNodes[0].nodeValue;

                    tblInformacao.appendChild(tr);
                }

                //tblInformacao.removeChild(tblInformacao.childNodes[0]);

                tblInformacao.childNodes[0].style.display = 'none';


                //			if  ( (CodProduto == 15) || (CodProduto > 18 && CodProduto < 24) || (CodProduto > 24 && CodProduto < 28) )
                //			    ge("tdDiluicao").innerHTML = "(com aguarr&aacute;s)"; // aguarrás
            }

            PopularCor(CodProduto);

            // calculadora
            CarregaSuperficies(CodProduto);
        }
    }
    http.send(null);
}


function initCalculadora() {
    CarregaProdutosPorAplicacao(13); // paredes.
}
function clearCalculadora() {
    if (ge("DivCalculadora") != null) {
        ge("DivCalculadora").style.display = 'none';
        for (i = 0; i < ge("DivCalculadora").getElementsByTagName("input").length; i++) {
            CarregaCamposJanelas(0);
            CarregaCamposPortas(0);

            if (ge("DivCalculadora").getElementsByTagName("input")[i].type == "text")
                ge("DivCalculadora").getElementsByTagName("input")[i].value = "0";
        }
    }
}

function PopularCor(CodProduto) {
    http = ObterHttp();
    http.open("GET", "Escolha/Services/Cores.aspx?CodProduto=" + CodProduto, true);
    http.onreadystatechange = function() {
        if (http.readyState == 4) {
            var tblCores = document.getElementById("tblCores");

            while (tblCores.childNodes.length > 0)
                tblCores.removeChild(tblCores.childNodes.item(0));

            var cores = http.responseXML.getElementsByTagName("Cor");

            document.getElementById("detalheproduto_cartela").style.display = cores.length == 0 ? "none" : "block";
            linha = 0;
            var tr = document.createElement("tr");
            for (var i = 0; i < cores.length; i++) {
                var Codigo = "";
                if (Codigo = cores[i].getElementsByTagName("Codigo").length > 0 && cores[i].getElementsByTagName("Codigo")[0].childNodes.length > 0)
                    Codigo = cores[i].getElementsByTagName("Codigo")[0].childNodes[0].nodeValue;
                var Nome = cores[i].getElementsByTagName("Nome")[0].childNodes[0].nodeValue;
                var Hex = cores[i].getElementsByTagName("Hex")[0].childNodes[0].nodeValue;
                var td = document.createElement("td");
                td.style.cursor = "pointer";
                td.setAttribute("Hex", Hex);
                td.setAttribute("Nome", Nome);
                td.setAttribute("id", "TdCor" + i);
                if (td.addEventListener)
                    td.addEventListener('click', SelecionarCor, false);
                else
                    td.attachEvent("onclick", SelecionarCor);

				td.style.backgroundColor = "#"+ Hex;
				td.style.width = "18px";
				td.style.height = "20px";
				td.title = Nome.length > 0 ? Nome : Codigo;
				tr.appendChild(td);

                if (linha++ >= 6) {
                    tblCores.appendChild(tr);
                    tr = document.createElement("tr");
                    linha = 0;
                }
            }
            tblCores.appendChild(tr);
        }
    }
    http.send(null);
}

function SelecionarCor(e) {
    var tds = document.getElementsByTagName("td");
    for (var i = 0; i < tds.length; i++) {
        if (tds[i].id.substring(0, 5) == "TdCor") {
            tds[i].className = "";
        }
    }

    e = e || event;
    var td = e.srcElement || e.target;
    td.className = "clicada";
    var Nome = td.getAttribute("Nome");
    var Hex = td.getAttribute("Hex");

    var tblCorSelecionada = document.getElementById("tblCorSelecionada");
    tblCorSelecionada.style.display = "block";
    var th = tblCorSelecionada.getElementsByTagName("th")[0];

    th.title = Nome;
    th.style.backgroundColor = "#" + Hex;

    tblCorSelecionada.getElementsByTagName("td")[0].innerHTML = Nome;
}

function htmlInformacaoProduto(Informacao, Valor) {
    return "                        <div class=\"h3\">\n"
		 + "                        <h3>" + Informacao + ":</h3>\n"
		 + "                        </div>\n\n"
		 + "                        <p>" + Valor + "</p>\n"
		 + "                        <p>&nbsp;</p>";

}

function Trim(str) {
    while (str.charCodeAt(0) == 32)
        str = str.substring(1);

    while (str.charCodeAt(str.length - 1) == 32)
        str = str.substring(0, str.length - 1);

    return str;
}
var CodProdutoAtual = 0;


function CarregaSuperficies(CodProduto) {
    var http = ObterHttp();
    http.open("GET", "Produto/Services/Produtos.aspx?CodProduto=" + CodProduto, true);
    http.onreadystatechange = function() {
        if (http.readyState == 4) {
            if (http.responseXML.getElementsByTagName("Produto").length > 0) {
                var xmlProduto = http.responseXML.getElementsByTagName("Produto")[0];

                ge("rNome").innerHTML = "Produto - " + xmlProduto.getElementsByTagName("Nome")[0].childNodes[0].nodeValue;
                ge("imgProdutoCalc").src = "img/produtos/img_produto/" + xmlProduto.getElementsByTagName("Imagem")[0].childNodes[0].nodeValue;


                // Informações do produto
                var ddlSuperficie = document.getElementById('ddlSuperficie');
                ddlSuperficie.length = 0;
                ddlSuperficie.disabled = false;



                var produtos = xmlProduto.getElementsByTagName("ProdutoInformacao");
                var info = "";
                for (var i = 0; i < produtos.length; i++) {
                    //ddlSuperficie.options[ddlSuperficie.length] = new Option(produtos[i].getElementsByTagName("Superficie")[0].childNodes[0].nodeValue, produtos[i].getElementsByTagName("Rendimento")[0].childNodes[0].nodeValue); // 1 = taxa de rendimento.
                    info = produtos[i].getElementsByTagName("CodProdutoInformacao")[0].childNodes[0].nodeValue + "|" + produtos[i].getElementsByTagName("Rendimento")[0].childNodes[0].nodeValue + "|" + produtos[i].getElementsByTagName("Galao")[0].childNodes[0].nodeValue + "|" + produtos[i].getElementsByTagName("GalaoQuarto")[0].childNodes[0].nodeValue + "|" + produtos[i].getElementsByTagName("Lata")[0].childNodes[0].nodeValue;
                    ddlSuperficie.options[ddlSuperficie.length] = new Option(produtos[i].getElementsByTagName("Superficie")[0].childNodes[0].nodeValue, info);
                }

                ge("boxResultado").style.display = "none";
            }
        }
    }
    http.send(null);
}

function calculaEmbalagens(total, latao, galao, quarto) {
    //var total = 10;

    var latao_capacidade = 18;
    var galao_capacidade = 3.6;
    var quarto_capacidade = 0.9;

    /*
    var latao = true;
    var galao = false;
    var quarto = false;
    */

    var n_latao = 0;
    var n_galao = 0;
    var n_quarto = 0;

    //var txt = "Quantidade - " + Math.ceil(total) + " Litros";

    var txt = "Quantidade: <br />";

    if (latao) {
        n_latao = Math.floor(total / latao_capacidade);
        total = total % latao_capacidade;
    }

    if (latao && !quarto && !galao) {
        n_latao += Math.ceil(total / latao_capacidade);
    }

    if (galao && quarto) {
        n_galao = Math.floor(total / galao_capacidade);
        total = total % galao_capacidade;

        if (n_galao == 5) {
            n_galao = 0;
            n_latao = n_galao + 1;
        }


        n_quarto = Math.ceil(total / quarto_capacidade);
        total = 0;

        if (n_quarto == 4) {
            n_quarto = 0;
            n_galao = n_galao + 1;
        }

    }

    if (galao && !quarto) {
        n_galao = Math.ceil(total / galao_capacidade);
        total = 0;
        if (n_galao == 5) {
            n_galao = 0;
            n_latao = n_latao + 1;
        }

    }

    if (!galao && quarto) {
        n_quarto = Math.ceil(total / quarto_capacidade);
        total = 0;
    }


    if (n_latao > 0)
        txt += n_latao + " Lata(s) (18L)<br />";
    if (n_galao > 0)
        txt += n_galao + " Galão(ões) (3,6L)<br />";
    if (n_quarto > 0)
        txt += n_quarto + " 1/4 Galão (0,9L)<br />";

    ge("rQuantidade").innerHTML = txt;
}


function CarregaProdutosPorAplicacao(CodAplicacao) {
    var url = "Produto/Services/ProdutosPorAplicacao.aspx?CodAplicacao=" + CodAplicacao;

    http = ObterHttp();
    http.open("GET", url, true);

    http.onreadystatechange = function() {
        if (http.readyState == 4) {
            var ddlSuperficie = document.getElementById('ddlSuperficie');
            ddlSuperficie.length = 0;
            ddlSuperficie.disabled = true;

            var produtos = http.responseXML.getElementsByTagName("Produto");
            var elSel = document.getElementById('ddlProdutos');

            elSel.length = 0;
            elSel.disabled = false;

            for (var i = 0; i < produtos.length; i++) {
                elSel.options[elSel.length] = new Option(produtos[i].getElementsByTagName("Nome")[0].childNodes[0].nodeValue, produtos[i].getElementsByTagName("CodProduto")[0].childNodes[0].nodeValue);
            }

            CarregaSuperficies(elSel.value);

            ge("boxResultado").style.display = "none";
        }
    }

    http.send(null);
}

function CarregaCamposJanelas(total) {
    var div = document.getElementById("listaCamposJanelas");
    var template = document.getElementById("templateJanelas");

    var n = div.getElementsByTagName("div").length - 1;
    for (var i = n; i > 1; i--) {
        div.removeChild(div.getElementsByTagName("div")[i]);
    }

    for (var j = 0; j < total; j++) {
        var child = template.getElementsByTagName("div")[0];
        div.appendChild(child.cloneNode(true));
    }


    template.style.display = "none";
}

function CarregaCamposPortas(total) {
    var div = document.getElementById("listaCamposPortas");
    var template = document.getElementById("templatePortas");

    var n = div.getElementsByTagName("div").length - 1;
    for (var i = n; i > 1; i--) {
        div.removeChild(div.getElementsByTagName("div")[i]);
    }

    for (var j = 0; j < total; j++) {
        var child = template.getElementsByTagName("div")[0];
        div.appendChild(child.cloneNode(true));
    }

    template.style.display = "none";
}

var demaos = 1;

function alteraDemaos(n) {
    demaos = parseInt(n);
}

function pFloat(n) {
    return parseFloat(n.replace(",", "."));
}

function calculaQuantidade() {
    // valores base
    var altura = pFloat(ge("calculo_altura").value);
    var largura = pFloat(ge("calculo_largura").value);
    var dimensao = altura * largura;
    //var rendimento = ge("ddlSuperficie").value;
    var areafinal = 0;


    // descontos
    var descontosPortas = 0;
    var descontosJanelas = 0;
    var divsJanelas = ge("listaCamposJanelas").getElementsByTagName("div");
    var divsPortas = ge("listaCamposPortas").getElementsByTagName("div");

    for (var j = 0; j < divsJanelas.length; j++)
        if (divsJanelas[j].id != "templateJanelas")
        descontosJanelas += pFloat(divsJanelas[j].getElementsByTagName("input")[0].value) * pFloat(divsJanelas[j].getElementsByTagName("input")[1].value);

    for (var p = 0; p < divsPortas.length; p++)
        if (divsJanelas[p].id != "templatePortas")
        descontosPortas += pFloat(divsPortas[p].getElementsByTagName("input")[0].value) * pFloat(divsPortas[p].getElementsByTagName("input")[1].value);


    // resultados
    var total, rendimento, latao, galao, quarto, info;

    areafinal = (dimensao - descontosPortas - descontosJanelas);

    info = document.getElementById('ddlSuperficie').value.split('|');

    rendimento = pFloat(info[1]);

    if (rendimento == 0)
        rendimento = 0.072;

    total = (areafinal * rendimento) * demaos;



    calculaEmbalagens(total, info[2], info[3], info[4]);

    ge("rAltura").innerHTML = altura + " metros de Altura";
    ge("rLargura").innerHTML = largura + " metros de Largura";
    ge("rArea").innerHTML = Math.ceil(dimensao) + " m2";

    ge("rPortas").innerHTML = ge("numero_portas").value + " Porta(s)";
    ge("rJanelas").innerHTML = ge("numero_janelas").value + " Janela(s)";

    ge("rPortasM").innerHTML = descontosPortas + " m2";
    ge("rJanelasM").innerHTML = descontosJanelas + " m2";

    ge("rAreaFinal").innerHTML = Math.ceil(areafinal) + " m2";

    ge("rDemaos").innerHTML = "Dem&atilde;os - " + demaos;

    //ge("rQuantidade").innerHTML = "Quantidade - " + Math.ceil(total) + " Litros";

    ge("boxResultado").style.display = "block";

}

function BuscaPorNecessidade(CodNecessidade, CodPerguntaAnterior, CodOpcaoAnterior, OrdemRespostaAtual, CodProduto) {
    //DEIXA SELECIONADO A OPCAO DO MENU
    if(CodNecessidade == 1)
        document.getElementById('ddlNecessidade_0').checked = 'selected';
    else if(CodNecessidade == 2)
        document.getElementById('ddlNecessidade_1').checked = 'selected';
    else if(CodNecessidade == 4)
        document.getElementById('ddlNecessidade_2').checked = 'selected';

    //LIMPA A CALCULADORA
    clearCalculadora();

    pag = "Produto/Default.aspx?CodNecessidade=" + CodNecessidade;
    if (OrdemRespostaAtual == undefined)
        OrdemRespostaAtual = 0;
    var DivTemplateNecessidade = document.getElementById("DivTemplateNecessidade");
    var DivListaNecessidade = document.getElementById("DivListaNecessidade");
    DivListaNecessidade.style.display = "block";

    var perguntas = DivListaNecessidade.getElementsByTagName("div");
    for (var i = perguntas.length - 1; i >= 0; i--) {
        if (/^p\d+$/.test(perguntas[i].id)) {
            var ordem = perguntas[i].id.replace(/\D/g, "");
            if (parseInt(ordem) > OrdemRespostaAtual)
                DivListaNecessidade.removeChild(perguntas[i]);
        }
    }
    OrdemRespostaAtual++;

    var url = "Produto/Services/Necessidades.aspx?CodNecessidade=" + CodNecessidade;
    if (CodPerguntaAnterior != undefined)
        url += "&CodPerguntaAnterior=" + CodPerguntaAnterior + "&CodOpcaoAnterior=" + CodOpcaoAnterior;

    CodProdutoAtual = CodProduto;
    var http = ObterHttp();
    http.open("GET", url, true);
    http.onreadystatechange = function() {
        if (http.readyState == 4) {
            var xml = http.responseXML;

            var div = document.createElement("div");
            if (CodProdutoAtual > 0) {
                LoadNecessidadeProduto(div, CodProdutoAtual);
            }
            div.id = "p" + OrdemRespostaAtual;
            for (var i = 0; i < DivTemplateNecessidade.childNodes.length; i++) {
                if (DivTemplateNecessidade.childNodes[i].tagName != null && DivTemplateNecessidade.childNodes[i].tagName != "") {
                    div.appendChild(DivTemplateNecessidade.childNodes[i].cloneNode(true));
                }
            }

            var src = "";
            if (xml.getElementsByTagName("Imagem").length > 0 && xml.getElementsByTagName("Imagem")[0].childNodes.length > 0 && xml.getElementsByTagName("Imagem")[0].childNodes[0].nodeValue != "") {
                src = xml.getElementsByTagName("Imagem")[0].childNodes[0].nodeValue;
            }
            var img = div.getElementsByTagName("img")[div.getElementsByTagName("img").length - 1];
            if (src == "")
                img.style.display = "none";
            else
                img.src = src;

            if (xml.getElementsByTagName("Pergunta").length > 0 && xml.getElementsByTagName("Pergunta")[0].childNodes.length > 1) {
                div.getElementsByTagName("h4")[0].innerHTML = xml.getElementsByTagName("TextoPergunta")[0].childNodes[0].nodeValue;

                var opcoes = xml.getElementsByTagName("Opcao");
                var strOpcoes = "";
                for (var i = 0; i < opcoes.length; i++) {
                    var CodProduto = 0;
                    if (opcoes[i].getElementsByTagName("CodProduto").length > 0 && opcoes[i].getElementsByTagName("CodProduto")[0].childNodes.length > 0 && opcoes[i].getElementsByTagName("CodProduto")[0].childNodes[0].nodeValue != "")
                        CodProduto = parseInt(opcoes[i].getElementsByTagName("CodProduto")[0].childNodes[0].nodeValue);
                    strOpcoes += "<div class=\"radio\"><input type=\"radio\" name=\"p" + xml.getElementsByTagName("CodPergunta")[0].childNodes[0].nodeValue + "\" onclick=\"BuscaPorNecessidade(" + CodNecessidade + "," + xml.getElementsByTagName("CodPergunta")[0].childNodes[0].nodeValue + "," + opcoes[i].getElementsByTagName("CodOpcao")[0].childNodes[0].nodeValue + "," + OrdemRespostaAtual + "," + CodProduto + ")\" />" + opcoes[i].getElementsByTagName("TextoOpcao")[0].childNodes[0].nodeValue + "</div>"
                }

                div.getElementsByTagName("span")[div.getElementsByTagName("span").length - 1].innerHTML = strOpcoes;
            }

            //CRIA BOTAO CALCULADORA COM A SUPERFICIE SELECIONADA
            if ((CodNecessidade == "1" && CodPerguntaAnterior == "4") || (CodNecessidade == "2" && CodPerguntaAnterior == "11") || (CodNecessidade == "4" && CodPerguntaAnterior == "10")) {
                var divBotaoCalc = document.createElement("div");
                divBotaoCalc.innerHTML = "<button id=\"btCalculadoraTinta\" class=\"botoesCalculadora\" onclick=\"javascript: ge('DivCalculadora').style.display = 'block'; ge('DivCalculadora').style.width = '275px'; ge('DivCalculadora').style.float = 'none'; ge('DivCalculadora').style.margin = '0'; ge('DivCalculadora').style.background = '#FFF url(img/produtos/calculadora/borderFaux.gif) repeat-y 0 0'; ge('DivCalculadoraMaster').style.float = 'left'; ge('DivCalculadoraMaster').style.padding = '0 0 0 308px';\" type=\"button\">Calculadora de Tinta</button>";
                div.appendChild(divBotaoCalc);
                CarregaSuperficies(CodProdutoAtual);
            }

            DivListaNecessidade.appendChild(div);
        }
    }
    http.send(null);
}

function LoadNecessidadeProduto(Div, CodProduto) {
    var http = ObterHttp();
    http.open("GET", "Produto/Services/Produtos.aspx?CodProduto=" + CodProduto, false);
    http.onreadystatechange = function() {
        if (http.readyState == 4) {
            var DivTemplateProdutoNecessidade = document.getElementById("DivTemplateProdutoNecessidade").cloneNode(true);

            DivTemplateProdutoNecessidade.id = "";
            DivTemplateProdutoNecessidade.style.display = "block";
            var produto = http.responseXML;

            var img = DivTemplateProdutoNecessidade.getElementsByTagName("img")[0];
            if (produto.getElementsByTagName("Imagem").length > 0)
                img.src = "img/produtos/img_produto/" + produto.getElementsByTagName("Imagem")[0].childNodes[0].nodeValue;
            else
                img.style.display = "none";

            var cores = produto.getElementsByTagName("Cor");
            var tblCores = DivTemplateProdutoNecessidade.getElementsByTagName("table")[0];
            if (cores.length == 0)
                tblCores.style.display = "none";
            else {
                var tbody = tblCores.getElementsByTagName("tbody")[0];
                var tr = document.createElement("tr");
                var x = 0;
                var linha = 0;
                for (var i = 0; i < cores.length; i++) {
                    var td = document.createElement("td");
                    td.style.backgroundColor = "#" + cores[i].getElementsByTagName("Hex")[0].childNodes[0].nodeValue;
                    td.setAttribute("title", cores[i].getElementsByTagName("Nome")[0].childNodes[0].nodeValue);

                    tr.appendChild(td);
                    if (linha++ >= 5) {
                        tbody.appendChild(tr);
                        tr = document.createElement("tr");
                        linha = 0;
                    }
                }
                tbody.appendChild(tr);
            }

            var btAdicionarLista = DivTemplateProdutoNecessidade.getElementsByTagName("button")[0];
            btAdicionarLista.setAttribute("CodProduto", produto.getElementsByTagName("CodProduto")[0].childNodes[0].nodeValue)
            if (btAdicionarLista.addEventListener)
                btAdicionarLista.addEventListener('click', BotaoAdicionarLista, false);
            else
                btAdicionarLista.attachEvent("onclick", BotaoAdicionarLista);

            var btIrLista = DivTemplateProdutoNecessidade.getElementsByTagName("button")[1];

            DivTemplateProdutoNecessidade.getElementsByTagName("span")[0].innerHTML = produto.getElementsByTagName("Nome")[0].childNodes[0].nodeValue;
            Div.appendChild(DivTemplateProdutoNecessidade);
        }
    }
    http.send(null);
}

function BotaoAdicionarLista(e) {
    e = e || event;
    var btAdicionarLista = e.srcElement || e.target;
    var CodProduto = btAdicionarLista.getAttribute("CodProduto");
    AdicionarLista(CodProduto);
}

function init() {
    if (document.getElementById("divCodAplicacao") != null) {
        dados = document.getElementById("divCodAplicacao").innerHTML.split("-"); //  formato enviado pelo servidor é CodAplicacao-Nome-Idioma
        PopularProdutoPorAplicacao(dados[0], dados[1], dados[2]);
    } else if (document.getElementById("divCodNecessidade") != null) {
        BuscaPorNecessidade(document.getElementById("divCodNecessidade").innerHTML);
    } else if (document.getElementById("divCodProduto") != null) {
        DetalheProduto(document.getElementById("divCodProduto").innerHTML);
    } else if (document.getElementById("divLancamento") != null) {
        lcto = true;
        PopularProdutoLancamento();
    }
} 

function AdicionarLista(CodProduto) {
    if (CodProduto == undefined)
        CodProduto = CodProdutoListaCompra;

    http = ObterHttp();
    http.open("GET", "Produto/Services/ListaCompra.aspx?CodProduto=" + CodProduto + "&acao=adicionar", true);
    http.send(null);
    alert("Produto adicionado com sucesso.");
}


function reKeyPress(event, keyRE) {
    if ((typeof (event.keyCode) != 'undefined' && event.keyCode > 0 && String.fromCharCode(event.keyCode).search(keyRE) != (-1)) ||
        (typeof (event.charCode) != 'undefined' && event.charCode > 0 && String.fromCharCode(event.charCode).search(keyRE) != (-1)) ||
        (typeof (event.charCode) != 'undefined' && event.charCode != event.keyCode && typeof (event.keyCode) != 'undefined' && event.keyCode.toString().search(/^(8|9|13|45|46|35|36|37|39)$/) != (-1)) ||
        (typeof (event.charCode) != 'undefined' && event.charCode == event.keyCode && typeof (event.keyCode) != 'undefined' && event.keyCode.toString().search(/^(8|9|13)$/) != (-1))) {
        return true;
    } else {
        return false;
    }
}

function ObterHttp() {
    var http = false;

    try {
        http = new XMLHttpRequest();
    }
    catch (e) {
        try {
            http = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch (E) {
            http = new ActiveXObject("Msxml2.XMLHTTP");
            http = false;
        }
    }

    		if (!http && typeof XMLHttpRequest!='undefined') {
    			http = new XMLHttpRequest();
    		}

    return http;
}