Billede skift

Jeg har en kode hvor jeg har 4 billeder forneden, og et af dem bliver så vist i stort.
Men jeg vil gerne have 3 billeder forneden og så skal det 4. være det store, som bliver til af de 3 små når man klikker på dem.

<script language=javascript>
            var lastID = 0;
   
            function SelectImg(id) {
            document.getElementById(0).src = document.getElementById(id).src;
            lastID = id;
            }
            function LoadTrigger() {
            SelectImg(0);
            document.getElementById(0).style.display = "";
            }
            window.onload = LoadTrigger;
            </script><img class="imgBorder" id="0" style="MARGIN-TOP: 7px; DISPLAY: none" alt="" src="https://javascripts/FCKeditor/editor/" width="388" /><br />
<table style="MARGIN-TOP: 7px" cellspacing="0" cellpadding="0" width="180" border="0">
    <tbody>
        <tr>
            <td><img class="imgBorder" id="1" style="CURSOR: pointer; MARGIN-RIGHT: 7px" onclick="SelectImg(this.id)" alt="" src="http://www.fotoagent.dk/single_picture/40248/23/large/kristine.jpg" width="90" border="0" /></td>
            <td><img class="imgBorder" id="2" style="CURSOR: pointer; MARGIN-RIGHT: 7px" onclick="SelectImg(this.id)" alt="" src="http://www.fotoagent.dk/single_picture/40248/23/large/4-vand.jpg" width="90" border="0" /></td>
            <td><img class="imgBorder" id="3" style="CURSOR: pointer; MARGIN-RIGHT: 7px" onclick="SelectImg(this.id)" alt="" src="http://www.fotoagent.dk/single_picture/40248/23/large/3-luksus_hytter.jpg" width="90" border="0" /></td>
            <td><img class="imgBorder" id="4" style="CURSOR: pointer" onclick="SelectImg(this.id)" alt="" src="http://www.fotoagent.dk/single_picture/40248/23/large/Net-LUFFOTO.jpg" width="90" border="0" /></td>
        </tr>
    </tbody>
</table>