// ************* Função View - Altera o estado"display visible/hidden" do layer"div" por intervalo de tempo
// ************* Obrigatoriedade para melhor funcionamento:
// ************* 1º <body onload="Layer();View();">
// ************* 2º          <span id="tempo" style="display:none;">0</span>
// ************* 3º			 <span id="soma" style="display:none;">1</span> inserir ao final da páina


// **************************************************



var contador = 0;
var numero = 1;

function View() {
	
	document.getElementById('tempo').innerHTML=contador;
	
	if(contador == 1) {
	document.getElementById("mensagem_layer").style.visibility = 'visible';
    document.getElementById("mensagem_layer2").style.visibility = 'hidden';
    document.getElementById("mensagem_layer3").style.visibility = 'hidden';
	}
	if(contador == 10) {
	document.getElementById("mensagem_layer2").style.visibility = 'visible';
    document.getElementById("mensagem_layer").style.visibility = 'hidden';
	document.getElementById("mensagem_layer3").style.visibility = 'hidden';
	}
	if(contador == 20) {
	document.getElementById("mensagem_layer3").style.visibility = 'visible';
    document.getElementById("mensagem_layer2").style.visibility = 'hidden';
    document.getElementById("mensagem_layer").style.visibility = 'hidden';
	}
	if(contador == 30) {
	contador = 0;
	}
	if (contador != 31){
		contador = contador + numero;
		setTimeout("View()", 1000);
	}
}



function Layer()
{              
    document.getElementById("mensagem_layer").style.visibility = 'visible';
    document.getElementById("mensagem_layer2").style.visibility = 'hidden';
    document.getElementById("mensagem_layer3").style.visibility = 'hidden';
}

function Layer1()
{              
    document.getElementById("mensagem_layer").style.visibility = 'visible';
    document.getElementById("mensagem_layer2").style.visibility = 'hidden';
    document.getElementById("mensagem_layer3").style.visibility = 'hidden';
	numero = 0;
}

function Layer2()
{              
    document.getElementById("mensagem_layer2").style.visibility = 'visible';
    document.getElementById("mensagem_layer").style.visibility = 'hidden';
    document.getElementById("mensagem_layer3").style.visibility = 'hidden';
	numero = 0;
}

function Layer3()
{              
    document.getElementById("mensagem_layer3").style.visibility = 'visible';
    document.getElementById("mensagem_layer2").style.visibility = 'hidden';
    document.getElementById("mensagem_layer").style.visibility = 'hidden';
	numero = 0;
}
