mudar o estilo de fonte de várias divs

[CocaWare 0]

Olá pesoal do imasters, eu tentei fazer um script onde ficava inumerado de 1 a 4 e quando passa-se o mouse sobre o número 3 por exemplo os números 1,2,3 ficariam de cor diferente.

 

O código:

 

<script>function muda(n){for(x=4;x>n;x--){document.getElementById(x).style.color= 'blue';}for (i = 1; i <= n; i++){document.getElementById(i).style.color = 'red';}}</script><div onmouseover="java script: muda(1)" onmouseout="java script: muda(1)" id="1">1</div><div onmouseover="java script: muda(2)" onmouseout="java script: muda(2)" id="1">2</div><div onmouseover="java script: muda(3)" onmouseout="java script: muda(3)" id="1">3</div><div onmouseover="java script: muda(4)" onmouseout="java script: muda(4)" id="1">4</div>

O código não funciona, mas como posso arruma-lo?

[SnakeX 1]

<script>function muda(n){for(x=4;x>n;x--){document.getElementById(x).style.color= 'blue';}for (i = 1; i <= n; i++){document.getElementById(i).style.color = 'red';}}</script><div onmouseover="muda(1)" onmouseout="muda(1)" id="1">1</div><div onmouseover="muda(2)" onmouseout="muda(2)" id="2">2</div><div onmouseover="muda(3)" onmouseout="muda(3)" id="3">3</div><div onmouseover="muda(4)" onmouseout="muda(4)" id="4">4</div>