var menu_conteudo = Array();
menu_conteudo['inicio'] = '';

menu_conteudo['aempresa'] = ' ' +
    '<a href="/empresa" target="_top" class="linkmenu">A Empresa</a> | ' +
    '<a href="/empresa/noticias" target="_top" class="linkmenu">Notícias</a> | ' +
    '<a href="/empresa/historico" target="_top" class="linkmenu">Histórico</a> | ' +
    '<a href="/empresa/equipe" target="_top" class="linkmenu">Equipe</a> | ' +
    /*'<a href="/empresa/filosofia" target="_top" class="linkmenu">Filosofia de Trabalho</a> | ' +*/
    '<a href="/empresa/estrutura" target="_top" class="linkmenu">Estrutura</a> | ' +
    '<a href="/empresa/localizacao" target="_top" class="linkmenu">Localização</a> | ' +
    '<a href="/empresa/cooternet" target="_top" class="linkmenu">Cooter Net</a> | ' +
    '<a href="/empresa/cootermedia" target="_top" class="linkmenu">Cooter Media</a>';

menu_conteudo['competencias'] = ' '+
    '<a href="/competencias/web" target="_top" class="linkmenu">Aplicações Web</a> | ' +
    '<a href="/competencias/rede" target="_top" class="linkmenu">Redes e Networking</a> | ' +
    '<a href="/competencias/seguranca" target="_top" class="linkmenu">Segurança da Informação</a> | ' +
    '<a href="/competencias/mobile" target="_top" class="linkmenu">Mobile</a> | ' +
    '<a href="/competencias/software" target="_top" class="linkmenu">Software House</a> | ' +
    '<a href="/competencias/design" target="_top" class="linkmenu">Design Gráfico</a> | ' +
    '<a href="/competencias/multimidia" target="_top" class="linkmenu">Multimídia</a>';

menu_conteudo['servicos'] = ' ' +
    '<a href="/servicos" target="_top" class="linkmenu">Serviços</a> | ' +
    '<a href="/servicos/comunicacao" target="_top" class="linkmenu">Comunicação Digital</a> | ' +
    '<a href="/servicos/ecommerce" target="_top" class="linkmenu">Comércio Eletrônico</a> | ' +
    '<a href="/servicos/conteudo" target="_top" class="linkmenu">Gestão de Conteúdo</a> | ' +
    '<a href="/servicos/contabilidade" target="_top" class="linkmenu">Contabilidade</a> | ' +
    '<a href="/servicos/condominios" target="_top" class="linkmenu">Gestão de Condomínios</a>';

menu_conteudo['clientes'] = '' +
    '<a href="/clientes" target="_top" class="linkmenu">Clientes</a> | ' +
    '<a href="/clientes/portfolio" target="_top" class="linkmenu">Portfólio</a> | ' +
    '<a href="/clientes/casos" target="_top" class="linkmenu">Casos de Sucesso</a>';

menu_conteudo['parceiros'] = ' '+
    '<a href="/parceiros/onlive" target="_top" class="linkmenu">Agência Onlive</a> | ' +
    '<a href="/parceiros/concepcao" target="_top" class="linkmenu">Concepção Studio</a> | ' +
    '<a href="/parceiros/hangar4" target="_top" class="linkmenu">Hangar4</a>';

menu_conteudo['contato'] = ' '+
    '<a href="/contato" target="_top" class="linkmenu">Contato</a> | ' +
    '<a href="/contato/oportunidades" target="_top" class="linkmenu">Trabalhe Conosco</a> | '  +
    '<a href="/contato/imprensa" target="_top" class="linkmenu">Imprensa</a>';


var focada = 0;
var foco_atual = '';
var posicaoMenu = Array();
posicaoMenu[0] = 0;
posicaoMenu[1] = 0;

