JavaScript, problem med bildbyte. Kört fast!

Håller på att lära mig JS lite och har kört fast på en ganska enkel grej tror jag.

Det handlar alltså om att ha en sida med några små thumbnails på en rad högst upp på sidan.
Vid en mouseover så ska en större version av bilden visas i en "ruta" längre ner på sidan.
Misstänker att man måste ha någon typ av "target-div"?

Just nu går det inget vidare, mousoverfunktionen fungerar och en större bild visas men den hamnar istället ovanför den lilla.

Vet ni hur man kan lösa det? Såhär har jag gjort just nu. http://privat.bahnhof.se/wb691989/Test/imagearray.html

(Ja sidan ser ut som skit, det är bara för att lära mig hur det fungerar)

Tacksam för lite tips

<div id="bild1"> 
<A HREF = "URL" 
     ONMOUSEOVER = "byta('bigImage',1)"
     ONMOUSEOUT = "byta('bigImage',0)"> 
<IMG SRC = "sko1_small.jpg"
     NAME = "bild0"
     BORDER = "0"></A> 
 
 
 
<A HREF = "URL"
     ONMOUSEOVER = "byta('bigImage',3)"
     ONMOUSEOUT = "byta('bigImage',2)"> 
<IMG SRC = "sko2_small.jpg"
     NAME = "bild1"
     BORDER = "0"></A> 
	 
	 </div> 
	  
<div id="targetdiv"> 
 
 Bilden ska hamna här
 
 <img src="" id="bigImage" alt="" />
 
</div>

Jag tyckte den verkade oerhört komplicerad, måste gå att göra enklare ju? Så ja, det är en hemsk kod

Har du något annat sätt det jag vill uppnå kan göras på?

Skickades från m.sweclockers.com

Fick det att fungera hyfsat med mel0dy tips men som sagt, den lilla bilden stannar ju kvar när man lämnat den med muspekaren. Lyckas inte riktigt få till det. Hur kan man göra det på ett snyggt sätt?