Problem mit kopieren von Bildern

[Carlos]

Hallo Leute,
ich habe ein Problem und zwar habe ich mit <style type="text/css">
zwei Felder mit zwei Bildern:

<script language="javascript">
document.write('<style type="text/css">');

document.write('#bild1{position: absolute; top:11px; left:11px; }');
// erstes Feld
document.write('#bild2{position: absolute; top:22px; left:22px; }');
// zweites Feld

document.write('</style>');

document.write('<div ID="bild1"><img name="bild1" src="bild1.jpg" ></div>');
document.write('<div ID="bild2"><img name="bild2" src="bild2.jpg" ></div>');

\»» »» </script>

Ich möchte gerne noch ein drittes bild hinzufügen also:

document.write('#bild3{position: absolute; top:33px; left:33px; }');
document.write('<div ID="bild3"><img name="bild3" src="bild3.jpg" ></div>');

Mein Problem ist das geladene bild3 in den Feldern bild1 oder bild2 zu kopieren ohne
etwas an bild3 zuverändern und ohne es neu laden zu müssen da es ja schon
mal geladen wurde.

Header und den Rest von dem Kack ab ich weggelassen funktioniert aber trotzdem. Es geht darum, dass wenn ich den Befehl
document.bild1.src = "bild2.jpg" verwende das Bild neu geladen werden muss, da ich 100 hundert Bilder in meiner Originalen Html (die sich fortlaufend veraendern) habe, will ich ein geladenes bild zu einem Ort kopieren ohne dass Originale zu veraendern oder zu verschieben um zeit zu sparen. Ich will das geladene Bild2.jpg von #bild2 nach #bild1 kopieren.

Mfg.
Carlos