﻿/**
	DecoradorNet - Site (DECORADORNET) v: 0.1
	Developer(s):
		+ Ivo Rafael (ivo@neotix.com.br)
		+ Fernando Basilio (fernando.basilio@neotix.com.br)
		+ Leonard Hofmann (leonard@neotix.com.br)
		+ Leandro Mancini (leandro@neotix.com.br)
		+ Rafael Souza (rafael.souza@neotix.com.br)
*/

var lib = {
    vCheckForm: null,
    vCheck: false,

    /* ------------------------------------------
    * inicializando metodos
    * ------------------------------------------
    */
    init: function() {
        lib.navMenu.init();
        lib.navVertical.init();
        lib.respNavVertical();
        lib.boxLogin.init();
        lib.footer.init();

        $('.bt_imprimir').bind('click', lib.popImprimir);

        setTimeout(function() {
            lib.navVertical.init();
            lib.respNavVertical();
        }, 1000);

        if ($('.item_login .item_conteudo h5').length) {
            var navVerticalUserName = $('.item_login .item_conteudo h5').html();
            if (navVerticalUserName.length > 18) navVerticalUserName = navVerticalUserName.slice(0, 14) + " ...";
            $('.item_login .item_conteudo h5').html(navVerticalUserName);
        }

        if ($('.bt_indique_amigo').html() != null) {
            lib.boxTutorial.init('.bt_indique_amigo');
            $('.bt_indique_amigo').click(function() {
                setTimeout(function() {
                    $(".pop_mid. txt_erro").empty().hide();
                    $('.pop_mid .form_indique_amigo .bt_form_enviar').neoHover();
                    $(".pop_mid .form_indique_amigo").find("input, textarea").focus(lib.validaForm).keyup(lib.validaForm);

                }, 300);
            });
        }


    },

    /* ------------------------------------------
    * @add navMenu
    * ------------------------------------------
    */
    navMenu: {

        itens: null,

        init: function() {
            this.itens = $(".header ul li a");
            this.itens.bind("mouseenter", lib.navMenu.over).bind("mouseleave", lib.navMenu.out).neoHover();
        },

        over: function() {
            $(this).animate({
                marginTop: "-5px"
            }, { duration: 200, queue: false });
        },

        out: function() {
            $(this).animate({
                marginTop: "0px"
            }, { duration: 200, queue: false });
        }

    },

    /* ------------------------------------------
    * @add navVertical
    * ------------------------------------------
    */
    navVertical: {

        init: function() {
            $(".nav_vertical .item").bind("mouseenter", lib.navVertical.over).bind("mouseleave", lib.navVertical.out).find(".ico").neoHover().bind("click", lib.navVertical.click);

            //            if ($(document).height() > ($('#container').height() + $('.footer').height()))
            //                $('#container').css({ height: $(document).height() - 175});

            $(".nav_vertical").height($("#container").height() - $(".header").height());
        },

        over: function() {
            $(this).find(".ico").css("backgroundPosition", "0 -40px");
            $(this).find("small").fadeOut("fast");
            $(this).animate({
                width: "210px"
            }, { duration: 200, queue: false });
        },

        out: function() {
            $(this).find(".ico").css("backgroundPosition", "0 0");
            $(this).find("small").fadeIn("fast");
            $(this).animate({
                width: "40px"
            }, { duration: 200, queue: false });
        },

        click: function() {
            return false;
        }

    },

    /* ------------------------------------------
    * @add respNavVertical
    * ------------------------------------------
    */
    respNavVertical: function() {

        var viewportWidth = (self.innerWidth || (document.documentElement.clientWidth || (document.body.clientWidth || 0))); // Grava a largura do viewport
        var bodyWidth = $("body").width();
        var diff = viewportWidth - bodyWidth;
        var wTotal = $(".content").width() + diff;

        if (viewportWidth < wTotal) {
            var diffBarra = -(wTotal - viewportWidth) + "px";
            $(".nav_vertical").css({ right: diffBarra });
        } else {
            $(".nav_vertical").css({ right: "0px" });
        }

    },

    /* ------------------------------------------
    * @add boxLogin
    * ------------------------------------------
    */
    boxLogin: {

        div_box_login: null,
        div_conteudo_login: null,
        bt_ja_sou_cadastrado: null,

        init: function() {

            this.div_box_login = $(".box_login h2");
            this.div_conteudo_login = $(".conteudo_login");
            this.bt_ja_sou_cadastrado = $(".bt_ja_sou_cadastrado");

            //this.div_box_login.bind("mouseenter", lib.boxLogin.openBoxLogin).bind("mouseleave", lib.boxLogin.closeBoxLogin).find("h3 a").neoHover();
            this.div_box_login.bind("click", lib.boxLogin.openBoxLogin).parent().find("h3 a").neoHover();
            this.bt_ja_sou_cadastrado.bind("click", lib.boxLogin.expandBoxLogin);

            $(".box_login .bt_entrar").bind("click", lib.boxLogin.login);

            $('.box_login .txt_senha').bind('keypress', function(e) {
                var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
                if (key == 13) {
                    lib.boxLogin.login();
                    return false;
                }
            });

            $('.area_login .txt_senha').bind('keypress', function(e) {
                var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
                if (key == 13) {
                    lib.boxLogin.loginInterna();
                    return false;
                }
            });

        },

        openBoxLogin: function() {
            trace('openBoxLogin');
            lib.boxLogin.div_box_login.parent().animate({
                height: "115px",
                top: "5px"
            }, { duration: 200, queue: false });

            lib.boxLogin.div_box_login.unbind('click');
            lib.boxLogin.div_box_login.click(lib.boxLogin.closeBoxLogin);

            $(document).click(function(event) {
                if ($(event.target).attr('rel') != "nClose")
                    lib.boxLogin.closeBoxLogin();
            });
            return false;

        },

        expandBoxLogin: function() {

            trace('expandBoxLogin');
            lib.boxLogin.div_conteudo_login.animate({
                height: "124px"
            }, { duration: 200, queue: false });

            lib.boxLogin.div_box_login.parent().animate({
                height: "250px"
            }, { duration: 200, queue: false });

            return false;

        },

        login: function() {

            var usuario = $(".box_login .txt_login").val()
            var senha = $(".box_login .txt_senha").val()

            if (usuario == "") {

                $(".box_login  .txt_erro_login").html("Preencha um e-mail.");

            } else if (senha == "") {

                $(".box_login .txt_erro_login").html("Preencha uma senha.");

            } else {
                lib.boxLogin.getLogin(usuario, senha, '.box_login');
            }

            return false;

        },

        loginInterna: function() {
            var usuario = $(".box_login_decorar .txt_login").val()
            var senha = $(".box_login_decorar .txt_senha").val()

            if (usuario == "") {

                $(".box_login_decorar  .txt_erro_login").html("Preencha um e-mail.");

            } else if (senha == "") {

                $(".box_login_decorar .txt_erro_login").html("Preencha uma senha.");

            } else {
                lib.boxLogin.getLogin(usuario, senha, '.box_login_decorar');
            }

            return false;
        },

        getLogin: function(usuario, senha, _class) {

            $.ajax({
                type: "POST",
                url: "/ajax/post-login.aspx",
                data: { "usuario": usuario, "senha": senha },
                success: function(msg) {
                    if (msg == "false") {
                        $(_class + " .txt_erro_login").html("Login ou Senha inv&aacute;lidos!");
                    } else {
                        window.location = "/mini-site/";
                    }
                }
            });

        },

        closeBoxLogin: function() {
            trace('closeBoxLogin');
            if (lib.boxLogin.div_conteudo_login.height() == 0) {

                lib.boxLogin.div_box_login.parent().animate({
                    height: "33px",
                    top: "87px"
                }, { duration: 200, queue: false });

            } else {

                lib.boxLogin.div_conteudo_login.animate({
                    height: "0px"
                }, { duration: 200, queue: false });

                lib.boxLogin.div_box_login.parent().animate({
                    height: "115px"
                }, { duration: 200, queue: false });

                setTimeout(function() {
                    lib.boxLogin.div_box_login.parent().animate({
                        height: "33px",
                        top: "87px"
                    }, { duration: 200, queue: false });
                }, 700);

            }

            $(document).unbind('click');
            lib.boxLogin.div_box_login.unbind('click');
            lib.boxLogin.div_box_login.click(lib.boxLogin.openBoxLogin);

        }

    },

    footer: {
        init: function() {
            this.getScripts();
        },

        getScripts: function() {
            $.getScript('/js/plugins/neo-read-more-hover.js', function() {
                setTimeout(function() {
                    $('.neo-read-more-hover').neoReadMoreHover();
                }, 500);
            });

            $.getScript('/js/plugins/neo-main-faq.js', function() {
                setTimeout(function() {
                    $('.list-main-faq li a').neoMainFaq();
                }, 500);
            });
        }
    },

    noNeoHover: function(obj) {

        imgBullet = "<img src='/img/bullet-nav-header.png' />";

        $(obj).find("span").remove()

        $(obj).css({
            backgroundPosition: "0 -38px"
        }).unbind("mouseenter").unbind("mouseleave").parent().append(imgBullet);

    },

    boxTutorial: {
        _qtdItens: 0,
        _paginaAnterior: 0,
        _proximaPagina: 1,
        _height: null,
        _widthP: null,
        _widthPagina: null,
        _galeria: false,
        _class: '',
        _callback: null,

        init: function(_class, callback) {
            if (callback != undefined) lib.boxTutorial._callback = callback;
            $(_class).click(lib.boxTutorial.openBoxTutorial);
        },

        openBoxTutorial: function() {
            var _classe_tutorial = $(this).attr('rel');
            var _classe_pop = _classe_tutorial.replace('div.', "js_");
            if (lib.boxTutorial._galeria) {
                lib.boxTutorial._height = 625;
                lib.boxTutorial._widthPagina = 775;
                lib.boxTutorial._class = 'pop_tutorial_g';
            } else {
                lib.boxTutorial._height = 477;
                lib.boxTutorial._widthPagina = 475;
            }

            if ($(_classe_tutorial).html() != null) {
                var _html = '<div class="pop_tutorial ' + lib.boxTutorial._class + " " + _classe_pop + '">';
                _html += '<a href="javascript:void[0];" class="bt-fechar rpc" title="Fechar">Fechar</a>';
                _html += '<div class="pop_mid">';
                _html += $(_classe_tutorial).html();
                _html += '</div>';
                _html += '<a href="javascript:void[0];" class="bt-proximo rpc" rel="' + _classe_pop + '" title="Próximo">Próximo</a>';
                _html += '<a href="javascript:void[0];" class="bt-anterior rpc" rel="' + _classe_pop + '" title="Anterior">Anterior</a>';
                _html += '</div>';
                $('body > form').append(_html);

                if ($('.cortina').length == 0) {
                    $('body > form').append('<div class="cortina"><div>');
                    $('.cortina').css({ height: $(document).height(), opacity: '0.7' }).fadeIn(200, function() {
                        $('.' + _classe_pop).animate({ height: lib.boxTutorial._height }, 200);
                    });
                } else {
                    $('.' + _classe_pop).animate({ height: lib.boxTutorial._height }, 200);
                }

                lib.boxTutorial._qtdItens = $('.' + _classe_pop).find('ul li').length;

                $('.pop_tutorial ul li p').attr('title', 'ocultar descrição').click(function() {
                    if ($(this).hasClass('off'))
                        $(this).animate({ width: '450px', textIndent: '0px' }, 'normal').removeClass('off').attr('title', 'ocultar descrição');
                    else
                        $(this).animate({ width: '0px', textIndent: '-9999px', height: $(this).height() }, 'normal').addClass('off').attr('title', 'exibir descrição');
                });
                $('.pop_tutorial .bt-fechar').bind('click', lib.boxTutorial.closeBoxTutorial);
                $('.pop_tutorial .bt-proximo').click(lib.boxTutorial.proximaPagina);
                $('.pop_tutorial .bt-anterior').click(lib.boxTutorial.paginaAnterior).css({ opacity: '0.5' });

                if (lib.boxTutorial._qtdItens <= 1) $('.pop_tutorial .bt-proximo, .pop_tutorial .bt-anterior').css({ display: 'none' });
                if ($.browser.msie && jQuery.browser.version == '6.0') $('.pop_tutorial').css({ position: 'absolute' });

                if (lib.boxTutorial._callback != null) {
                    lib.boxTutorial._callback();
                }
            }
        },

        closeBoxTutorial: function() {

            $(this).parent().css({ top: '47.6%', bottom: 'auto' }).animate({ height: 0 }, 200, function() {
                if ($('body .pop_tutorial').length == 1) {
                    $('.cortina').fadeOut(200, function() {
                        $(this).remove();
                    });
                }
                $(this).empty().remove();
            });
            lib.boxTutorial._qtdItens = 0;
            lib.boxTutorial._paginaAnterior = 0;
            lib.boxTutorial._proximaPagina = 1;
        },

        proximaPagina: function() {
            if (lib.boxTutorial._proximaPagina < (lib.boxTutorial._qtdItens)) {
                _mLeft = lib.boxTutorial._widthPagina * lib.boxTutorial._proximaPagina;

                lib.boxTutorial._proximaPagina++;
                lib.boxTutorial._paginaAnterior++;

                $(this).parent().find('.pop_mid ul').animate({ marginLeft: -_mLeft }, 200);

                $(this).parent().find('.bt-anterior').removeAttr('style');

                if (lib.boxTutorial._proximaPagina == lib.boxTutorial._qtdItens)
                    $(this).parent().find('.bt-proximo').css({ opacity: '0.5' });
            }
        },

        paginaAnterior: function() {
            if (lib.boxTutorial._paginaAnterior > 0) {

                _mLeft = lib.boxTutorial._widthPagina * (lib.boxTutorial._paginaAnterior - 1);

                lib.boxTutorial._proximaPagina--;
                lib.boxTutorial._paginaAnterior--;

                $(this).parent().find('.pop_mid ul').animate({ marginLeft: -_mLeft }, 200);

                $(this).parent().find('.bt-proximo').removeAttr('style');

                if (lib.boxTutorial._paginaAnterior == 0)
                    $(this).parent().find('.bt-anterior').css({ opacity: '0.5' });
            }
        }
    },

    misc: {
        openTermoCondicoes: function() {
            window.open('/termo-de-condicoes-de-uso.html', 'DecoradorNet', 'left=100, top=50,width=750, height=500, resizable=no, scrollbars=yes');
            return false;
        }
    },

    insertInto: function(obj, str) {
        $(obj).append(str);
    },

    overBulletPoint: function() {
        //zera boxes visiveis
        $(".bullet_expand_planta").css({ backgroundPosition: "0 0" });
        $(".content_box").animate({
            height: "0px"
        }, {
            duration: 300,
            queue: false
        });

        $(this).css({ backgroundPosition: "0 -29px" });
        $(this).next().animate({
            height: "250px"
        }, {
            duration: 300,
            queue: false
        }).show();
        $(this).next().bind("mouseleave", lib.overAreaPoint)

    },

    overAreaPoint: function() {

        $(this).prev().css({ backgroundPosition: "0 0" });
        $(this).animate({
            height: "0px"
        }, {
            duration: 300,
            queue: false
        });

    },

    // validação popIndicar
    checkEmail: function(obj) {
        if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test($(obj).val())) return true;
    },

    checkBlank: function(obj) {
        if ($(obj).val() != '') return true;
    },

    checkNaN: function(obj) {
        if (isNaN($(obj).val()) == true) return true;
    },

    onlyNumbers: function(obj) {
        setTimeout(function() {
            str = $(obj).val();
            str = str.replace(/\D/g, "");
            $(obj).val(str);
        }, 1);
    },

    mensagemErro: function(obj, str) {
        obj.parent().addClass("input_erro");
        $(".pop_mid .txt_erro").empty().show().html(str);
        return false;
    },

    checkAll: function() {
        vCheck = true;
        $(".pop_mid .txt_sucesso").hide();
        if ($(".pop_mid .txtSeuNome").val() == "") {
            vCheck = false;
            $(".pop_mid .txtSeuNome").parent().addClass("input_erro");
        }
        if ($(".pop_mid .txtSeuEmail").val() == "" || !lib.checkEmail($(".pop_mid .txtSeuEmail")) == true) {
            vCheck = false;
            $(".pop_mid .txtSeuEmail").parent().addClass("input_erro");
        }
        if ($(".pop_mid .txtNomeAmigo").val() == "") {
            vCheck = false;
            $(".pop_mid .txtNomeAmigo").parent().addClass("input_erro");
        }
        if ($(".pop_mid .txtEmailAmigo").val() == "" || !lib.checkEmail($(".pop_mid .txtEmailAmigo")) == true) {
            vCheck = false;
            $(".pop_mid .txtEmailAmigo").parent().addClass("input_erro");
        }
        if ($(".pop_mid .txtMensagem").val() == "") {
            vCheck = false;
            $(".pop_mid .txtMensagem").parent().addClass("input_erro");
        }

        if (vCheck == false)
            $(".pop_mid .txt_erro").empty().show().html('Preencha corretamente o campo.');
        else {
            lib.indicarAmigo();
            $(".form_indique_amigo .bt_form_enviar").hide();
            $(".form_indique_amigo .img_load").show();
        }

        return vCheck;
    },

    validaForm: function() {
        $(".pop_mid .txt_sucesso").hide();
        if (!lib.checkBlank($(this)) == true) {
            lib.mensagemErro($(this), "Preencha corretamente o campo.");
        } else if ($(this).attr("class") == "txtSeuEmail" && !lib.checkEmail($(this)) == true) {
            lib.mensagemErro($(this), "E-mail inv&aacute;lido.");
        } else if ($(this).attr("class") == "txtEmailAmigo" && !lib.checkEmail($(this)) == true) {
            lib.mensagemErro($(this), "E-mail inv&aacute;lido.");
        } else {
            $(this).parent().removeClass("input_erro");
            $(".pop_mid .txt_erro").empty().hide()
        }
    },

    resetForm: function(area_inputs) {
        $('.' + area_inputs).find("input, textarea").val('');
    },

    indicarAmigo: function() {
        var _seunome = $(".pop_mid .txtSeuNome").val();
        var _seuemail = $(".pop_mid .txtSeuEmail").val();
        var _nomeamigo = $(".pop_mid .txtNomeAmigo").val();
        var _emailamigo = $(".pop_mid .txtEmailAmigo").val();
        var _mensagem = $(".pop_mid .txtMensagem").val();
        var _url_atual = window.location.href;

        $.ajax({
            type: "POST",
            url: "/ajax/indique-amigo.aspx",
            data: { "seunome": _seunome, "seuemail": _seuemail, "nomeamigo": _nomeamigo, "emailamigo": _emailamigo, "mensagem": _mensagem, "urlatual": _url_atual },
            success: function(msg) {
                if (msg == "true") {
                    $(".pop_mid .txt_sucesso").show();
                    $(".form_indique_amigo .bt_form_enviar").show();
                    $(".form_indique_amigo .img_load").hide();
                    lib.resetForm('pop_mid');
                } else {
                    $(".pop_mid .txt_erro").empty().show().html('Ocorreu uma falha de conexão. Tente novamente ou mais tarde.');
                    $(".form_indique_amigo .bt_form_enviar").show();
                    $(".form_indique_amigo .img_load").hide();
                }
            }
        });
    },

    popImprimir: function() {
        window.open('/Popup-Impressao.htm', 'Imprimir', 'left=100,top=200,width=950,height=600,location=0,resizable=no,scrollbars=yes');
    }

};                                                                 //end lib



