hvordan laver jeg billedvisning som f.eks. på bilbasen.dk?

<IMG id=pixserie alt="" src="images/pixshow.jpg" width=270 height=240> 

<script type="text/javascript">            
    document.write('<img id="pixserie" alt="" width="270" height="340" src="http://www.veteranbilen.dk/automania2010/slides/'+ItemObjArray[0].FileBig+'" />');
</script>        

<script type="text/javascript">
    var ItemObjArray = Array();
    var Item = new Object();            
    Item = {FileSmall: "BUICK-SPECIAL-0.JPG", FileBig: "BUICK-SPECIAL-0.JPG"};    ItemObjArray[0]=Item;
    Item = {FileSmall: "BUICK-SPECIAL-1.JPG", FileBig: "BUICK-SPECIAL-1.JPG"};    ItemObjArray[1]=Item;
    Item = {FileSmall: "BUICK-SPECIAL-2.JPG", FileBig: "BUICK-SPECIAL-2.JPG"};    ItemObjArray[2]=Item;
    Item = {FileSmall: "BUICK-SPECIAL-3.JPG", FileBig: "BUICK-SPECIAL-3.JPG"};    ItemObjArray[3]=Item;    
    
    function imgOn(nr){
        document.images.pixserie.src="http://www.veteranbilen.dk/automania2010/slides/"+ItemObjArray[nr].FileBig;
    }
    function imgOff(nr){
        document.images.pixserie.src="pixshow.jpg";        
    }
</script>

<script type="text/javascript">
            var lng = ItemObjArray.length;            
            document.write('<span>');
            for (i=0;i<lng;i++){                
                document.write('<a onmouseover="imgOn('+i+')" onmouseout="imgOff('+i+')" href="/"><img src="http://www.veteranbilen.dk/automania2010/slides/'+ItemObjArray[i].FileSmall+'" width="65" height="65" alt="" /><\/a>');
            }
            document.write('<\/span>');            
</script>

<script type="text/javascript">
    var ItemObjArray = Array();
    var Item = new Object();            
    Item = {FileSmall: "14-28-Bullnose.jpg", FileBig: "14-28-Bullnose.jpg"};    ItemObjArray[0]=Item;
    Item = {FileSmall: "11.9-hp-raworth.jpg", FileBig: "11.9-hp-raworth.jpg"};    ItemObjArray[1]=Item;
    function imgOn(nr){
        document.images.pixserie.src="http://www.veteranbilen.dk/auto/mg/images/"+ItemObjArray[nr].FileBig;
    }
    
</script>
<script type="text/javascript">
    // læg mærke til at der er et 1 tal på for ikke at overskrive function og array lavet ovenfor
    var ItemObjArray1 = Array();
    var Item1 = new Object();            
    Item1 = {FileSmall: "BUICK-SPECIAL-0.JPG", FileBig: "BUICK-SPECIAL-0.JPG"};    ItemObjArray1[0]=Item1;
    Item1 = {FileSmall: "BUICK-SPECIAL-1.JPG", FileBig: "BUICK-SPECIAL-1.JPG"};    ItemObjArray1[1]=Item1;
    Item1 = {FileSmall: "BUICK-SPECIAL-2.JPG", FileBig: "BUICK-SPECIAL-2.JPG"};    ItemObjArray1[2]=Item1;
    Item1 = {FileSmall: "BUICK-SPECIAL-3.JPG", FileBig: "BUICK-SPECIAL-3.JPG"};    ItemObjArray1[3]=Item1;
    
    Item1 = {FileSmall: "BUICK-SPECIAL-0.JPG", FileBig: "BUICK-SPECIAL-0.JPG"};    ItemObjArray1[4]=Item1;
    Item1 = {FileSmall: "BUICK-SPECIAL-1.JPG", FileBig: "BUICK-SPECIAL-1.JPG"};    ItemObjArray1[5]=Item1;
    Item1 = {FileSmall: "BUICK-SPECIAL-2.JPG", FileBig: "BUICK-SPECIAL-2.JPG"};    ItemObjArray1[6]=Item1;
    Item1 = {FileSmall: "BUICK-SPECIAL-3.JPG", FileBig: "BUICK-SPECIAL-3.JPG"};    ItemObjArray1[7]=Item1;
    
    function imgOn1(nr){
        document.images.pixserie1.src="http://www.veteranbilen.dk/automania2010/slides/"+ItemObjArray1[nr].FileBig;
    }
</script>

<div class="ColRight">        
        <script type="text/javascript">            
            document.write('<img id="pixserie" alt="" width="270" height="240" src="http://www.veteranbilen.dk/auto/mg/images/'+ItemObjArray[0].FileBig+'" />');
        </script>
        <div class="SmallImages">
        <script type="text/javascript">
            var lng = ItemObjArray.length;            
            document.write('<span>');
            for (i=0;i<lng;i++){                
                document.write('<a onmouseover="imgOn('+i+')" href="/"><img src="http://www.veteranbilen.dk/auto/mg/images/'+ItemObjArray[i].FileSmall+'" width="65" height="96" alt="" /><\/a>');
            }
            document.write('<\/span>');            
        </script>
        </div>
</div>

læg igen mærke til 1 tallerne
<div class="ColRight">        
        <script type="text/javascript">            
            document.write('<img id="pixserie1" alt="" width="270" height="240" src="http://www.veteranbilen.dk/automania2010/slides/'+ItemObjArray1[0].FileBig+'" />');
        </script>        
        <div class="SmallImages">
        <script type="text/javascript">
            var lng1 = ItemObjArray1.length;            
            document.write('<span>');
            for (i=0;i<lng1;i++){                
                document.write('<a onmouseover="imgOn1('+i+')" href="/"><img src="http://www.veteranbilen.dk/automania2010/slides/'+ItemObjArray1[i].FileSmall+'" width="65" height="96" alt="" /><\/a>');
            }
            document.write('<\/span>');            
        </script>        
        </div>
</div>

 Item = {FileSmall: "14-28-Bullnose.jpg", FileBig: "14-28-Bullnose.jpg"};    ItemObjArray[0]=Item; 

 Item = {FileSmall: "14-28-bullnose.jpg", FileBig: "14-28-bullnose.jpg"};    ItemObjArray[0]=Item;