$(document).ready(function() {
  $('#album div.thumb img').mouseover(function() {
    var foto = $(this).attr('id');
    
    // oude foto
    var bovenop = $('#album div.large img.bovenop');
    bovenop.addClass('erachter');
    
    // nieuwe foto
    $('#album div.large img#' + foto).hide().addClass('bovenop').fadeIn(function() {
      bovenop.removeClass('bovenop erachter');
    });
  });
  
  $('#main_menu a#flickr').attr('target', '_blank');
  
  
  // homepage - projecten - omstebeurt laten verschijnen 
  // var function_done = false;
  var id_nummer = 1;
  var timer2;
  var timer1 = setInterval(function() {
    $('#project' + id_nummer).fadeIn(200);
    id_nummer++;
    if (id_nummer > 7) {   // klaar?
      clearInterval(timer1);

      // maak alle projects absolute i.p.v. static
      $('a.projects, div.special').each(function() {
        var p = $(this).position();
        $(this).css({ left:p.left, top:p.top })
      });
      $('a.projects, div.special').css({ position:'absolute' });
      
      //flip();
      timer2 = setInterval(flip, 6000)
    }
    // function_done = true;
  }, 500);
  
  var chosen = [];
  function inchosen(n) {
    for (var i=0; i<chosen.length; i++) {
      if (chosen[i] == n)
        return true;
    }
    return false;
  }
  
  function flip() {
    if ($('a.projects:hidden').length <= 0) {
      clearInterval(timer2);
      return;
    }
    var l = $('a.projects:visible').length;
    if (chosen.length == l)
      chosen.length = 0;
    // kies random die nog niet gekozen is
    var n = Math.floor(Math.random() * l);
    while (inchosen(n)) {
      n = Math.floor(Math.random() * l);
    }
    chosen.push(n);
    
    var a = $('a.projects:visible').eq(n);
    var p = a.position();
    var b = $('a.projects:hidden').eq(0);
    a.find('img.icon').fadeOut(1000);
    a.fadeOut(1000, function() { 
      var timer3 = setInterval(function() {
        b.find('img.icon').fadeIn(1000);
        b.css({ left:p.left, top:p.top, position:'absolute' }).fadeIn(1000, function() { 
          a.after(b);
          $('div.projects').append(a.hide());
        });
        clearInterval(timer3);
      }, 700);
    });
  }

});