var HOST = 'http://localhost/joggink/';

// images voor terdoest
var terdoest = [];
terdoest[0] = 'i/terdoest_thumb001.png';
terdoest[1] = 'i/terdoest_thumb002.png';
terdoest[2] = 'i/terdoest_thumb003.png';
terdoest[3] = 'i/terdoest_thumb004.png';
terdoest[4] = 'i/terdoest_thumb005.png';
terdoest[5] = 'i/terdoest_thumb006.png';
terdoest[6] = 'i/terdoest_thumb007.png';
terdoest[7] = 'i/terdoest_thumb008.png';
terdoest[8] = 'i/terdoest_thumb009.png';
terdoest[9] = 'i/terdoest_thumb010.png';
terdoest[10] = 'i/terdoest_thumb011.png';
terdoest[11] = 'i/debie_thumb001.png';
terdoest[12] = 'i/debie_thumb002.png';
terdoest[13] = 'i/debie_thumb003.png';
terdoest[14] = 'i/debie_thumb004.png';
terdoest[15] = 'i/terdoest_thumb001.png';
terdoest[16] = 'i/terdoest_thumb002.png';
terdoest[17] = 'i/terdoest_thumb003.png';
terdoest[18] = 'i/terdoest_thumb004.png';
terdoest[19] = 'i/terdoest_thumb005.png';
terdoest[20] = 'i/terdoest_thumb006.png';

var kapelles = []
kapelles[0] = 'i/dekapelle_thumb001.png';
kapelles[1] = 'i/dekapelle_thumb002.png';
kapelles[2] = 'i/dekapelle_thumb003.png';
kapelles[3] = 'i/dekapelle_thumb004.png';
kapelles[4] = 'i/dekapelle_thumb005.png';
kapelles[5] = 'i/dekapelle_thumb006.png';
kapelles[6] = 'i/dekapelle_thumb007.png';
kapelles[7] = 'i/dekapelle_thumb008.png';
kapelles[8] = 'i/dekapelle_thumb009.png';
kapelles[9] = 'i/dekapelle_thumb010.png';
kapelles[10] = 'i/debie_thumb001.png';
kapelles[11] = 'i/debie_thumb002.png';
kapelles[12] = 'i/debie_thumb003.png';
kapelles[13] = 'i/debie_thumb004.png';
kapelles[14] = 'i/dekapelle_thumb001.png';
kapelles[15] = 'i/dekapelle_thumb002.png';
kapelles[16] = 'i/dekapelle_thumb003.png'; 
kapelles[17] = 'i/dekapelle_thumb004.png';
kapelles[18] = 'i/dekapelle_thumb005.png';
kapelles[19] = 'i/dekapelle_thumb006.png';

riebedebies = []
riebedebies[0] = 'i/riebedebie_thumb001.png';
riebedebies[1] = 'i/riebedebie_thumb002.png';
riebedebies[2] = 'i/riebedebie_thumb003.png';
riebedebies[3] = 'i/riebedebie_thumb004.png';
riebedebies[4] = 'i/riebedebie_thumb005.png';
riebedebies[5] = 'i/riebedebie_thumb006.png';
riebedebies[6] = 'i/riebedebie_thumb007.png';
riebedebies[7] = 'i/debie_thumb001.png';
riebedebies[8] = 'i/debie_thumb002.png';
riebedebies[9] = 'i/debie_thumb003.png';
riebedebies[10] = 'i/debie_thumb004.png';
riebedebies[11] = 'i/riebedebie_thumb001.png';
riebedebies[12] = 'i/riebedebie_thumb002.png';
riebedebies[13] = 'i/riebedebie_thumb003.png';
riebedebies[14] = 'i/riebedebie_thumb004.png';
riebedebies[15] = 'i/riebedebie_thumb005.png';
riebedebies[16] = 'i/riebedebie_thumb006.png';
    
var iS = null; // imageSlider var
var iTf = null; // imageThumbs var
var iSf = null; // imageSlider fader var
var faded	=	 false;

var pF = null; // previousFader
var nF = null; // nextFader

var preloaded = false;

var images = [];
var bigimages = [];
var oImg = [];
  
function createSlider(){  
  newJoinkBox();
  // first preload the images and place them in the slider Div
  preload_image();
  }

function preload_image(){
  for (a=0;a<images.length;a++){
  	oImg[a] = new Image();
  	oImg[a].src = images[a];
    }
  	
  fillSlider();
  }

  function FadeImage(div, n){
    this.div = div;
    this.id = n;
    this.div.title = 'Klik om te vergroten';
    this.div.onclick = bind(this, this.doFade);
    }
  
  FadeImage.prototype = {
      doFade : function(){
       	joinkBox.boxes[this.id].showPopup();
        }
    }
  
function fillSlider(){
  var sDiv = $('imageSlider');
  sDiv.innerHTML = '';
  for(var n = 0;n < oImg.length;n++){
  	var tdiv = document.createElement('div');
  	tdiv.className = 'node';
    new FadeImage(tdiv, n);  
  	var timg = oImg[n];
  	tdiv.appendChild(timg);
  	sDiv.appendChild(tdiv);
    }

  $('imageThumbs').style.display = 'block';
  $('imageNav').style.display = 'block';

  iS = new Slider('imageSlider', 650, 120);
  pF = new Fader('previous', 60, 100, 10);
  nF = new Fader('next', 60, 100, 10);			
  }