$(document).ready(function() {
    $(".btnEnviar").click(function() { 
        $("#formContato").submit();
    });
    $("#telefone").mask("(99) 9999-9999");
    $("#formContato").validate({
        rules: {
            nome: "required"
            ,
            email: {
                email: true
            }
            ,
            mensagem: "required"
        }
    });
    $("#formContato").ajaxForm({
        beforeSubmit: function() {
            return $("#formContato").valid();
        },
        success: function() {
            $("#formContato").html("Formulário enviado com sucesso. Obrigado pelo contato!");
            setTimeout(function() {
                $.fancybox.close();
            }, 3000);
        }
    });
    heightContainer = $("#listaPromocoesContainer ul li").length*580;
    $("#listaPromocoesContainer ul").css("width", heightContainer+"px");

    $("#listaCores li").click(function() {
        var varHTMLLI="";
        if($(this).attr('rel')=="unico") {
            var i=0;
            varHTMLLI = '<ul id="mycarousel" class="jcarousel-skin-tango">';
            //$(this).attr('id').toString().replace("idCor", "")
            for(x in vetFotos) {
                for(y in vetFotos[x]) {
                    if(i==0) {
                        substituiImagemPrincipal(vetFotos[x][y]);
                    } 
                    
                    varHTMLLI+='<li><img src="/imgthumbs/produto/'+vetFotos[x][y]+'"  alt=""  onerror="this.src=\'/images/public/index/foto-nao-disponivel.jpg\'; this.width=\'75\'; " /></li>';
                    
                    i++;
                }               
            }
            varHTMLLI+="</ul>";
        } else {
            $('#listaTamanhos').scrollTo($(this).attr("rel"), 800);

            $("#listaCores li").each(function() {
                $(this).attr("class",$(this).attr("class").toString().replace("clicked", ""));
            });
            $(this).attr("class",$(this).attr("class")+"clicked");

            codigoCor = $(this).attr("id").toString().replace("idCor", "");
            substituiImagemPrincipal(vetFotos[codigoCor][0]);

            varHTMLLI = '<ul id="mycarousel" class="jcarousel-skin-tango">';
            for(x in vetFotos[codigoCor]) {
                varHTMLLI+='<li><img src="/imgthumbs/produto/'+vetFotos[codigoCor][x]+'" onerror="this.src=\'/images/public/index/foto-nao-disponivel.jpg\'; this.width=\'110\'; this.height=\'110\'"  alt="" /></li>';
            }
            varHTMLLI+="</ul>";
            
        }
        
        $("#myCarouselContainer").html(varHTMLLI);
//        $('#mycarousel').jcarousel();
        $("#mycarousel img").click(function() {
            caminhoImagem = $(this).attr("src").toString();
            caminhoImagem = caminhoImagem.substr(0, caminhoImagem.indexOf('produto')+7);
            substituiImagemPrincipal($(this).attr("src").toString().replace(caminhoImagem, ""));
        });
        
    });

    $("#listaCores li:first").click();
    $('#linkAmpliar').fancybox();
});

function erroPrincipal() {
    varHTML = '<a href="/images/public/index/foto-nao-disponivel.jpg" class="zoomit" title="Foto da jaqueta matrix" onclick=\'return false;\'>';
    varHTML+= '<img src="/images/public/index/foto-nao-disponivel.jpg" onerror="erroPrincipal();"  />';
    varHTML+= '</a>';
    $("#imagemPrincipal").html(varHTML);
    $("#linkAmpliar").attr("href", $("#imagemPrincipal a").attr("href"));
}
function substituiImagemPrincipal(caminhoImagem) {
    if($("#NaoExibirZoom").length==1) {
        varHTML = '<img src="/imgprincipal/produto/'+caminhoImagem+'/marca/'+$("#MarcaProduto").val()+'" onerror="erroPrincipal();"  />';
        $("#imagemPrincipal").html(varHTML);

        $("#linkAmpliar").attr("href", '/imgampliada/produto/'+caminhoImagem);
        return;
    }
    
    if(caminhoImagem.indexOf("br")>-1) {
        caminhoImagem = caminhoImagem.substring(2+caminhoImagem.indexOf("br"));
    }
    varHTML = '<a href="/imgampliada/produto/'+caminhoImagem+'" class="zoomit" title="Foto da jaqueta matrix">';
    varHTML+= '<img src="/imgprincipal/produto/'+caminhoImagem+'/marca/'+$("#MarcaProduto").val()+'" onerror="erroPrincipal();"  />';
    varHTML+= '</a>';
    $("#imagemPrincipal").html(varHTML);
    //$("#linkAmpliar").attr("href", "");


    $('.zoomit').jqzoom({
        zoomWidth: 358,
        zoomHeight: 345
    });

    $("#linkAmpliar").attr("href", $("#imagemPrincipal a").attr("href"));
}