// stien til en mappe hvor billederne ligger i.
 
var url = "/billeder/Streamers";
 
var pictureArray = new Array();
pictureArray[0] = "1.jpg";
pictureArray[1] = "2.jpg";
pictureArray[2] = "3.jpg";
pictureArray[3] = "4.jpg";
pictureArray[4] = "5.jpg";
pictureArray[5] = "7.jpg";
pictureArray[6] = "13.jpg";
pictureArray[7] = "14.jpg";
pictureArray[8] = "8.jpg";
pictureArray[9] = "12.jpg";
pictureArray[10] = "11.jpg";
pictureArray[11] = "10.jpg";
pictureArray[12] = "9.jpg";
pictureArray[13] = "15.jpg";
pictureArray[14] = "6.jpg";
pictureArray[15] = "16.jpg";
pictureArray[16] = "17.jpg";
pictureArray[17] = "18.jpg";
pictureArray[18] = "19.jpg";
pictureArray[19] = "20.jpg";
 
var imagePreloader = new Array();
 
function randomPicture(interval,amount) {  
   for (i = 1; i<=pictureArray.length; i++) {
    var image = new Image();
    image.src = url + "/"+ pictureArray[i-1];
    imagePreloader[i-1] = image;
   }
var layout = "";
   for (j = 0; j < amount; j++) {
var rnd = Math.round(Math.random() * (imagePreloader.length -1));
var imgSrc = imagePreloader[rnd].src;
layout += "<td><img id=\"random_image"+ j +"\" src=\""+ imgSrc +"\"  alt=\"\"></td>";
   }
    layout = '<table><tr>' + layout +'</tr></table>';
   document.write (layout);
   setInterval ("updateImage("+ amount +")", interval);
}



function updateImage(amount) {
  for (i = 0; i < amount; i++ ) {
   var rnd = Math.round(Math.random() * (imagePreloader.length -1));
   var imgSrc = imagePreloader[rnd].src;
   document.getElementById('random_image'+i).src = imgSrc;
  }
}