var larguraRes 		    = screen.width; //largura da resolução em pixels
var larguraLayout     = 760; //largura do layout em pixels
var posTopo 			    = 200; //posição inicial das camadas principais em relação ao topo
var posEsq            = ((larguraRes - larguraLayout)/2)-10; //posição incial do layout a partir da esquerda
var somaPosTopo       = new Array(); //cria vetor com as posições inciais das camadas principais em relação ao topo
var somaPosEsq        = new Array(); //cria vetor com as posições inciais das camadas a partir do lado esquerdo

//posicionando as camadas a partir da esquerda
somaPosEsq['camada1'] = posEsq + 102; //camada breve histórico. O 52 indica a posição da camada a partir do lado esquerdo.
somaPosEsq['camada2'] = posEsq + 175; //sub-camada poderes. O 125 indica a posição da camada a partir do lado esquerdo.

//posicionando as camadas a partir do topo
somaPosTopo['camada1'] = posTopo;
somaPosTopo['camada2'] = posTopo + 162;


//mostra camada informada
function mostracamada(qual)
{	var i=1;
	for(i=1;i<=10;i++)
	{	if (document.getElementById('camada'+i) != 'undefined' && document.getElementById('camada'+i) != undefined)
		{ if (qual == i)
			{	document.getElementById('camada'+qual).style.visibility = 'visible'; 
        document.getElementById('camada'+qual).style.top        = somaPosTopo['camada'+qual];
        document.getElementById('camada'+qual).style.left       = somaPosEsq['camada'+qual];
      }
			else
			{	document.getElementById('camada'+i).visibility = 'hidden';
      }
		}
	}
}

//oculta todas as camadas
function ocultacamadas()
{	var i=1;
	for(i=1;i<=10;i++)
	{	if (document.getElementById('camada'+i) != 'undefined' && document.getElementById('camada'+i) != undefined)
		{	document.getElementById('camada'+i).style.visibility = 'hidden'; }
	}
}