Cambiar style con javascript

[otherhet]

Código HTML:

<style>
#divito{
color: #000;
background: #fff;
}
</style>
<script>
var divitostat = 1;
function depende(){
if (divitostat == 1){
invertido();
divitostat = 2;
}
if (divitostat == 2){
normal();
divitostat = 1;
}
}
function invertido(){
document.getElementbyId("divito").style.color = "#fff";
document.getElementbyId("divito").style.background = "#000";
}
function normal(){
document.getElementbyId("divito").style.color = "#000";
document.getElementbyId("divito").style.background = "#fff";
}
</script>
<div id="divito">Este es divito</div>
<a href="javascript:depende();">Invertir colores</a> 

Me gustaría que al hacer clic en el enlace cambiasen los colores de la letra y del fondo del div divito pero no me funciona ¿Qué he hecho mal?

[Panino5001]

Es getElementById (b en mayúscula)
Y depende está mal definida:

Código:

function depende(){
// inicialmente divitostat=1
if (divitostat == 1){//como la condición se cumple, el elemento se pinta
invertido();
divitostat = 2;
//ahora divitostat=2
}
if (divitostat == 2){//como vale 2 la condición se cumple y el elemento vuelve a despintarse
normal();
divitostat = 1;
}
}

Probá así:

Código:

function depende(e){

	if (divitostat == 1){
		invertido();
		divitostat = 2;
	}else if (divitostat == 2){
		normal();
		divitostat = 1;
	}
	
}

[otherhet]

Gracias funciona perfectamente