//preloading
(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

jQuery.preLoadImages("/img/drip3.png", "/img/drip4.png", "/img/drip.png", "/img/drip2.png");

//switch color
function invert() {
        
    $('body').toggleClass('invert');
    $('.inverter').toggleClass('white');
    
    if($('body').hasClass('invert')) {
    
        $('.inverter').animate({ left: "5%"},500);
        $('#footer div').animate({ marginLeft: "-=200px" },500);
        $('#header div').animate({ marginLeft: "-=200px" },500);
        
        $('body').attr('style','');
        $('body').css('background-color', '#000');

    }
    else {
        
        $('.inverter').animate({ left: "95%" },500);
        $('#footer div').animate({ marginLeft: "+=200px" },500);
        $('#header div').animate({ marginLeft: "+=200px" },500);

        $('body').attr('style','');
        $('body').css('background-color', '#fff');
    }

 }