$(document).ready(function() {

  // Add Class to last-child 
  $("#nav li:last-child").addClass("last-child");
  $("#social-links li:last-child").addClass("last-child");
  
  // Nav Selected
  
  // Global vars
  var $content = $("#content");
  var $loading = $("#loading");
  var $main = $("#main-content");
  var $bg = $(".graphic", $main);
  var $imageLink = $(".image-link", $main);
  
  // Nav ajax
  $("#nav>li>a").click(function(e) {
    e.preventDefault();
    var image = $(this).data("image");
    var text = $(this).data("text");
    var textLink = $(this).data("url");
    var assets = [image, text];
    $(this).parent().addClass("selected");
    $(this).parent().siblings().removeClass("selected");
    
    $main.fadeOut(400, function() {
      $loading.show();
      preload(assets, function() {
        $bg.attr("src", image);
        $imageLink.attr("href", textLink).hide();
        $("img", $imageLink).attr("src", text);
        $loading.delay(600).fadeOut(400);
        $main.delay(1000).fadeIn(400, function() {
          $imageLink.fadeIn(400);
        });
      });
    });    
  });
  
  var loading = ["/images/load.gif"];
  preload(loading);
  
  function preload(images, success) {
    var promises = [];
    for (i = 0; i < images.length; i++) {
      (function(url, promise) {
        var img = new Image();
        img = new Image();
        img.onload = function() {
          promise.resolve();
        };
        img.src = url;
      })(images[i], promises[i] = $.Deferred());
    }
    
    $.when.apply($, promises).done(function() {
      success();
    });
  }
  
  // Form show terms
  var $terms = $("#terms");
  var $copy = $("#copy");
  $("#show-terms").click(function(e){
    e.preventDefault();
    $copy.fadeOut(350, function() {
      $terms.fadeIn(350);
    });
  });
  
  // Form hide terms 
  $("#hide-terms").click(function(e){
    e.preventDefault();
    $terms.fadeOut(350, function() {
      $copy.fadeIn(350);
    });
  });

  
});