//controle de navegacao das galerias
controleNavegacao = 0;
//galeria exibindo
idGaleria = 0;
//tempo de animacao do navegador em milisegundos
tempoEfeitoNavegador = 500;

function mudablococlientes(numero){
    for(c=1;c<=3;c++){
        if(c == numero){
            $("#bloco"+c).show();
            $("#linkbloco"+c+' a').css('color','#e9e9e9');
            //$("#linkbloco"+c+' a').css('font-weight','bold');
        }else{
            $("#bloco"+c).hide();
            $("#linkbloco"+c+' a').css('color','#89D248');
            //$("#linkbloco"+c+' a').css('font-weight','normal');
        }
    }
}

$(document).ready(function(){
    if($("#fotos img.slideshowhome").length > 0){
        $("#fotos img.slideshowhome").stop().animate({opacity:0},0);
        $("#fotos img.slideshowhome:eq(0)").stop().animate({opacity:1},0).addClass('atual');
        $("#fotos img.slideshowhome").css('display','block');
        setInterval(function(){
            atual = $("#fotos img.slideshowhome.atual").index();
            atual++;
            if(atual >= $("#fotos img.slideshowhome").length){
                atual = 0;
            }
            $("#fotos img.slideshowhome").stop().animate({opacity:0},500).removeClass('atual');
            $("#fotos img.slideshowhome:eq("+atual+")").stop().animate({opacity:1},500).addClass('atual');
        }, 3000);
    }
    $("#formcontato").submit(function(){
        nome = $("[name=nome]",this).val();
        telefone = $("[name=telefone]",this).val();
        email = $("[name=email]",this).val();
        mensagem = $("[name=mensagem]",this).val();
        if(
            nome=='' ||
            nome==undefined ||
            telefone=='' ||
            telefone==undefined ||
            mensagem=='' ||
            mensagem==undefined ||
            validateEmail(email)==false
        ){
            alert('Preencha corretamente os campos.');
            return false;
        }else{
            return true;
        }
    });
    
    arrGaleriasCarregar = new Array();
    arrGaleriasCarregar = getArrGaleriasPagina(paginaAtual);
    if(arrGaleriasCarregar != false){
        //prepara html do nabegador de thumbs e das fotos grandes
        htmlNavegador = '<div class="navegador">';
        if(arrGaleriasCarregar.length > 8){
            htmlNavegador += '<a class="seta esquerda" href="#"></a>';
            htmlNavegador += '<a class="seta direita" href="#"></a>';
        }
        htmlNavegador += '<div class="blocoscroll">';
        for(c=0;c<arrGaleriasCarregar.length;c++){
            //arrGalerias é uma variavel global, carregada pelo PHP em outro script.
            htmlNavegador += '<a href="" rel="'+arrGaleriasCarregar[c]+'">';
                htmlNavegador += '<div class="imagem"><div>';
                    htmlNavegador += '<img src="'+arrGalerias[arrGaleriasCarregar[c]]['miniatura']+'" alt="" />';
                htmlNavegador += '</div></div>';
                htmlNavegador += '<div class="legenda">'+arrGalerias[arrGaleriasCarregar[c]]['legenda']+'</div>';
            htmlNavegador += '</a>';
        }
        htmlNavegador += '<div class="setaesquerda"></div>';
        htmlNavegador += '<div class="setadireita"></div>';
        htmlNavegador += '</div>';
        htmlNavegador += '</div>';
        htmlNavegador += '<div class="bolinhas"></div>';
        htmlNavegador += '<div class="numeros"><span class="atual"></span> de <span class="de"></span></div>';
        htmlNavegador += '<div class="legendafoto"></div>';
        htmlNavegador += '<div class="loader"></div>';
        
        //poe HTML no navegador
        $("#fotos").append(htmlNavegador);
        //some com todos os links
        $(".navegador .blocoscroll a").animate({opacity:0},0);
        $(".navegador .blocoscroll a").css('display','block');
        //mostra apenas os que devem estar visíveis
        for(c=0;c<8;c++){
            $(".navegador .blocoscroll a:eq("+c+")").animate({opacity:1},tempoEfeitoNavegador*2);
        }
        //zera variavel de controle da navegacao
        controleNavegacao = 0;
        //click das setas
        $(".navegador .seta").click(function(){
            //só funciona se tiver mais do que 8 thumbs
            if($(".navegador .blocoscroll a").length < 8) return false;
            //calcula o tamanho do thumbnail com a margin (quanto que vai andar pros lados)
            passoPx = $(".blocoscroll a").outerWidth(true);
            if($(this).hasClass('esquerda')){
                controleNavegacao -= 1;
            }else{
                controleNavegacao += 1;
            }
            if(controleNavegacao < 0) controleNavegacao = 0;
            controleMaximo = $(".blocoscroll a").length - 8;
            if(controleNavegacao > controleMaximo) controleNavegacao = controleMaximo;
            $(".navegador .blocoscroll").stop().animate({left:(controleNavegacao*passoPx*(-1))},tempoEfeitoNavegador);
            for(c=0;c<$(".navegador .blocoscroll a").length;c++){
                if(c >= controleNavegacao && c < (controleNavegacao+8)){
                    $(".navegador .blocoscroll a:eq("+c+")").stop().animate({opacity:1},tempoEfeitoNavegador);
                }else{
                    $(".navegador .blocoscroll a:eq("+c+")").stop().animate({opacity:0},tempoEfeitoNavegador);
                }
            }
            return false;
        });
        //click dos thumbnails
        $(".navegador .blocoscroll a").click(function(){
            idGaleria = $(this).attr('rel');
            if(arrGalerias[idGaleria]['grandes'] == undefined) return false;
            //coloca bolinhas
            $("#fotos .bolinhas").html('');
            for(c=0;c<arrGalerias[idGaleria]['grandes'].length;c++){
                $("#fotos .bolinhas").append('<a href="#" rel="'+c+'"></a>');
            }
            //tira cor verde de todos e poe no clicado
            $(".navegador .blocoscroll a .legenda").removeClass('legendaatual');
            $('.legenda',this).addClass('legendaatual');
            //click das bolinhas
            $("#fotos .bolinhas a").click(function(){
                idImagem = $(this).attr('rel');
                if(arrGalerias[idGaleria]['grandes'][idImagem] == undefined) return false;
                $("#fotos .bolinhas a").css('background-color','#cccccc');
                $("#fotos .bolinhas a").removeClass('atual');
                $(this).css('background-color','#4bac3e');
                $(this).addClass('atual');
                //faz fadeout das fotos que já estão lá e remove elas do DOM
                $("#fotos .fotosprodutos").fadeOut(500,function(){
                    $(this).remove();
                });
                //criamos objeto de imagem
                objImg = new Image();
                //bindamos a funcao de load
                $(objImg).load(function(){
                    //poe imagem apagada e faz fadein
                    $(this).addClass('fotosprodutos');
                    $(this).css('display','none');
                    $("#fotos").append(this);
                    $("#fotos > img").last().fadeIn(500);
                    //some com o loader
                    $("#fotos .loader").fadeOut(100);
                });
                //colocamos para carregar a imagem
                $(objImg).attr('src',arrGalerias[idGaleria]['grandes'][idImagem]);
                //mostramos a legenda
                //se for pagina de midia
                if(paginaAtual == 'midia'){
                    arrLegenda = arrGalerias[idGaleria]['legendas'][idImagem].split('|')
                    $("#midia-veiculo").html('');
                    $("#midia-data").html('');
                    $("#midia-descricao").html('');
                    if(arrLegenda[0] != undefined) $("#midia-veiculo").html(arrLegenda[0]);
                    if(arrLegenda[1] != undefined) $("#midia-data").html(arrLegenda[1])
                    if(arrLegenda[2] != undefined) $("#midia-descricao").html(arrLegenda[2])
                }else{
                    $("#fotos .legendafoto").html(arrGalerias[idGaleria]['legendas'][idImagem]);
                }
                //X de Y
                $("#fotos .numeros .atual").text((parseInt(idImagem)+1));
                $("#fotos .numeros .de").text($("#fotos .bolinhas a").length);
                //mostra loader
                $("#fotos .loader").fadeIn(100);
                //se está na ultima ou na primeira, tira a flecha da foto grande correspondente
                if($(this).index() == 0){
                    $("#fotos .setafotogrande.esquerda").fadeOut(tempoEfeitoNavegador);
                }else{
                    $("#fotos .setafotogrande.esquerda").fadeIn(tempoEfeitoNavegador);
                }
                if($(this).index() == ($("#fotos .bolinhas a").length-1)){
                    $("#fotos .setafotogrande.direita").fadeOut(tempoEfeitoNavegador);
                }else{
                    $("#fotos .setafotogrande.direita").fadeIn(tempoEfeitoNavegador);
                }
                
                return false;
            });
            
            //setas das fotos grades
            $("#fotos .setafotogrande").remove();
            if(arrGalerias[idGaleria]['grandes'].length > 1){
                $("#fotos").append('<a class="setafotogrande esquerda" href="#"></a>');
                $("#fotos").append('<a class="setafotogrande direita" href="#"></a>');
            }
            //click das setas das fotos grandes
            $("#fotos .setafotogrande").click(function(){
                bolinhaAtual = $("#fotos .bolinhas a.atual").index();
                if($(this).hasClass('esquerda')){
                    bolinhaAtual -= 1;
                }else{
                    bolinhaAtual += 1;
                }
                //"clica" na bolinha correspondente
                $("#fotos .bolinhas a:eq("+bolinhaAtual+")").click();
                return false;
            });
            
            //se for pagina de produtos
            if(paginaAtual == 'produtos'){
                $("#fotos .numeros").css('left','auto');
                $("#fotos .numeros").css('right','0');
                $("#fotos .numeros").css('text-align','right');
                $("#fotos .legendafoto").hide();
            }
            
            //se for pagina de midia
            if(paginaAtual == 'midia'){
                $("#fotos .bolinhas").hide();
                $("#fotos .numeros").hide();
                $("#fotos .legendafoto").hide();
            }
            
            
            //"clica" na primeira bolinha automaticamente
            $("#fotos .bolinhas a:eq(0)").click();
            return false;
        });
        
        
        //"clica" no primeiro link pra abrir as fotos do primeiro thumb
        if(paginaAtual == 'produtos'){
            $(".navegador .blocoscroll a:eq(4)").click();
        }else{
            $(".navegador .blocoscroll a:eq(0)").click();
        }
        
    }else{
        //pagina que nao tem galeria, poe só uma faixa inferior
        $("#fotos").append('<div class="faixasolta"></div>');
    }
    
    if(paginaAtual == 'produtos' || paginaAtual == 'midia'){
        $("#rodape").css('padding-top',parseInt($("#rodape").css('padding-top')) + 56);
    }
    
    
    jscrollapi1 = $("#bloco1").jScrollPane({showArrows: true});
    jscrollapi2 = $("#bloco2").jScrollPane({showArrows: true});
    jscrollapi3 = $("#bloco3").jScrollPane({showArrows: true});
    jscrollapi4 = $(".scrolldiferente").jScrollPane({showArrows: true});
    
});

$("#formcontato .limparform").click(function(){
    $("#formcontato input[type=text]").val('');
    $("#formcontato textarea").val('');
    return false;
});

function validateEmail(email) {
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   return reg.test(email);
}

function getArrGaleriasPagina(pagina){
    switch (pagina) {
        case 'produtos':
            return Array(1,2,3,4,5,6,7,8,9,10);
            break;
        case 'midia':
            return Array(20,21,22,23,24,11,12,13,14,15,16,17,18,19);
            break;
        default:
            return false;
    }
}