/**
 * author Remy Sharp
 * url http://remysharp.com/2009/01/26/element-in-view-event-plugin/
 */
if (mobile) {
	/**
	 * author Remy Sharp
	 * url http://remysharp.com/2009/01/26/element-in-view-event-plugin/
	 */
	(function ($) {
	    function getViewportHeight() {
	        var height = window.innerHeight; // Safari, Opera
	        var mode = document.compatMode;

	        if ( (mode || !$.support.boxModel) ) { // IE, Gecko
	            height = (mode == 'CSS1Compat') ?
	            document.documentElement.clientHeight : // Standards
	            document.body.clientHeight; // Quirks
	        }

	        return height;
	    }

	    $(window).scroll(function () {
	        var vpH = getViewportHeight(),
	            scrolltop = (document.documentElement.scrollTop ?
	                document.documentElement.scrollTop :
	                document.body.scrollTop),
	            elems = [];

	        // naughty, but this is how it knows which elements to check for
	        $.each($.cache, function () {
	            if (this.events && this.events.inview) {
	                elems.push(this.handle.elem);
	            }
	        });

	        if (elems.length) {
	            $(elems).each(function () {
	                var $el = $(this),
	                    top = $el.offset().top,
	                    height = $el.height(),
	                    inview = $el.data('inview') || false;

	                if (scrolltop > (top + height) || scrolltop + vpH < top) {
	                    if (inview) {
	                        $el.data('inview', false);
	                        $el.trigger('inview', [ false ]);                        
	                    }
	                } else if (scrolltop < (top + height)) {
	                    if (!inview) {
	                        $el.data('inview', true);
	                        $el.trigger('inview', [ true ]);
	                    }
	                }
	            });
	        }
	    });

	    // kick the event to pick up any elements already in view.
	    // note however, this only works if the plugin is included after the elements are bound to 'inview'
	    $(function () {
	        $(window).scroll();
	    });
	})(jQuery);
	
}

else {
	$(document).ready(function() {
	(function ($) {
	    function getViewportHeight() {
	        var height = $(window).height(); // Safari, Opera
	        var mode = document.compatMode;

	        if ( (mode || !$.support.boxModel) ) { // IE, Gecko
	            height = (mode == 'CSS1Compat') ?
	            document.documentElement.clientHeight : // Standards
	            document.body.clientHeight; // Quirks
	        }
			var height = parseInt($(window).height());
	        return height;
	    }

	    $('#wrapper').scroll(function () {
	        var vpH = getViewportHeight(),
	            scrolltop = ($('#wrapper').scrollTop() ?
	                $('#wrapper').scrollTop() :
	                $('#wrapper').scrollTop()),
	            elems = [];

	        // naughty, but this is how it knows which elements to check for
	        $.each($.cache, function () {
	            if (this.events && this.events.inview) {
	                elems.push(this.handle.elem);
	            }
	        });

	        if (elems.length) {
	            $(elems).each(function (i) {
	                var $el = $(this),
	                    top = $el.offset().top+scrolltop,
	                    height = $el.height(),
	                    inview = $el.data('inview') || false;

	                if (scrolltop > (top + height) || scrolltop + vpH < top) {
	                    if (inview) {
	                        $el.data('inview', false);
	                        $el.trigger('inview', [ false ]);                        
	                    }
	                } else if (scrolltop < (top + height)) {
	                    if (!inview) {
	                        $el.data('inview', true);
	                        $el.trigger('inview', [ true ]);
	                    }
	                }
	            });
	        }
	    });

	    // kick the event to pick up any elements already in view.
	    // note however, this only works if the plugin is included after the elements are bound to 'inview'
	    $(function () {
	        $('#wrapper').scroll();
	    });
	})(jQuery);

	});
}