﻿$(function () {

    var $ = jQuery.noConflict();




    // Mascara cep Home
    $("#txtZipCode").mask("99999-999");

    $('#idZip').click(function (ev) {
        window.open('popupshipcost.aspx?zip=' + $('#txtZipCode').val(),
        'Continue_to_Application', 'width=498,height=400');
        ev.preventDefault();
        //        return false;

    })
    $('#txtZipCode').focus(function () {

        if ($("#txtZipCode").val() == "" || $("#txtZipCode").val() == "_____-___") {
            $("#txtZipCode").removeClass("form_cep_flores_rapido");
            $("#txtZipCode").addClass("form_cep_flores_rapido_none");
        }


    })
    $('#txtZipCode').blur(function () {

        if ($("#txtZipCode").val() == "" || $("#txtZipCode").val() == "_____-___") {
            $("#txtZipCode").removeClass("form_cep_flores_rapido_none");
            $("#txtZipCode").addClass("form_cep_flores_rapido");
        }

    })

    $('#ctl00_txtDsKeyWord').focus(function () {
        $("#ctl00_txtDsKeyWord").removeClass("form_busca_header_home");
        $("#ctl00_txtDsKeyWord").addClass("form_busca_header_home_none");


        $("#ctl00_txtDsKeyWordFooter").removeClass("form_busca_footer_home");
        $("#ctl00_txtDsKeyWordFooter").addClass("form_busca_footer_home_none");
    });
    $('#ctl00_txtDsKeyWord').blur(function () {
        if ($("#ctl00_txtDsKeyWord").val() == "") {
            $("#ctl00_txtDsKeyWord").removeClass("form_busca_header_home_none");
            $("#ctl00_txtDsKeyWord").addClass("form_busca_header_home");
        }
        if ($("#ctl00_txtDsKeyWordFooter").val() == "") {
            $("#ctl00_txtDsKeyWordFooter").removeClass("form_busca_footer_home_none");
            $("#ctl00_txtDsKeyWordFooter").addClass("form_busca_footer_home");
        }
    })
    $('#ctl00_txtDsKeyWordFooter').focus(function () {
        $("#ctl00_txtDsKeyWord").removeClass("form_busca_header_home");
        $("#ctl00_txtDsKeyWord").addClass("form_busca_header_home_none");


        $("#ctl00_txtDsKeyWordFooter").removeClass("form_busca_footer_home");
        $("#ctl00_txtDsKeyWordFooter").addClass("form_busca_footer_home_none");
    });
    $('#ctl00_txtDsKeyWordFooter').blur(function () {
        if ($("#ctl00_txtDsKeyWord").val() == "") {
            $("#ctl00_txtDsKeyWord").removeClass("form_busca_header_home_none");
            $("#ctl00_txtDsKeyWord").addClass("form_busca_header_home");
        }
        if ($("#ctl00_txtDsKeyWordFooter").val() == "") {
            $("#ctl00_txtDsKeyWordFooter").removeClass("form_busca_footer_home_none");
            $("#ctl00_txtDsKeyWordFooter").addClass("form_busca_footer_home");
        }
    })


    $('#ctl00_txtEmail').focus(function () {

        if ($("#ctl00_txtEmail").val() == "") {
            $("#ctl00_txtEmail").removeClass("form_newsletter");
            $("#ctl00_txtEmail").addClass("form_newsletter_none");
        }

    })
    $('#ctl00_txtEmail').blur(function () {

        if ($("#ctl00_txtEmail").val() == "") {
            $("#ctl00_txtEmail").removeClass("form_newsletter_none");
            $("#ctl00_txtEmail").addClass("form_newsletter");

        }

    })
    $(window).load(function () {

        //$.fn.SetWidthLojasEspeciais();

    });
    $(window).resize(function () {
        //$.fn.SetWidthLojasEspeciais();

    });



    $("#liPrice").mousemove(function () {
        //Troca cor de fundo
        $("#liDateSpecial a").removeClass("bt_dpt_datas_especiais_selecionado");
        $("#liDateSpecial a").addClass("bt_dpt_datas_especiais");
        $("#liMakeGiftBask a").removeClass("bt_dpt_monte_sua_cesta_selecionado");
        $("#liMakeGiftBask a").addClass("bt_dpt_monte_sua_cesta");
        $("#liFlowers a").removeClass("bt_dpt_flores_presentes_selecionado");
        $("#liFlowers a").addClass("bt_dpt_flores_presentes");
        $("#liCollection a").removeClass("bt_dpt_colecoes_selecionado");
        $("#liCollection a").addClass("bt_dpt_colecoes");
        $("#liOcasiao a").removeClass("bt_dpt_ocasioes_selecionado");
        $("#liOcasiao a").addClass("bt_dpt_ocasioes");
        $("#liTipoFlor a").removeClass("bt_dpt_home_selecionado");
        $("#liTipoFlor a").addClass("bt_dpt_home");


        $("#liPrice a").removeClass("bt_dpt_precos");
        $("#liPrice a").addClass("bt_dpt_precos_selecionados");

        // Visivel e invisivel
        $("#DivFloresBrasil").addClass("visiblediv");
        $("#DivFloresBrasil").removeClass("invisiblediv");
        $("#DivFloresSp").addClass("invisiblediv");
        $("#DivMakeGiftBask").addClass("invisiblediv");
        $("#DivFlowers").addClass("invisiblediv");
        $("#DivCollection").addClass("invisiblediv");
        $("#DivOcasiao").addClass("invisiblediv");
        $("#DivTipoFlores").addClass("invisiblediv");

        if ($("#DivFloresBrasil").hasClass("visiblediv")) {
            $("#mycarousel1").jcarousel({
                visible: (($("#mycarousel1 >li").length < 5) ? $("#mycarousel1 >li").length : 5),
                wrap: null,
                scroll: 1,
                buttonNextEvent: "mouseover click",
                buttonPrevEvent: "mouseover click",
                start: ($("#mycarousel1 >li").length),
                itemLoadCallback: itemLoadCallbackFunction
            });
        }
        function itemLoadCallbackFunction(carousel, state) {
            $("#mycarousel1 >li").each(function (index) {
                this.style.width = "170px";
                if ($(this).text() == "") {
                    $(this).remove();
                }
            });
        }


    });
    $("#liDateSpecial").mousemove(function () {
        //Troca cor de fundo
        $("#liPrice a").removeClass("bt_dpt_precos_selecionados");
        $("#liPrice a").addClass("bt_dpt_precos");
        $("#liMakeGiftBask a").removeClass("bt_dpt_monte_sua_cesta_selecionado");
        $("#liMakeGiftBask a").addClass("bt_dpt_monte_sua_cesta");
        $("#liFlowers a").removeClass("bt_dpt_flores_presentes_selecionado");
        $("#liFlowers a").addClass("bt_dpt_flores_presentes");
        $("#liCollection a").removeClass("bt_dpt_colecoes_selecionado");
        $("#liCollection a").addClass("bt_dpt_colecoes");
        $("#liOcasiao a").removeClass("bt_dpt_ocasioes_selecionado");
        $("#liOcasiao a").addClass("bt_dpt_ocasioes");
        $("#liTipoFlor a").removeClass("bt_dpt_home_selecionado");
        $("#liTipoFlor a").addClass("bt_dpt_home");


        $("#liDateSpecial a").removeClass("bt_dpt_datas_especiais");
        $("#liDateSpecial a").addClass("bt_dpt_datas_especiais_selecionado");

        // Visivel e invisivel
        $("#DivFloresSp").addClass("visiblediv");
        $("#DivFloresSp").removeClass("invisiblediv");
        $("#DivFloresBrasil").addClass("invisiblediv");
        $("#DivMakeGiftBask").addClass("invisiblediv");
        $("#DivFlowers").addClass("invisiblediv");
        $("#DivCollection").addClass("invisiblediv");
        $("#DivOcasiao").addClass("invisiblediv");
        $("#DivTipoFlores").addClass("invisiblediv");

        if ($("#DivFloresSp").hasClass("visiblediv")) {
            $("#mycarousel2").jcarousel({
                visible: (($("#mycarousel2 >li").length < 7) ? $("#mycarousel2 >li").length : 7),
                wrap: null,
                scroll: 1,
                buttonNextEvent: "mouseover click",
                buttonPrevEvent: "mouseover click",
                itemLoadCallback: itemLoadCallbackFunctionDateSpecial
            });
        }
        function itemLoadCallbackFunctionDateSpecial(carousel, state) {
            $("#mycarousel2 >li").each(function (index) {
                if ($(this).text() == "") {
                    $(this).remove();
                }
            });

        }
    });

    $("#liMakeGiftBask").mousemove(function () {
        //Troca cor de fundo
        $("#liDateSpecial a").removeClass("bt_dpt_datas_especiais_selecionado");
        $("#liDateSpecial a").addClass("bt_dpt_datas_especiais");
        $("#liPrice a").removeClass("bt_dpt_precos_selecionados");
        $("#liPrice a").addClass("bt_dpt_precos");
        $("#liFlowers a").removeClass("bt_dpt_flores_presentes_selecionado");
        $("#liFlowers a").addClass("bt_dpt_flores_presentes");
        $("#liCollection a").removeClass("bt_dpt_colecoes_selecionado");
        $("#liCollection a").addClass("bt_dpt_colecoes");
        $("#liOcasiao a").removeClass("bt_dpt_ocasioes_selecionado");
        $("#liOcasiao a").addClass("bt_dpt_ocasioes");
        $("#liTipoFlor a").removeClass("bt_dpt_home_selecionado");
        $("#liTipoFlor a").addClass("bt_dpt_home");


        $("#liMakeGiftBask a").removeClass("bt_dpt_monte_sua_cesta");
        $("#liMakeGiftBask a").addClass("bt_dpt_monte_sua_cesta_selecionado");

        // Visivel e invisivel 

        $("#DivMakeGiftBask").addClass("visiblediv");
        $("#DivMakeGiftBask").removeClass("invisiblediv");
        $("#DivFloresSp").addClass("invisiblediv");
        $("#DivFloresBrasil").addClass("invisiblediv");
        $("#DivFlowers").addClass("invisiblediv");
        $("#DivCollection").addClass("invisiblediv");
        $("#DivOcasiao").addClass("invisiblediv");
        $("#DivTipoFlores").addClass("invisiblediv");


        if ($("#DivMakeGiftBask").hasClass("visiblediv")) {
            $("#mycarousel3").jcarousel({
                visible: (($("#mycarousel3 >li").length < 7) ? $("#mycarousel3 >li").length : 7),
                wrap: null,
                scroll: 1,
                buttonNextEvent: "mouseover click",
                buttonPrevEvent: "mouseover click",
                itemLoadCallback: itemLoadCallbackFunctionMakeGiftBask
            });
        }
        function itemLoadCallbackFunctionMakeGiftBask(carousel, state) {
            $("#mycarousel3 >li").each(function (index) {
                if ($(this).text() == "") {
                    $(this).remove();
                }
            });

        }
    });

    $("#liFlowers").mousemove(function () {
        //Troca cor de fundo
        $("#liDateSpecial a").removeClass("bt_dpt_datas_especiais_selecionado");
        $("#liDateSpecial a").addClass("bt_dpt_datas_especiais");
        $("#liPrice a").removeClass("bt_dpt_precos_selecionados");
        $("#liPrice a").addClass("bt_dpt_precos");
        $("#liMakeGiftBask a").removeClass("bt_dpt_monte_sua_cesta_selecionado");
        $("#liMakeGiftBask a").addClass("bt_dpt_monte_sua_cesta");
        $("#liCollection a").removeClass("bt_dpt_colecoes_selecionado");
        $("#liCollection a").addClass("bt_dpt_colecoes");
        $("#liOcasiao a").removeClass("bt_dpt_ocasioes_selecionado");
        $("#liOcasiao a").addClass("bt_dpt_ocasioes");
        $("#liTipoFlor a").removeClass("bt_dpt_home_selecionado");
        $("#liTipoFlor a").addClass("bt_dpt_home");


        $("#liFlowers a").removeClass("bt_dpt_flores_presentes");
        $("#liFlowers a").addClass("bt_dpt_flores_presentes_selecionado");

        // Visivel e invisivel 

        $("#DivFlowers").addClass("visiblediv");
        $("#DivFlowers").removeClass("invisiblediv")
        $("#DivFloresSp").addClass("invisiblediv")
        $("#DivFloresBrasil").addClass("invisiblediv")
        $("#DivMakeGiftBask").addClass("invisiblediv");
        $("#DivCollection").addClass("invisiblediv");
        $("#DivOcasiao").addClass("invisiblediv");
        $("#DivTipoFlores").addClass("invisiblediv");


        if ($("#DivFlowers").hasClass("visiblediv")) {
            $("#mycarousel4").jcarousel({
                visible: (($("#mycarousel4 >li").length < 7) ? $("#mycarousel4 >li").length : 7),
                wrap: null,
                scroll: 1,
                buttonNextEvent: "mouseover click",
                buttonPrevEvent: "mouseover click",
                itemLoadCallback: itemLoadCallbackFunctionFlowers
            });
        }
        function itemLoadCallbackFunctionFlowers(carousel, state) {
            $("#mycarousel4 >li").each(function (index) {
                if ($(this).text() == "") {
                    $(this).remove();
                }
            });

        }
    });



    $("#liCollection").mousemove(function () {
        //Troca cor de fundo
        $("#liDateSpecial a").removeClass("bt_dpt_datas_especiais_selecionado");
        $("#liDateSpecial a").addClass("bt_dpt_datas_especiais");
        $("#liPrice a").removeClass("bt_dpt_precos_selecionados");
        $("#liPrice a").addClass("bt_dpt_precos");
        $("#liMakeGiftBask a").removeClass("bt_dpt_monte_sua_cesta_selecionado");
        $("#liMakeGiftBask a").addClass("bt_dpt_monte_sua_cesta");
        $("#liFlowers a").removeClass("bt_dpt_flores_presentes_selecionado");
        $("#liFlowers a").addClass("bt_dpt_flores_presentes");
        $("#liOcasiao a").removeClass("bt_dpt_ocasioes_selecionado");
        $("#liOcasiao a").addClass("bt_dpt_ocasioes");
        $("#liTipoFlor a").removeClass("bt_dpt_home_selecionado");
        $("#liTipoFlor a").addClass("bt_dpt_home");


        $("#liCollection a").removeClass("bt_dpt_colecoes");
        $("#liCollection a").addClass("bt_dpt_colecoes_selecionado");

        // Visivel e invisivel 

        $("#DivCollection").addClass("visiblediv");
        $("#DivCollection").removeClass("invisiblediv")
        $("#DivFloresSp").addClass("invisiblediv")
        $("#DivFloresBrasil").addClass("invisiblediv")
        $("#DivMakeGiftBask").addClass("invisiblediv");
        $("#DivFlowers").addClass("invisiblediv");
        $("#DivOcasiao").addClass("invisiblediv");
        $("#DivTipoFlores").addClass("invisiblediv");

        if ($("#DivCollection").hasClass("visiblediv")) {

            $("#mycarousel5").jcarousel({
                visible: 7,
                wrap: null,
                scroll: 1,
                buttonNextEvent: "mouseover click",
                buttonPrevEvent: "mouseover click",
                start: 1,
                itemLoadCallback: itemLoadCallbackFunctionCollection
            });

        }
        function itemLoadCallbackFunctionCollection(carousel, state) {
            $("#mycarousel5 >li").each(function (index) {
                if ($(this).text() == "") {
                    $(this).remove();
                }
            });

        }

    });
    $("#liOcasiao").mousemove(function () {
        //Troca cor de fundo
        $("#liDateSpecial a").removeClass("bt_dpt_datas_especiais_selecionado");
        $("#liDateSpecial a").addClass("bt_dpt_datas_especiais");
        $("#liPrice a").removeClass("bt_dpt_precos_selecionados");
        $("#liPrice a").addClass("bt_dpt_precos");
        $("#liMakeGiftBask a").removeClass("bt_dpt_monte_sua_cesta_selecionado");
        $("#liMakeGiftBask a").addClass("bt_dpt_monte_sua_cesta");
        $("#liFlowers a").removeClass("bt_dpt_flores_presentes_selecionado");
        $("#liFlowers a").addClass("bt_dpt_flores_presentes");
        $("#liCollection a").removeClass("bt_dpt_colecoes_selecionado");
        $("#liCollection a").addClass("bt_dpt_colecoes");
        $("#liTipoFlor a").removeClass("bt_dpt_home_selecionado");
        $("#liTipoFlor a").addClass("bt_dpt_home");



        $("#liOcasiao a").removeClass("bt_dpt_ocasioes");
        $("#liOcasiao a").addClass("bt_dpt_ocasioes_selecionado");

        // Visivel e invisivel 

        $("#DivOcasiao").addClass("visiblediv");
        $("#DivOcasiao").removeClass("invisiblediv")
        $("#DivFloresSp").addClass("invisiblediv")
        $("#DivFloresBrasil").addClass("invisiblediv")
        $("#DivMakeGiftBask").addClass("invisiblediv");
        $("#DivFlowers").addClass("invisiblediv");
        $("#DivCollection").addClass("invisiblediv");
        $("#DivTipoFlores").addClass("invisiblediv");

        if ($("#DivOcasiao").hasClass("visiblediv")) {
            $("#mycarousel6").jcarousel({
                visible: 8,
                wrap: null,
                scroll: 1,
                buttonNextEvent: "mouseover click",
                buttonPrevEvent: "mouseover click",
                start: 1,
                itemLoadCallback: itemLoadCallbackFunction
            });
        }
        function itemLoadCallbackFunction(carousel, state) {
            $("#mycarousel6 >li").each(function (index) {
                this.style.width = "110px";
                if ($(this).text() == "") {
                    $(this).remove();
                }
            });

        }

    });

    if ($("#DivOcasiao").hasClass("visiblediv")) {
        $("#mycarousel6").jcarousel({
            visible: 8,
            wrap: null,
            scroll: 1,
            buttonNextEvent: "mouseover click",
            buttonPrevEvent: "mouseover click",
            start: 1,
            itemLoadCallback: itemLoadCallbackFunctionOcasiao

        });


    }
    // Variavel utilizada para Carousel
    var defaults = {
        vertical: false,
        start: 1,
        offset: 1,
        size: null,
        scroll: 4,
        visible: 4,
        animation: 500,
        easing: 'swing',
        auto: 0,
        wrap: null,
        initCallback: null,
        reloadCallback: null,
        itemLoadCallback: null,
        itemFirstInCallback: null,
        itemFirstOutCallback: null,
        itemLastInCallback: null,
        itemLastOutCallback: null,
        itemVisibleInCallback: null,
        itemVisibleOutCallback: null,
        buttonNextHTML: '<div></div>',
        buttonPrevHTML: '<div></div>',
        buttonNextEvent: 'mouseover',
        buttonPrevEvent: 'mouseover',
        buttonNextCallback: null,
        buttonPrevCallback: null
    };

    function MyNext(carousel, state) {

    }

    function MyPrev(carousel, state) {

    }

    function itemLoadCallbackFunctionOcasiao(carousel, state) {
        $("#mycarousel6 >li").each(function (index) {
            this.style.width = "110px";
            if ($(this).text() == "") {
                $(this).remove();
            }

        });
        this.options = $.extend({}, defaults, {});
        this.buttonNext = null;
        this.buttonPrev = null;


        this.buttonPrev = $('.jcarousel-prev', this.container);
        this.buttonNext = $('.jcarousel-next', this.container);


        //        if (this.buttonPrev.size() > 0 && this.options.buttonPrevEvent != null) {
        //            carousel.prev();
        //            return false;
        //        }
        if (this.buttonNext.size() > 0 && this.options.buttonNextEvent != null) {

        }

    }



    $("#liTipoFlor").mousemove(function () {
        //Troca cor de fundo
        $("#liDateSpecial a").removeClass("bt_dpt_datas_especiais_selecionado");
        $("#liDateSpecial a").addClass("bt_dpt_datas_especiais");
        $("#liPrice a").removeClass("bt_dpt_precos_selecionados");
        $("#liPrice a").addClass("bt_dpt_precos");
        $("#liMakeGiftBask a").removeClass("bt_dpt_monte_sua_cesta_selecionado");
        $("#liMakeGiftBask a").addClass("bt_dpt_monte_sua_cesta");
        $("#liFlowers a").removeClass("bt_dpt_flores_presentes_selecionado");
        $("#liFlowers a").addClass("bt_dpt_flores_presentes");
        $("#liOcasiao a").removeClass("bt_dpt_ocasioes_selecionado");
        $("#liOcasiao a").addClass("bt_dpt_ocasioes");
        $("#liTipoFlor a").removeClass("bt_dpt_home_selecionado");
        $("#liTipoFlor a").addClass("bt_dpt_home");


        $("#liTipoFlor a").removeClass("bt_dpt_home");
        $("#liTipoFlor a").addClass("bt_dpt_home_selecionado");

        // Visivel e invisivel 

        $("#DivTipoFlores").addClass("visiblediv");
        $("#DivTipoFlores").removeClass("invisiblediv")
        $("#DivCollection").addClass("invisiblediv")
        $("#DivFloresSp").addClass("invisiblediv")
        $("#DivFloresBrasil").addClass("invisiblediv")
        $("#DivMakeGiftBask").addClass("invisiblediv");
        $("#DivFlowers").addClass("invisiblediv");
        $("#DivOcasiao").addClass("invisiblediv");


        if ($("#DivTipoFlores").hasClass("visiblediv")) {

            $("#mycarousel7").jcarousel({
                visible: 8,
                wrap: null,
                scroll: 1,
                buttonNextEvent: "mouseover click",
                buttonPrevEvent: "mouseover click",
                itemLoadCallback: itemLoadCallbackFunctionTipoFlor

            });
        }
        function itemLoadCallbackFunctionTipoFlor(carousel, state) {
            $("#mycarousel7 >li").each(function (index) {
                if ($(this).text() == "") {
                    $(this).remove();
                }
            });

        }
    });

    //Marcas
    $("#mycarousel").jcarousel({
        visible: (($("#mycarousel >li").length < 6) ? $("#mycarousel >li").length : 6),
        wrap: null,
        scroll: 1,
        start: 1,
        buttonNextEvent: "click",
        buttonPrevEvent: "click",
        itemLoadCallback: itemLoadCallbackFunctionMarca
    });

    function itemLoadCallbackFunctionMarca(carousel, state) {
        $("#mycarousel >li").each(function (index, value) {

          //  this.style.width = "160px";
            
            if ($(this).attr('jcarouselindex') == "NaN" || $(this).attr('jcarouselindex') == undefined) {
                $(this).remove();
            }
        });
    }

    $.fn.SetWidthLojasEspeciais = function () {

        var divTdDireitaMenuLateralWidth = $(".tdDireitaMenuLateral").css("width");
        var divTblMenuWidth = $(".tblMenu").css("width");

        divTdDireitaMenuLateralWidth = divTdDireitaMenuLateralWidth.substring(0, divTdDireitaMenuLateralWidth.length - 2); //retira o px do final da string para poder fazer a conta
        divTdDireitaMenuLateralWidth = parseInt(divTdDireitaMenuLateralWidth);

        divTblMenuWidth = divTblMenuWidth.substring(0, divTblMenuWidth.length - 2); //retira o px do final da string para poder fazer a conta
        divTblMenuWidth = parseInt(divTblMenuWidth);

        var clientWidth = $(window).width(); // esta função já retorna o número sem px no final          

        if (clientWidth < 1000) {
            clientWidth = 1000; //esta atribuião é feita devido a definição de que a resolução minima do site é 1000px
        }

        //$("#mycarousel").css("width");
        $("#divLojasEspeciais").css("width", eval(clientWidth - divTblMenuWidth - divTdDireitaMenuLateralWidth - 10)); //o número 10 fixo no código representa a soma do padding esquerdo e padding direito do site

    };
});
