[Resolvido] propriedades do style

Boa noite,

Estou a usar uma função ajax para actualizar o conteudo de uma div, e sempre que faço isso quero alterar a imagem de fundo de uma div (background-image). A imagem está a alterar sem problemas, o problema é que não consigo trabalhar com as propriedades dela!

O código é o seguinte:

var principal = document.getElementById('principal');
var principal_largura = "874px";
var principal_altura = "500px";

 if(dataSource=="inicio.php") {
 principal.style.backgroundImage = "url('imagens/inicio.jpg')";
 principal.style.backgroundRepeat = "no-repeat";
 principal.style.width = principal_largura;
 principal.style.height = principal_altura; }

Ele executa bem o backgroung-image e o background-repeat, o problema está no width e no height. Já tentei substituir a variavel principal_largura/altura e colocar directamente os valores, mas não consigo á mesma (mesmo usando os valores dentro de aspas e películas).

Alguém me pode ajudar com isto?

Mais uma questão. Este código é feito várias vezes para as diferentes páginas que tenho. Aconselham-me tentar criar uma classe ou algo parecido para nao repetir tantas linhas? (em PHP ainda era capaz, mas ainda me estou a iniciar em JavaScript..)

Abraços