// if($(".img_detalhe").size()<2){
//     $(".bt_img_detalhe").remove();
// }

$(".img_detalhe, .imagem_cor").bind("click",function(){
    trocaImagemPrincipal(this);
});

$('#select_cores_mobile').on('change', function(){
    var obj = $(this).find(':selected');
    trocaImagemPrincipal(obj);
})

$(".seta_mobile").bind('click',function(){

    var obj = $(this);
    var indice = $(".js-imagemprincipal").data("indice");
    var imagens = [];

    $('.img_detalhe').each(function(){
        imagens[imagens.length] = this;
    });

    if(obj.hasClass('next')){
        indice ++;
        if(indice == imagens.length){
            indice = 0;
        }
    }

    if(obj.hasClass('prev')){
        indice --;
        if(indice == -1){
            indice = imagens.length-1;
        }
    }

    for(var i=0;i<imagens.length;i++){
        if(i==indice){
            trocaImagem($(imagens[i]));
            $(".js-imagemprincipal").data('indice', i);
            break;
        }
    }
});

$(".fancybox").fancybox({
    padding: 0,
    openEffect : 'elastic',
    openSpeed  : 350,
    closeEffect : 'elastic',
    closeSpeed  : 350,
    closeClick : true
});

$(".rede_indique").bind("click",function(){
    $(".indique_box").fadeIn();
    return false;
});

$("#form_indique").ajaxForm({
    dataType:  "json",
    beforeSubmit : function(){
        $(".msg_indique").fadeIn();
        $(".msg_indique").html("Enviando...");
    },
    success : function(out){
        if(out[0]==0){
            $(".msg_indique").html(out[1]);
            //$(".c_mensagem").animate({"left":0},400);
        }
        if(out[0]==1){
            $(".msg_indique").html(out[1]);
            //$(".block_login .l_mensagem").animate({"left":0},400);
            //setTimeout(function(){location.reload();},1000);
        }
        //setTimeout(function(){$(".block_login .l_mensagem").animate({"left":"100%"},300);},2500);
    }
});

function trocaImagemPrincipal(obj) {
    $("#imagem_principal").attr("src", path + "img/assets/loading.gif");

    var _src = $(obj).data("src");
    var _timsrc = $(obj).data("timsrc");
    var _indice = $(obj).data("indice");

    $("#imagem_fancy").attr("href", _src);
    $("#imagem_principal").attr("src", _timsrc).data("indice", _indice);

    functionImageZoom();
}

function functionImageZoom() {
    var options = {
        width: 550,
        zoomWidth: 527,
        offset: {vertical: 0},
        fillContainer: true
    }

    new ImageZoom(document.getElementById("img-container"), options);
}

functionImageZoom();


function pinterestShare(url, media, description, winWidth, winHeight) {
    var winTop = (screen.height / 2) - (winHeight / 2);
    var winLeft = (screen.width / 2) - (winWidth / 2);
    window.open('http://br.pinterest.com/pin/create/button/?&url=' + url + '&media=' + media + '&description=' + description, 'sharer', 'top=' + winTop + ',left=' + winLeft + ',toolbar=0,status=0,width='+winWidth+',height='+winHeight);
    // http://br.pinterest.com/pin/create/button/?&url=
}

$('.pinterest').bind('click', function(){
    pinterestShare('{config->URL}detalhe/{produto->tag_nome}', '{config->URL}img/produtos/{produto->imagem}', '{produto->nome}', 720, 290);
    return false;
});

function fbNewPost(){
    let url = location.href
    var alt = 600;
    var larg = 800;
    var faceUrl = "https://www.facebook.com/sharer/sharer.php?u=" + url + "&amp;src=sdkpreparse";
    window.open(faceUrl,'popup','width=' + alt +','+ 'height='+ larg);
}

$('.js-twitter-share').bind('click', function(){
    var winWidth = 600;
    var winHeight = 350;
    var winTop = (screen.height / 2) - (winHeight / 2);
    var winLeft = (screen.width / 2) - (winWidth / 2);
    window.open('https://twitter.com/intent/tweet?text='+ $('#urlshare').val() +'&source=webclient', 'sharer', 'top=' + winTop + ',left=' + winLeft + ',toolbar=0,status=0,width='+winWidth+',height='+winHeight);
    return false;

});

$('.js-google-share').bind('click', function(){
    var winWidth = 600;
    var winHeight = 350;
    var winTop = (screen.height / 2) - (winHeight / 2);
    var winLeft = (screen.width / 2) - (winWidth / 2);
    window.open('https://plus.google.com/share?url='+$('#urlshareimg').val(), 'sharer', 'top=' + winTop + ',left=' + winLeft + ',toolbar=0,status=0,width='+winWidth+',height='+winHeight);
    return false;
});


