Variáveis globais em JavaScript

Boa tarde pessoal,

estou a fazer um site pessoal e tenho um cubo 3d que ao clicar no menu quero que ele rode para a face
que tem o conteúdo que quero...
Depois para poder mudar para outra face tenho de guardar a informação da rotação feita inicialmente.
Quando faço alert para mostrar o que está na variável ela dá me o valor certo mas depois na rotação não faz a rotação certa, ou melhor, faz sempre a rotação da variavel angInit.
O código que tenho neste momento é o seguinte:

var angInit1 = 0;
var angInit2 = 90;
var angInit3 = 180;
var angInit4 = 270;
var angActual = 0;
function bemvindos(){
angActual = angActual + angInit1;
alert(angActual);
document.getElementById('cube').style[prop] = "rotateX(0deg) rotateY("+angActual+"deg)";
alert(angActual);
}
function quemSou(){
angActual = angActual + angInit2;
alert(angActual);
document.getElementById('cube').style[prop] = "rotateX(0deg) rotateY("+angActual+"deg)";
alert(angActual);
}

Alguém sabe porque é que isto acontece? Ou têm alguma outra ideia de se fazer isto?
Abraços
 
Back
Topo