function pegaPosicao(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function position_array (alvo,array) {
    var position = false;
    for (x=0;x<array.length;x++) {
        if (alvo == array[x]) {position = x;}
    }
    return position;
}

function menuFocar (acao,foco) {

    if (acao == true) {
        acao = 'focar';
    }
    if (acao == false) {
        acao = 'desfocar';
    }
    foco = foco.replace('menu_',"");
    var menu_lista = Array('inicio','aempresa','competencias','servicos','clientes','contato','');
    var proximo = menu_lista[(position_array(foco,menu_lista)+1)];

    var novoTop = posicaoMenu[1]+33;
    var novoLeft = posicaoMenu[0];
    
    navegador = /msie/i.test(navigator.userAgent);
    if (navegador) {
        var novoLeft = posicaoMenu[0]-1;
    }
    
    document.getElementById('submenu_quadro').style.top = novoTop+'px';
    document.getElementById('submenu_quadro').style.left = novoLeft+'px';

    if (acao == 'focar') {
        /*
        if (focada == 1 && foco != foco_atual) {
            clearTimeout(timer_desfocar);
            menuFocar('desfocarmesmo',foco_atual);
            timer_focar = setTimeout("menuFocar('focarmesmo',foco)",500);
        } else if (focada == 1 && foco == foco_atual) {
            clearTimeout(timer_focar);
            clearTimeout(timer_desfocar);
            menuFocar('focarmesmo',foco);
        } else {
            menuFocar('focarmesmo',foco);
        }
        */
        if (foco == foco_atual) {
            clearTimeout(timer_desfocar);
        } else if (focada == 1) {
            clearTimeout(timer_desfocar);
            menuFocar('desfocarmesmo',foco_atual);
        }
        menuFocar('focarmesmo',foco);
    }
    else if (acao == 'focarmesmo') {
        foco_atual = foco;
        focada = 1;

        if (foco == 'inicio') {
            document.getElementById("submenu").style.backgroundColor = 'transparent';
        } else {
            document.getElementById("submenu").style.backgroundColor = 'black';
        }

        document.getElementById("menu_"+foco).style.backgroundColor = 'black';
        document.getElementById("menu_"+foco).style.color = '#E0E148';

        if (foco != 'contato') {
            document.getElementById('span_'+proximo).style.borderLeft = '0px';
            document.getElementById('span_'+proximo).style.paddingLeft = '11px';
        }

        document.getElementById("menu_"+foco).style.backgroundImage='url(/imagens/menu_superior_fundo_focado.jpg)';
        /*document.getElementById("menu_"+foco).style.backgroundImage='url()';*/

        document.getElementById("submenu_quadro").style.display = 'block';
        document.getElementById("submenu").innerHTML = menu_conteudo[foco];
        menuMover('descer');
    }
    else if (acao == 'desfocar') {
        if (document.getElementById("submenu_quadro").style.display == 'block') {
            timer_desfocar = setTimeout("menuFocar('desfocarmesmo',foco_atual)",500);
        }
    }
    else if (acao == 'desfocarmesmo') {
        document.getElementById("menu_"+foco).style.backgroundColor = '';
        document.getElementById("menu_"+foco).style.color = '';

        if (foco != 'contato') {
            document.getElementById('span_'+proximo).style.borderLeft = '1px solid black';
            document.getElementById('span_'+proximo).style.paddingLeft = '10px';
        }

        document.getElementById("menu_"+foco).style.backgroundImage='url(/imagens/menu_superior_fundo.jpg)';

        document.getElementById("submenu_quadro").style.display = 'none';
        document.getElementById("submenu").style.top = '-20px';

        /*menuMover('subir');*/

        /*focada = 0;*/
    }
}

var posicao_atual;

function menuMover (movimento) {

    posicao_atual = parseInt(document.getElementById("submenu").style.top);

    if (movimento == 'descer') {
        if (posicao_atual <= -2) {
            document.getElementById("submenu").style.top = (posicao_atual+2)+'px';
            timer_descer=setTimeout("menuMover('descer')",50);
        }
    }

    if (movimento == 'subir') {
        if (posicao_atual > -20) {
            document.getElementById("submenu").style.top = (posicao_atual-2)+'px';
            timer_descer=setTimeout("menuMover('subir')",50);
        }
    }

}

function focarPortfolioPrincipal (portfolio, acao) {
    if (acao == 'focar') {
        document.getElementById(portfolio).style.backgroundColor = '#F3F5C4';
    }
    else if (acao == 'desfocar') {
        document.getElementById(portfolio).style.backgroundColor = 'transparent';
    }
}

function focarFormularioLogin (campo, acao) {
    if (acao == 'focar') {
        document.getElementById('form_login_usuario').style.borderColor = '#000000';
        document.getElementById('form_login_rotulo_usuario').style.color = '#000000';
        document.getElementById('form_login_usuario').style.color = '#000000';
        document.getElementById('form_login_senha').style.borderColor = '#000000';
        document.getElementById('form_login_rotulo_senha').style.color = '#000000';
        document.getElementById('form_login_senha').style.color = '#000000';
        document.getElementById('form_login_'+campo).style.backgroundColor = 'rgb(252, 255, 239)';
    }
    else if (acao == 'desfocar') {
        document.getElementById('form_login_usuario').style.borderColor = '#cccccc';
        document.getElementById('form_login_rotulo_usuario').style.color = '#cccccc';
        document.getElementById('form_login_usuario').style.color = '#cccccc';
        document.getElementById('form_login_senha').style.borderColor = '#cccccc';
        document.getElementById('form_login_rotulo_senha').style.color = '#cccccc';
        document.getElementById('form_login_senha').style.color = '#cccccc';
        document.getElementById('form_login_'+campo).style.backgroundColor = '#ffffff';
    }
}

function focarInput (campo, acao) {
    if (acao == 'focar') {
        document.getElementById(campo).style.borderColor = '#000000';
        document.getElementById(campo).style.color = '#000000';
        document.getElementById(campo).style.backgroundColor = 'rgb(252, 255, 239)';
    }
    else if (acao == 'desfocar') {
        document.getElementById(campo).style.borderColor = '#cccccc';
        document.getElementById(campo).style.color = '#000000';
        document.getElementById(campo).style.backgroundColor = '#ffffff';
    }
}

function menuLateral (acao,menu) {
    if (acao == 'focar') {
        document.getElementById(menu).style.textDecoration='underline';
        document.getElementById(menu).style.backgroundImage='url(/imagens/menu_lateral_fundo_focado.jpg)';
    }
    else if (acao == 'desfocar') {
        document.getElementById(menu).style.textDecoration='none';
        document.getElementById(menu).style.backgroundImage='url(/imagens/menu_lateral_fundo.jpg)';
    }
}

function abrir (url) {
    window.open(url,'_top');
}

/* Função para mudar imagem de um objeto img */
function mudaImagem (id, caminho) {
    document.getElementById(id).src = caminho;
}


/* Início das funções de animar mudança de logo de clientes */
var contaCliente = 0;
var clienteLogo = Array("comerciominas","rhlojas","oralvet","valmetal","afiafaca","zen","multiplic","santiagoreis");

function precarregaClienteLogo () { // Pré-carrega todas as imagens de logotipos de clientes
    preImgCliente = new Image();
    for (x=0; x<clienteLogo.length; x++) {
        preImgCliente.src = '/imagem_projeto/cliente_logo_'+clienteLogo[x]+'.jpg';
    }
}

function clienteLogoAnima () { // Principal função. Chama as demais.
    //fadeElementSetup('cliente_logo', 100, 0, 10);
    //timerMudaCliente = setTimeout("mudaImagem('cliente_logo','/imagem_projeto/cliente_logo_'+clienteLogo[contaCliente]+'.jpg')",200);
    //timerFadeCliente = setTimeout("fadeElementSetup('cliente_logo', 0, 100, 10)",200);
    clienteLogoFadeOut();
    if (contaCliente == clienteLogo.length-1) {contaCliente = 0;} else {contaCliente++;}
    //timerClienteLogo = setTimeout("clienteLogoAnima()",2000);
}

function clienteLogoFadeOut () { // Passo 1: Executa Fade Out e define timer para o passo 2.
    fadeElementSetup('cliente_logo', 100, 0, 10);
    timerClienteLogoMuda = setTimeout("clienteLogoMuda('cliente_logo','/imagem_projeto/cliente_logo_'+clienteLogo[contaCliente]+'.jpg')",350);
}

function clienteLogoMuda (id, caminho) { // Passo 2: Muda a imagem do logotipo e quando ela é carregada, chama passo 3.
    document.getElementById(id).src = caminho;
    document.getElementById(id).onload=clienteLogoFadeIn();
}

function clienteLogoFadeIn () { // Passo 3: executa Fade In e define timer para começar de novo.
    fadeElementSetup('cliente_logo', 0, 100, 10);
    timerClienteLogoAnima = setTimeout("clienteLogoAnima()",2000);
}




/* Início das funções de animar mudança de logo de parceiros */
var contaParceiro = 0;
var parceiroLogo = Array("mgn","clubedorp");

function parceiroLogoAnima () {
    fadeElementSetup('parceiro_logo', 100, 0, 10);
    timerMudaParceiro = setTimeout("mudaImagem('parceiro_logo','/imagem_projeto/parceiro_logo_'+parceiroLogo[contaParceiro]+'.jpg')",200);
    timerFadeParceiro = setTimeout("fadeElementSetup('parceiro_logo', 0, 100, 10)",200);
    if (contaParceiro == parceiroLogo.length-1) {contaParceiro = 0;} else {contaParceiro++;}
    timerParceiroLogo = setTimeout("parceiroLogoAnima()",6000);
}

/* Função para pre-carregar imagens no browser */
function precarregaImagem () {
    preImg = new Image();
    for (x=0; x<preImgArray.length; x++) {
        preImg.src = preImgArray[x];
    }
}