$(document).ready(function() {
	$(window).resize(function(){
		lib.respNavVertical();
	});
	lib.init();

	//No IE6 check
	if (jQuery.browser.msie && jQuery.browser.version == "6.0") {
	    var str_aviso = "<div class='no-ie6-alert'><ul class='ul'><li class='msg'><ul><li>Voc&ecirc; est&aacute; usando um navegador desatualizado!</li><li>Para navegar melhor neste site, por favor, atualize seu navegador.</li></ul></li><li><a href='http://br.mozdev.org/download/' target='_blank' title='Download Firefox'><img src='/img/ico_browsers/firefox.png' width='50px' height='50px' alt='Download Firefox'/></a></li><li><a href='http://www.microsoft.com/brasil/windows/internet-explorer/' target='_blank' title='Download Internet Explorer 8'><img src='/img/ico_browsers/ie.png' width='50px' height='50px' alt='Download Internet Explorer 8'/></a></li><li><a href='http://www.apple.com/br/safari/download/' target='_blank' title='Download Safari'><img src='/img/ico_browsers/safari.png' width='50px' height='50px' alt='Download Safari'/></a></li><li><a href='http://www.google.com/chrome?hl=pt-BR' target='_blank' title='Download Google Chrome'>				    <img src='/img/ico_browsers/chrome.png' width='50px' height='50px' alt='Download Google Chrome'/></a></li><li><a href='http://www.opera.com/download/' target='_blank' title='Download Opera'><img src='/img/ico_browsers/opera.png' width='50px' height='50px' alt='Download Opera'/></a></li></ul></div>";
	    $('body').prepend(str_aviso);
	}
});


function trace(obj){
	try{
		console.log(obj)
	}
	catch(e){}
}
