var MAX = 27;           // Hoogste plaatje (024.jpg)
var MIN = 1;            // Laagste plaatje (001,jpg)
var EXCL = [  ];        // Plaatjes die je over wilt slaan (004.jpg, 005.jpg en 021.jpg)
var NR_OF_IMAGES = 8;            // Het aantal plaatjes dat je wilt tonen.
var IMG_ROOT = 'http://www.christshope.org/gfx/header-images/';         // De directory waar de plaatjes staan
var IMG_CLASS_NAME = 'top';      // De class die de images krijgen (<img class="top" />) 
var IMG_CONTAINER_ID = 'images'; // Het ID van het divje (bijvoorbeeld) waar de plaatjes in moeten komen.

function swap ( arr, i, j ) {
   var t = arr[i];
   arr[i] = arr[j];
   arr[j] = t;
   return arr;
}

function shuffle ( array ) {
   var i = 0;
   var arrLength = array.length -1;
   while ( i++ < arrLength ) {
      swap ( array, i, Math.floor ( Math.random () * arrLength ) );
   }
   while ( i-- > 0 ) {
      swap ( array, i, Math.floor ( Math.random () * arrLength ) );
   }
   return array;
}
      
function getRandom ( size ) {
   var all = [];
   for ( var i = MIN; i <= MAX; i ++ ) {
      if ( !in_array( i, EXCL ) ) {
         all.push(i);
      }
   }
   var rand = shuffle (all);
   
   if ( rand.length < size ) {
      alert ( 'Niet genoeg totaal aantal plaatjes om de ' + size + ' te halen!' );
   }
   return rand.slice ( 0, size );
   //return rand;
}


function zeropad ( nr, length ) {
   str = '' + nr;
   while ( str.length < length ) {
      str = '0' + str;
   }
   return str;
}

function in_array ( el, arr ) {
   for ( var i in arr ) {
      if ( arr[i] == el ) {
         return true;
      }
   }
   return false;
}

function writeImages () {
   var list = getRandom ( NR_OF_IMAGES );
   
   var container = document.getElementById ( IMG_CONTAINER_ID );
   /* if ( !container ) {
      alert ( 'Kan element met ID ' + IMG_CONTAINER_ID + ' niet vinden! Pang!' );
   } */
   for ( var i in list ) {
      var img = document.createElement ( 'img' );
      img.className = IMG_CLASS_NAME;
      
      img.src = IMG_ROOT + zeropad ( list[i], 3 ) + '.jpg';
      container.appendChild ( img );
   }
}