/*
<img src="{path}img/detalhe/seta-esquerda.png" class="arrows visible-sm-block visible-xs js-seta-esquerda" />
<img src="{path}img/detalhe/seta-direita.png" class="arrows arrow-right visible-sm-block visible-xs js-seta-direita" />
*/

$('#select_cores_mobile').on('change', function(){
    var obj = $(this).find(':selected');

        if($('.js-corimgall').data('clicked')){
            return;
        }

        if(obj.data('timsrc')){

            var src = obj.data('timsrc');
            var destino = $('.js-imagemprincipal img');
            var newImg = new Image;

            $('.js-corimgall').removeClass('selected').css('opacity',.8).css('border','1px solid transparent');

            obj.addClass('selected').css('opacity',1).css('border','1px solid #fff');

            destino.animate({opacity:.9},100);

            if(!obj.data('load')){

                newImg.onload = function() {
                    obj.data('load',1);
                    destino.attr('src', this.src);
                    destino.animate({opacity:1},100);
                };

                newImg.src = src;

            }
            else {
                destino.attr('src', src);
                destino.animate({opacity:1},100);
            }

            if(obj.data("corid")){
                $("#item_cor_id").val(obj.data("corid"));
            }
            if(obj.data("itemid")){
                $("#item_id").val(obj.data("itemid") );
            }
            if(obj.data("itemreferencia")){
                //$("#item_referencia").html( $(obj).data("itemreferencia") );
            }
            if(obj.data("preco")){
                if($("#item_preco")){
                    $("#item_preco").html(obj.data("preco") );
                }
            }
        }
   
})

$('img.js-corimg').bind('click', function(){

    var obj = $(this);

    var src = obj.data('timsrc');
    var destino = $('.js-imagemprincipal img');
    var newImg = new Image;

    $('.js-corimgall').data('clicked',1).removeClass('selected').css('opacity',.8).css('border','1px solid transparent');
    obj.addClass('selected').css('opacity',1).css('border','1px solid #fff');

    if(obj.data("corid")){
        $("#item_cor_id").val(obj.data("corid"));
    }
    if(obj.data("itemid")){
        $("#item_id").val(obj.data("itemid") );
    }
    if(obj.data("itemreferencia")){
        //$("#item_referencia").html( $(obj).data("itemreferencia") );
    }
    if(obj.data("preco")){
        if($("#item_preco")){
            $("#item_preco").html(obj.data("preco") );
        }
    }

    destino.animate({opacity:.9},100);

    if(!obj.data('load')){

        newImg.onload = function() {
            obj.data('load',1);
            destino.attr('src', this.src);
            destino.animate({opacity:1},100);
        };

        newImg.src = src;

    }
    else {
        destino.attr('src', src);
        destino.animate({opacity:1},100);
    }

    $("#imagem_fancy").attr("href",obj.data('src'));

});

/**
 * Se o controle de cor for um select
 */

$('select.js-select-cor').bind('change', function(){

    var obj = $(this).find('option:selected');

    var src = obj.data('timsrc');
    var destino = $('.js-imagemprincipal img');
    var newImg = new Image;

    //console.log(obj);
    //console.log(obj.find('option:selected'));
    //console.log(obj.find('option:selected').data("corid"));

    if(obj.data("corid")){
        $("#item_cor_id").val(obj.data("corid"));
    }
    if(obj.data("itemid")){
        $("#item_id").val(obj.data("itemid") );
    }
    if(obj.data("itemreferencia")){
        //$("#item_referencia").html( $(obj).data("itemreferencia") );
    }
    if(obj.data("preco")){
        if($("#item_preco")){
            $("#item_preco").html(obj.data("preco") );
        }
    }

    destino.animate({opacity:.9},100);

    if(!obj.data('load')){

        newImg.onload = function() {
            obj.data('load',1);
            destino.attr('src', this.src);
            destino.animate({opacity:1},100);
        };

        newImg.src = src;

    }
    else {
        destino.attr('src', src);
        destino.animate({opacity:1},100);
    }

    $("#imagem_fancy").attr("href",obj.data('src'));

});

$(document).ready(function(){
	$('[data-toggle="tooltip"]').tooltip();
    $('[data-toggle="popover"]').popover(); 
});

