$(document).ready(function() {
  $('#fotos img').click(fotozoom);
  
  if ($('div#home').length > 0) {
    setInterval(home_wissel, 3000);
  }
});

function home_wissel () {
  var i = rand(11);
  if ($('div#foto' + i + ' img.vis').length > 1) {
    $('div#foto' + i + ' img.vis:last').removeClass('vis').fadeOut();
  }
}

function fotozoom() {
  if ($('div#fotozoom').length) {
    $('div#fotozoom').fadeOut("normal", function() { $(this).remove() });
  } else {
    var fotozoom_wrapper = $('<div id="fotozoom_wrapper"/>');
    fotozoom_wrapper.appendTo('#wrapper').fadeIn();

    var fotos = $('div#fotos img');
    var nr_fotos = fotos.length;
    var nr = fotos.index(this);
    foto(nr);
  }

  function foto(nr) {
    var fotos = $('div#fotos img');
    var cur = fotos.eq(nr);
    
    var title = cur.attr('title');
    var src   = cur.attr('src');
    src = src.replace(/\/foto\/[^/]+/, '/foto/604x442');
    var fotozoom = $('<div id="fotozoom"><div class="sluit">X</div><img src="' + src + '" /><label>' + title + '</label></div>');
    fotozoom.hide().click(function() { 
        $('#fotozoom_wrapper, #fotozoom').fadeOut("normal", function() { $(this).remove() });   
    });
    if (nr < fotos.length-1)
      fotozoom.append($('<a id="fotoright" href="#">&raquo;</a>').click(function() { foto(nr+1); return false; }))
    if (nr > 0)
      fotozoom.append($('<a id="fotoleft"  href="#">&laquo;</a>').click(function() { foto(nr-1); return false; }))
    fotozoom.appendTo('#fotozoom_wrapper').fadeIn();
  }
}


function rand(n) {
  return Math.floor(Math.random() * n * 0.999)
}


function wissel() {
  if (fotos.length <= 5)
    return;
    
  var i = rand(AANTAL_FOTOS);
  var n;
  do {
    n = rand(fotos.length);
  } while (already_shown(n));
  document.images["foto"+i].src = fotos[n];
}

function already_shown(n) {
  for(var i=0; i<AANTAL_FOTOS; i++) {
    var foto = document.images["foto"+i].src;
    if (foto.indexOf(fotos[n]) >= 0)
      return true;
  }
  return false;
}