$(document).ready(function() {

  var i = [1,2,3,4,5,6,7,8,9];
  var counter = 0;
  var j = 0;
  
  var images = [
    'images/logo-atportunity.png',
    'images/logo-bourgondier.png',
    'images/logo-ctwo.png',
    'images/logo-dyecoo.png',
    'images/logo-iceetee.png',
    'images/logo-koen.png',
    'images/logo-madcap.png',
    'images/logo-pactor.png',
    'images/logo-paykar.png',
    'images/logo-pha.png',
    'images/logo-pouma.png',
    'images/logo-recrutor.png',
    'images/logo-stenen.png',
    'images/logo-stylepack.png',
    'images/logo-thrillertheater.png',
    'images/logo-vp.png',
    'images/logo-zebrazorg.png',
    'images/logo-flexyachts.png'];

  shuffle = function(o) {
    for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
	  return o;
  };

	images = shuffle(images);
	i = shuffle(i);
	
  $('#portfolio-container div img').each(function(i) {
    $(this).attr('src', images[i]);
    $('#portfolio-container div').fadeIn('slow');
    counter++;
  });
    
  function showImage() {
  
    if(counter==images.length) {
      counter=0;
    }
    
    if(j==i.length) {
      j=0;
    }
 
    $('#portfolio-container div:nth-child('+i[j]+') img').fadeOut(1200, function() {
      $(this)
        .attr('src', images[counter-1])
        .fadeIn(2200);
    }); 

    counter++;
    j++;
    
  }
  
  timer = setInterval(showImage,5000);
  
});