[Erro na manipulação do arquivo CSS em JavaScript]

Amigo já resolvi o problema, na verdade era mais simples doq imaginava.

O erro estava acontecendo por que naquele momento o #janela1 = NULL, a solução foi deixar o HTML carregar primeiro para depois carregar o script.

Estou no primeiro ano do curso de TADS, e ainda não vimos JQuery, vou tentar estudar com conta, agradeço sua ajuda.

[Erro na manipulação do arquivo CSS em JavaScript]

E ai pessoal, tudo certo?

Estou com um problema para manipular algumas propriedades do CSS pelo JavaScript.

Trecho JavaScript:

function rodadas(){
            for(i=0;i<=9;i++){
                 for(novaRodada=0;novaRodada<5;novaRodada++){
                 if (cacheGame[i] == 1){
                    document.getElementById('janela1').style.display='block'; //erro: Uncaught TypeError: Cannot read property 'style' of null
                    //alert("abrir janela1");
                    break;
                 }
                 if (cacheGame[i] == 2){
                    //document.getElementById('janela2').style.display='block'; 
                    alert("abrir janela1");
                    break;
                 }
                 if (cacheGame[i] == 3){
                    alert("abra a janela 3!");
                    break;
                 }
                 if (cacheGame[i] == 4){
                     alert("abra a janela 4!");
                     break;
                 }
                 if (cacheGame[i] == 5){
                      alert("abra única porta!");
                      break;
                 }
           }
      }
}

Trecho CSS:

#janela1{
	float: left;
	width: 260px;
	height: 218px;
	position: relative;
	left: 180px;
	top: 57px;
	background: url(../imagens/Janela.png);
	display: none;/* ESTOU TENTANDO PASSAR DE "none" PARA "block" VIA JAVASCRIPT*/	
}