onKeyPress byt ut en specifierad bild

Tjena!

Håller på me ett projekt där jag behöver kunna trycka på ex. 1 för att "ruta" 1 ska byta bild. Till exempel: först är rutan blå sen när jag trycker på 1 så blir den rutan röd (vill använda bilder, ej RGB eller hex koder).
Totalt ska de finnas 5 st "skärmar" och jag ska kunna klicka på 1-5 på tangentbordet för att ändra bild på den skärmen.

Skulle gissa på att man skulle kunna göra typ som:

onKeyPress="background.monitor1 (asså vilken skärm) och sen bilden. Fast jag vet inte vart man skall skriva in vilken tangent det skall vara.

Spelar ingen roll om det inte funkar i alla webbläsare, skall köra detta live från en laptop, så bara det funkar i IE eller Opera 7

Skulle bli extremt glad om jag kunde få lite hjälp på denna fråga.

Ungefär så här?

<script type="text/javascript"> 
var monitor=["blue","blue","blue","blue","blue"];
var keyboard=new Object(); 
document.onkeydown = function(e){ 
   if(!document.all){ event=e; } 
   var key=(String.fromCharCode(event.keyCode))?String.fromCharCode(event.keyCode):""; 
   if(parseInt(key)>=1 && parseInt(key)<=5){
		monitor[parseInt(key)-1]=(monitor[parseInt(key)-1]=="blue")?"red":"blue";
        document.images["monitor_"+key].src=monitor[parseInt(key)-1]+".gif";
   }
} 
</script> 

<img src="blue.gif" name="monitor_1">
<img src="blue.gif" name="monitor_2">
<img src="blue.gif" name="monitor_3">
<img src="blue.gif" name="monitor_4">
<img src="blue.gif" name="monitor_5">

Är osäker på hur det är med Opera. Har den inte installerad så jag kan prova.

tack! det funkade bra. men jag glömde vissa saker... kommer skapa ett nytt inlägg så du kan ju kolla det