$(function() {

    $(".inp-busca").focus(function() { $(this).val(""); });
    $(".btn-pesquisar").click(function() {

        var busca = $(".inp-busca").val();
        if (busca == "" || busca == "Digite a palavra-chave")
            alert("Digite uma palavra-chave com mais de 4 caracter!");
        else if (busca.length <4)
         alert("Digite uma palavra-chave com mais de 4 caracter!"); 
        else
		window.location.href = "/Buscar/?busca=" + $(".inp-busca").val();
        return false;
    });


    var Tipo = { Cadastro: "CADASTRAR", Busca: "BUSCAR", Remover: "REMOVER" };
    $(".link-remover-favorito").click(function() {

        var link = $(this);
		var areaid = "#"+link.parent().parent().attr("id");
        var objeto = eval("(" + link.attr("rel") + ")");
        $.ajax({
            type: "GET",
            url: "/Eventos.aspx?AjaxFav=1",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: { codigo: objeto.codigo, area: objeto.area, comando: Tipo.Remover },
            success: function(dados) {
                if (dados.d)
                    resposta = eval("(" + dados.d + ")");
                else
                    resposta = dados;
				
                link.parent().remove();
				
				window.setTimeout(function(){
				//console.log($(".item-produto",$(areaid)));
				if(!$(".item-produto",$(areaid))[0])
				$("#span_" + areaid.replace("#","")).show();
				//console.log($("#span_" + areaid.replace("#","")));
				},300);
                

            },
            error: function(err) {

                // if ((!($(".item-produto")[0])))
                $("#span_" + link.parent().parent().attr("id")).show();
                link.parent().remove();


            }
        });

        return false;
    });

    $(".link-adicionar-aos-favoritos").click(function() {
        var link = $(this);
        var codigo = $("span", $($(this)[0]).parent()).html();
        if ($($(this)[0]).parent().is("strong")) {
            var codigo = $("span", $($(this)[0]).parent().parent().parent()).text();
        }
        var area = new String(document.location.pathname);
		//console.log(area)
        if (area != null && area != "") {
            var itens = area.split("/");
            area = itens[((itens[0] == "") ? 1 : 0)];
			if(area=="dicas")
			area = "dicasdeexpert";
        }
		//console.log(area)
        if (area.toLowerCase() == "novidades" || area.toLowerCase() == "categorias")
            area = "produtos";
        $(".btn-fechar").live("click", function() {
            $(".resposta-adicionar-aos-favoritos").remove();
            return false;
        });
        codigo = codigo.replace(/ /ig, "").replace(/\t/ig, "").replace(/\r/ig, "").replace(/\n/ig, "");
        var lista_favoritos = null;
        var dt = new String(new Date().getMilliseconds()).replace(/ /ig, "").replace(/-/ig, "");
        $.ajax({
            type: "GET",
            url: "/Eventos.aspx?AjaxFav=1",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: { area: area, comando: Tipo.Cadastro, codigo: codigo.toString(), dt: dt.toString() },
            success: function(resposta) {
                if (document.cookie == "") {
                    resposta.mensagem = "Seu Navegador, não esta aceitando cookies";
                }
                var div = $("<div />");
                div.addClass("resposta-adicionar-aos-favoritos pop-alert");
                var box = '';
                box += '<a href="javascript:;" class="btn-fechar">fechar</a>';
                box += '<div class="clear"></div>';
                box += '<div class="border">';
                box += '<fieldset>';
                box += '<h4 class="tit-alert">Adicionar aos favoritos</h4>';
                box += '<p class="msg-alert">';
                box += resposta.mensagem;
                box += '</p>';
                box += '</fieldset>';
                box += '</div>';
                div.append($(box));
                //$(link.parent().parent()).append(div);
                $("#container").parent().append(div);

                div.show();
                var posicao = getInnerSize()[1] / 2 + getScrollXY()[1] - 15;
                $(".pop-alert").css('top', Math.floor(posicao) + 'px');


            },
            error: function(err) {
                alert(err);
            }
        });

        return false;
    });

    $(".link-enviar-por-email").click(function() {

        var span = $("span", $(this).parent());
        var formulario = $(".formulario-enviar-por-email", $(this).parent());
        if (formulario.length == 0) {
            var id = span.html();
            id = (new String(id)).replace(/ /ig, "").replace(/\n/ig, "").replace(/\r/ig, "");
            var div = $("<div />").addClass("formulario-enviar-por-email pop-alert");
            div.attr("id", "campos_" + id);
            var html = '';
            html += '<div class="border">';
            html += '<fieldset>';
            html += '<h4 class="tit-seus-dados">SEUS DADOS</h4>';
            html += '<p class="fields">';
            html += '<label for="">Nome:</label> <input type="text" name="' + "nome" + id + '" id="' + "nome" + id + '" /><br />';
            html += '<label for="">E-mail:</label> <input type="text" name="' + "email" + id + '" id="' + "email" + id + '" /><br />';
            html += '<label for="">&nbsp;</label> <input type="checkbox" name="" id="" class="inpo-rdo" /><label for="" class="lbl-optin">Gostaria de receber informações de Maybelline no meu e-mail.</label>';
            html += '</p>';
            html += '<h4 class="tit-dados-amigas">DADOS DA SUA AMIGA</h4>';
            html += '<p class="fields">';
            html += '<label for="">Nome:</label> <input type="text" name="' + "amiga" + id + '" id="' + "amiga" + id + '" /><br />';
            html += '<label for="">E-mail:</label> <input type="text" name="' + "emailamiga" + id + '" id="' + "emailamiga" + id + '" />';
            html += '</p>';
            html += '<p class="btn-area">';
            html += '<input type="image" id="' + "cancelar_" + id + '" src="/img/btn-cancelar.gif" title="Cancelar" class="botao-cancelar-formulario-enviar-por-email btn-cancelar" />&nbsp;';
            html += '<input type="image" id="' + "enviar_" + id + '" src="/img/btn-enviar.gif" title="Enviar" class="botao-enviar-formulario-enviar-por-email btn-enviar" />';
            html += '</p>';
            html += '</fieldset>';
            html += '</div>';
            div.append($(html));
            /*
            div.append($("<strong />").html("SEUS DADOS " + span.html()).append("<br />"));
            
            var tabela = $("<table />");
            var tr = $("<tr />")
            var td = $("<td />").html("Nome:");
            tr.append(td);
            td = $("<td />").append($("<input />")
            .attr("maxlength", "30")
            .attr("type", "text")
            .attr("id", "nome" + span.html()));
            tr.append(td);
            tabela.append(tr);
            tr = $("<tr />")
            td = $("<td />").html("E-mail:");
            tr.append(td);
            td = $("<td />").append($("<input />")
            .attr("maxlength", "100")
            .attr("type", "text")
            .attr("id", "email" + span.html()));
            tr.append(td);
            tabela.append(tr);
            div.append(tabela);
            div.append($("<h4 />").html("Gostaria de receber informações de Maybelline no meu e-mail"));
            div.append($("<strong />").html("SUA AMIGA " + span.html()).append("<br />"));
            tabela = $("<table />");
            tr = $("<tr />")
            td = $("<td />").html("Nome:");
            tr.append(td);
            td = $("<td />").append($("<input />")
            .attr("type", "text")
            .attr("maxlength", "30")
            .attr("id", "amiga" + span.html()));
            tr.append(td);
            tabela.append(tr);
            tr = $("<tr />")
            td = $("<td />").html("E-mail:");
            tr.append(td);
            td = $("<td />").append($("<input />")
            .attr("maxlength", "100")
            .attr("type", "text")
            .attr("id", "emailamiga" + span.html()));
            tr.append(td);
            tabela.append(tr);
            tr = $("<tr />")
            td = $("<td />");
            tr.append(td);
            td = $("<td />").append($("<input />")
            .attr("id", "cancelar_" + span.html())
            .attr("type", "reset")
            .attr("value", "CANCELAR")
            .addClass("botao-cancelar-formulario-enviar-por-email"))
            .append($("<input />")
            .attr("id", "cacelar_" + span.html())
            .attr("type", "submit")
            .attr("value", "ENVIAR")
            .addClass("botao-enviar-formulario-enviar-por-email"));
            tr.append(td);
            tabela.append(tr);
            div.append(tabela);
            */
            //$(this).parent().append(div);
            $("#container").parent().append(div);
            div.show();

            var posicao = getInnerSize()[1] / 2 + getScrollXY()[1] - 15;
            $(".pop-alert").css('top', Math.floor(posicao) + 'px');


        } else
            formulario.show();
        return false;
    });


    $(".botao-cancelar-formulario-enviar-por-email")
            .live("click", function() {
                var id = $(this).attr("id").split("_")[1];
                id = (new String(id)).replace(/ /ig, "").replace(/\n/ig, "").replace(/\r/ig, "");

                var div_campos = $("#campos_" + id);
                /*
                console.log(div_campos.html());
                div_campos.hide();
                $(":input[type=text]", div_campos).each(function() {
                this.value = "";
                });
                */
                div_campos.remove();
                return false;
            });
    $(".botao-enviar-formulario-enviar-por-email")
            .live("click", function() {
                var id = $(this).attr("id").split("_")[1];
                id = (new String(id)).replace(/ /ig, "").replace(/\n/ig, "").replace(/\r/ig, "");
                var div_campos = $("#campos_" + id);
                var nome, amiga, email, emailamiga;
                nome = $("#nome" + id);
                amiga = $("#amiga" + id);
                email = $("#email" + id);
                emailamiga = $("#emailamiga" + id);
                var url = new String(document.location.href);
                //console.log(url.toString());
               //return false;
                var formularioOk = false;
                var mensagem = "";
                if (!nome.val() == "") {

                    nome.removeClass("erro");
                    formularioOk = true;
                }
                else {
                    mensagem = "Seu nome não foi informado.\n";
                    nome.addClass("erro"); formularioOk = false;
                }
                var expressaoregular = /^[\w!#$%&'*+\/=?^`{|}~-]+(\.[\w!#$%&'*+\/=?^`{|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}|\[\d{1,3}(\.\d{1,3}){3}\])$/;


                if (!amiga.val() == "") { amiga.removeClass("erro"); formularioOk = true; }
                else {
                    mensagem += "O nome de sua amiga não foi informado.\n";
                    amiga.addClass("erro"); formularioOk = false;
                }

                if (!email.val() == "") {
                    if (!expressaoregular.test(email.val())) {
                        formularioOk = false;
                        email.addClass("erro");
                        mensagem += "\nSeu e-mail não é valido.\n";
                    } else {
                        email.removeClass("erro");
                        formularioOk = true;
                    }
                }
                else {
                    email.addClass("erro");
                    mensagem += "\nSeu e-mail não é valido.\n";
                    formularioOk = false;
                }

                if (!emailamiga.val() == "") {
                    if (!expressaoregular.test(emailamiga.val())) {
                        formularioOk = false;
                        emailamiga.addClass("erro");
                        mensagem += "O e-mail de sua amiga não é valido.\n";
                    }
                    else {
                        emailamiga.removeClass("erro"); formularioOk = true;
                    }
                }
                else {
                    mensagem += "O e-mail de sua amiga não é valido.\n";
                    emailamiga.addClass("erro");
                    formularioOk = false;
                }

                if (formularioOk) {
                    div_campos.toggle("slow");

                    $.ajax({
                        type: "POST",
                        url: "/Eventos.aspx?AjaxFav=2",
                        data: { codigo: id,
                        url: url.toString(),
                            nome: nome.val(),
                            email: email.val(),
                            amiga: amiga.val(),
                            emailamiga: emailamiga.val()
                        },
                        success: function(response) {
                            //console.log(response);
                            div_campos.html("Mensagem enviada com sucesso!");
                            div_campos.show();
                            window.setTimeout(function() {
                                div_campos.remove();
                                div_campos.hide(); //toggle("slow");
                            }, 6000);
                        }
                    });

                } else alert(mensagem);
                return false;
            });

});