LazyLoad

jQuery(window).load(function(){

    // Load the first images visible in view-port.
    jQuery(".work .project .images img:in-viewport").each(function() {
        loadImage(jQuery(this));
    });

});

jQuery(document).ready(function(){

    /* Cache Elements for Use */
    var images = jQuery(".work .project .images");

    /* Catch the main scroll event */

    jQuery(window).scroll(function (e) {


        var scrollTop = jQuery(this).scrollTop();


        /*=======================

            Image Loading

        =======================*/

        loadImage( images.find("img:right-of-screen:first") );


        if (jQuery(window).width() < 1100) {

            jQuery(".work .images .image img:right-of-screen").each(function(){
                loadImage( jQuery(this) );
            });

        }

    });

});


/* Loads and fades in image */

function loadImage(image, callback) {
    if (typeof callback == 'undefined') { callback = function(){}; }

    if (image.attr("src") == "images/core/transparent.gif") {

        image.animate({opacity:0}, 50, function() {
            image.attr("src", image.attr("data-original")).bind('load', function(){
                image.animate({opacity:1}, 1000).css({height:'auto'});
                callback();
            });
        });

    }
}


/*
 * Viewport - jQuery selectors for finding elements in viewport
 *
 * Copyright (c) 2008-2009 Mika Tuupola
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Project home:
 *  http://www.appelsiini.net/projects/viewport
 *
 */

(function($){$.belowthefold=function(element,settings){var fold=$(window).height()+$(window).scrollTop();return fold<=$(element).offset().top-settings.threshold;};$.abovethetop=function(element,settings){var top=$(window).scrollTop();return top>=$(element).offset().top+$(element).height()-settings.threshold;};$.rightofscreen=function(element,settings){var fold=$(window).width()+$(window).scrollLeft();return fold<=$(element).offset().left-settings.threshold;};$.leftofscreen=function(element,settings){var left=$(window).scrollLeft();return left>=$(element).offset().left+$(element).width()-settings.threshold;};$.inviewport=function(element,settings){return!$.rightofscreen(element,settings)&&!$.leftofscreen(element,settings)&&!$.belowthefold(element,settings)&&!$.abovethetop(element,settings);};$.extend($.expr[':'],{"below-the-fold":function(a,i,m){return $.belowthefold(a,{threshold:-200});},"above-the-top":function(a,i,m){return $.abovethetop(a,{threshold:0});},"left-of-screen":function(a,i,m){return $.leftofscreen(a,{threshold:0});},"right-of-screen":function(a,i,m){return $.rightofscreen(a,{threshold:0});},"in-viewport":function(a,i,m){return $.inviewport(a,{threshold:150});}});})(jQuery);