$(document).ready(function() {
  setTimeout(function() {
    /*$('.main-inner').animate({
      height: '100%',
      top: 0
    }, { "duration": 1200, "easing": "easeInOutExpo", 'complete': function() {
        $('ul.nav').fadeIn();
      } 
    }); //easeInOutCirc*/
    $('.page').fadeIn('3000', function() {
      $('ul.nav').fadeIn('3000');
    });
  }, 500);
  
  $('a.zoomy').not('.big').fancyZoom({directory: 'contrib/fancyzoom/images', width: 700, height: 450, disable_behind: true});
  $('a.zoomy.big').fancyZoom({directory: 'contrib/fancyzoom/images', width: 850, height: 520, disable_behind: true});
  
  // Something fun. Make main area rubber-band-ish.
  /*$('.main-inner').draggable({
    greedy: false,
    containment: 'window',
    handle: '.main-inner',
    start: function(e, ui) {
      console.log(ui);
      console.log(e);
    },
    stop: function(e, ui) {
      
    }
  });
  $('ul.nav li a').disableSelection();*/
  
  var gravityStarted;
  
  $('#button-gravity').click(function(e) {
    if (!gravityStarted) {
      gravityStarted = 1;
      
      $('body').append('<div style="display:none;position:absolute;top:13%;font-size:18pt;text-align:center;" class="gravity-instructions"><span class="box2d">Drag elements around the screen.</span><br /><br /><span class="box2d">Tilt your device!</div></span>');
      $('.gravity-instructions').css('left', (($(document).width() / 2) - $('.gravity-instructions').width() / 2) + 'px' );
      $('.gravity-instructions').fadeIn(1000, function() {
        /*setTimeout(function() {
          $('.gravity-instructions').fadeOut(500, function() {
            $('.gravity-instructions').remove();
          });
        }, 500);*/
        
        init();
      });
    }
    return false;
  });
  
});

function doGravity() {
  if (!gravityStarted) {
    gravityStarted = 1;
    init();
  }
}

function preloadImages() {
  var myimages = new Array();
  for (i = 0; i < preloadImages.arguments.length; i++) {
    myimages[i] = new Image();
    myimages[i].src = preloadImages.arguments[i];
  }
}

// Preload bg images.
  //setTimeout(function() {
    preloadImages(
      'contrib/fancyzoom/images/bl.png',
      'contrib/fancyzoom/images/bm.png',
      'contrib/fancyzoom/images/br.png',
      'contrib/fancyzoom/images/closebox.png',
      'contrib/fancyzoom/images/ml.png',
      'contrib/fancyzoom/images/mr.png',
      'contrib/fancyzoom/images/tl.png',
      'contrib/fancyzoom/images/tm.png',
      'contrib/fancyzoom/images/tr.png'
    );
  //}, 2000);