/** KIT */
$(document).ready(function(){
    $(".js-detcombkit").bind("click",function(){
        obj = $(this);
        $(".js-detcombkit").removeClass("selected");
        obj.addClass("selected");
        kit = obj.data("kit");

        for(x in kit){
            if(elem = document.getElementById("kit_"+x)){
                switch(elem.nodeName){
                    case "INPUT" : elem.value = kit[x]; break;
                    case "TEXTAREA" : elem.value = kit[x]; break;
                    case "IMG" : 
                        if(x=='imagem'){
                            if( kit[x]!="" && kit[x]!=null )elem.src = path+"img/produtos/kit/"+kit[x];
                            else elem.src = path+"img/produtos/kit/sem_imagem.jpg";
                        }else if(x=='imagem_produto'){
                            if( kit[x]!="" && kit[x]!=null )elem.src = path+"img/produtos/"+kit[x];
                            else elem.src = path+"img/produtos/kit/sem_imagem.jpg";
                        }
                        break;
                    default : elem.innerHTML = kit[x];
                }
            }
        }
    });

 

    // INDIQUE O PRODUTO
	$('.form-indique').ajaxForm({
		dataType: 'json'
		,success: function(out){
			if(out.status){
				// $("#senhamsg").addClass('alert-success').html(out.msg).fadeIn();
				$('.form-indique .js-input').html('<div class="alert alert-success">'+out.msg+'</div>');
				$('.form-indique.js-input').html('<div class="alert alert-success">'+out.msg+'</div>');
				$('#modalIndicar .btn-primary').hide();
			}
			else {
				$('#modalIndicar .btn-primary').attr('disabled', false);
				$("#indiquemsg").addClass('alert-danger').html(out.msg).fadeIn();
			}
		}
		,error: function(out1, out2){
			$('#modalIndicar .btn-primary').attr('disabled', false);
			$("#indiquemsg").addClass('alert-danger').html('Erro: ' + out1 + ' - '.out2).fadeIn();
		}
		,beforeSend: function(){
			$('#modalIndicar .btn-primary').attr('disabled', true);
			$("#indiquemsg").removeClass('alert-danger').removeClass('alert-success').html('').hide();
		}
    });
    

    if(isMobile()){
        $('.d-compartilhar-mobi').click(function(){
            $('.ul-fav-email').show();
        });
        
        $(document).bind('click',function(e){
            if(!$(e.target).hasClass('classeaberto')){
                $('.ul-fav-email').hide();
            }
        });
    };
});

function validaQtdMinima(elem){
    $('._infoqtd').remove();
    qtd_minima = $(elem).data("qtdminima") ;
    if( eval(elem.value) < eval(qtd_minima) ){
        elem.value = qtd_minima;
        $(elem).after( "<p class='_infoqtd'>A quantidade foi ajustada.</p>" );
    }
}

//Abre categorias
var clicado = 0;
$('.link-aba').click(function(e){
    link = $(this).data('id');
    sub = $('.aba_'+link).data('id');

    if(sub == link && clicado != link){
        clicado = link;
        e.preventDefault();
        
        $('.aba-mobil').each(function(){
            $(this).slideUp();
        });
        
        subc = $('.aba_'+link).data('id');
        $('.aba_'+subc).slideToggle();
        $('.seta_'+link).addClass('up');
    }
    else{
        $('.aba-mobil').each(function(){
            $(this).slideUp();
        });
        $('.seta_'+link).removeClass('up');
        return false;
    }
});

    var Sdetalhe = new Swiper('#swiper-detalhe', {
        slidesPerView: 1,
        spaceBetween: 0,
        breakpoints:{
            991:{
                slidesPerView: 1,
                spaceBetween: 0,
            }
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        }
    });

    var swiperrelacionados = new Swiper('#swiper-relacionados', {
        slidesPerView: 4,
        spaceBetween: 0,
        breakpoints:{
            991:{
                slidesPerView: 2,
                spaceBetween: 0,
            },
            560:{
                slidesPerView: 2,
                spaceBetween: 0,
            },
        },
        navigation: {
            nextEl: '.rel-custom-next',
            prevEl: '.rel-custom-prev',
        },
    });

var Drelacionados = new Swiper('#Drelacionados', {
    slidesPerView: 4,
    spaceBetween: 0,
    pagination: {
      el: '.swiper-pagination',
      clickable: true,
        renderBullet: function(index, className){
            return '<div class="'+ className +'"><span>'+ ([index]) +'</span></div>'
        },
    },
    breakpoints:{
        991:{
            slidesPerView: 2,
            spaceBetween: 0,
        },
        560:{
            slidesPerView: 2,
            spaceBetween: 0,
        },
    },
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
});