var botao_1 = document.getElementById('opicao_1');
botao_1.addEventListener('click', surgir1);

function surgir1() {

    var estilo = document.getElementById('conexao');
    var painel = document.getElementById('preenchimento');
    estilo.href = 'ola';
    painel.innerHTML = 'ola1';
}

var botao_2 = document.getElementById('opicao_2');
botao_2.addEventListener('click', surgir2);

function surgir2() {
    var estilo = document.getElementById('conexao');
    var painel = document.getElementById('preenchimento');
    estilo.href = 'ola2';
    painel.innerHTML = 'ola2';
}

var botao_3 = document.getElementById('opicao_3');
botao_3.addEventListener('click', surgir3);

function surgir3() {
    var estilo = document.getElementById('conexao');
    var painel = document.getElementById('preenchimento');
    estilo.href = 'ola3';
    painel.innerHTML = 'ola3';
}

var botao_4 = document.getElementById('opicao_4');
botao_4.addEventListener('click', surgir4);

function surgir4() {
    var estilo = document.getElementById('conexao');
    var painel = document.getElementById('preenchimento');
    estilo.href = 'ola3';
    painel.innerHTML = 'ola4';
}


var botao_5 = document.getElementById('opicao_5');
botao_5.addEventListener('click', surgir5);

function surgir5() {
    var estilo = document.getElementById('conexao');
    var painel = document.getElementById('preenchimento');
    estilo.href = 'ola3';
    painel.innerHTML = 'ola5';
}

var botao_6 = document.getElementById('opicao_6');
botao_6.addEventListener('click', surgir6);

function surgir6() {
    var estilo = document.getElementById('conexao');
    var painel = document.getElementById('preenchimento');
    estilo.href = 'ola3';
    painel.innerHTML = 'ola6';
}