$(document).ready(function() {
  // if ($.cookie('act2_intro') == 'done')
  //   location = '/nl/what';
  
  $.cookie('act2_intro', 'done');
  
  $('#page')
      .delay(1000).animate({opacity: '1', height: '673px'}, 1000)
     .animate({ width:'960px'  }, 2000, 'easeInSine', function () { 
     $('#page').css({border: '1px solid white'}); 
   });
   
  $('#kantlijn').delay(4000).animate({
   opacity: '1', 
   width: '180px'
  }, 1000, 'easeInSine', function () { 
   $('#kantlijn').css({opacity: '1'}); 
  });

  
  $('div.what div.row:eq(0)').css({left:728}).delay(5200).fadeIn("fast").animate({ left:0    }, 1200, 'easeOutBounce');
  $('div.what div.row:eq(1)').css({left:728}).delay(5800).fadeIn("fast").animate({ left:-124 }, 1200, 'easeOutBounce');
  $('div.what div.row:eq(2)').css({left:728}).delay(6300).fadeIn("fast").animate({ left:26 }, 1200, 'easeOutBounce');
  $('div.what div.row:eq(3)').css({left:728}).delay(6900).fadeIn("fast").animate({ left:-35 }, 1200, 'easeOutBounce');
  
  setTimeout(function() {
    $('div#whitescreen1').show().animate({opacity: 0}, 2000).remove();
    $('div#whitescreen2').show().animate({opacity: 0}, 3000).remove();
    $('div#menu').show();
    $('div.intro').show();
    location = '/nl/what';
  }, 8100);
  
  // $('div#menu').delay(8100).animate({opacity: 1}, 2000);
  // $('div.intro').delay(8500).animate({opacity: 1}, 3000);
  
  
  // setTimeout(function() {
  //   // alert('show it');
  //   // $('div.intro').show();
  //   $('div.intro').animate({opacity: '1'}, 3000);
  // }, 8500);
});