From 1e32ed7d0497ee22be367899a28a7fc681e40e6a Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Mon, 22 Nov 2010 20:13:25 +0100
Subject: [PATCH 01/66] Unify syntax, check whether element's in viewport via
 interval

---
 jquery.inview.js | 49 +++++++++++++++++++++---------------------------
 1 file changed, 21 insertions(+), 28 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 0f3327a..c5f3607 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -10,8 +10,8 @@
         if (height) { return height; }
         var mode = document.compatMode;
 
-        if ( (mode || !$.support.boxModel) ) { // IE, Gecko
-            height = (mode == 'CSS1Compat') ?
+        if (mode || !$.support.boxModel) { // IE, Gecko
+            height = mode == 'CSS1Compat' ?
             document.documentElement.clientHeight : // Standards
             document.body.clientHeight; // Quirks
         }
@@ -19,23 +19,20 @@
         return height;
     }
     
-    function offsetTop(debug)
-    {
+    function offsetTop(debug) {
         // Manually calculate offset rather than using jQuery's offset
         // This works-around iOS < 4 on iPad giving incorrect value
         // cf http://bugs.jquery.com/ticket/6446#comment:9
-        var curtop = 0;
-        for (var obj = debug; obj !== null; obj = obj.offsetParent)
-        {
-            curtop += obj.offsetTop;
+        var curTop = 0;
+        for (var obj = debug; obj !== null; obj = obj.offsetParent) {
+            curTop += obj.offsetTop;
         }
-        return curtop;
+        return curTop;
     }
 
-    function check_inview()
-    {
+    function checkInView() {
         var vpH = getViewportHeight(),
-            scrolltop = (window.pageYOffset ?
+            scrollTop = (window.pageYOffset ?
                 window.pageYOffset : 
                 document.documentElement.scrollTop ?
                 document.documentElement.scrollTop :
@@ -48,7 +45,7 @@
                 elems.push(this.handle.elem);
             }
         });
-
+        
         if (elems.length) {
             $(elems).each(function () {
                 var $el = $(this),
@@ -56,29 +53,25 @@
                     height = $el.height(),
                     inview = $el.data('inview') || false;
 
-                if (scrolltop > (top + height) || scrolltop + vpH < top) {
+                if (scrollTop > (top + height) || scrollTop + vpH < top) {
                     if (inview) {
                         $el.data('inview', false);
-                        $el.trigger('inview', [ false ]);                        
+                        $el.trigger('inview', [false]);                        
                     }
-                } else if (scrolltop < (top + height)) {
-                    var visPart = ( scrolltop > top ? 'bottom' : (scrolltop + vpH) < (top + height) ? 'top' : 'both' );
+                } else if (scrollTop < (top + height)) {
+                    var visPart = (scrollTop > top ? 'bottom' : (scrollTop + vpH) < (top + height) ? 'top' : 'both');
                     if (!inview || inview !== visPart) {
-                      $el.data('inview', visPart);
-                      $el.trigger('inview', [ true, visPart]);
+                        $el.data('inview', visPart);
+                        $el.trigger('inview', [true, visPart]);
                     }
                 }
             });
         }
     }
-
-    $(window).scroll(check_inview);
-    $(window).resize(check_inview);
-    $(window).click(check_inview);
     
-    // 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 () {
-        check_inview();
-    });
+    // Use setInterval in order to also make sure this captures elements within
+    // "overflow:scroll" elements
+    // old:
+    // $(window).scroll(checkInView);
+    setInterval(checkInView, 250);
 })(jQuery);

From b66094cc0fb1723fa8d498c9c17069fbebc552b0 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Mon, 22 Nov 2010 20:20:46 +0100
Subject: [PATCH 02/66] Further unified syntax, made the whole thing faster
 when no elements are tracked

---
 jquery.inview.js | 30 ++++++++++++++----------------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index c5f3607..56b92a0 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -12,8 +12,8 @@
 
         if (mode || !$.support.boxModel) { // IE, Gecko
             height = mode == 'CSS1Compat' ?
-            document.documentElement.clientHeight : // Standards
-            document.body.clientHeight; // Quirks
+                document.documentElement.clientHeight : // Standards
+                document.body.clientHeight; // Quirks
         }
 
         return height;
@@ -31,13 +31,7 @@
     }
 
     function checkInView() {
-        var vpH = getViewportHeight(),
-            scrollTop = (window.pageYOffset ?
-                window.pageYOffset : 
-                document.documentElement.scrollTop ?
-                document.documentElement.scrollTop :
-                document.body.scrollTop),
-            elems = [];
+        var viewportHeight, scrollTop, elems = [];
         
         // naughty, but this is how it knows which elements to check for
         $.each($.cache, function () {
@@ -47,22 +41,26 @@
         });
         
         if (elems.length) {
+            viewportHeight = getViewportHeight();
+            scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
+
             $(elems).each(function () {
                 var $el = $(this),
                     top = offsetTop(this),
                     height = $el.height(),
-                    inview = $el.data('inview') || false;
+                    inView = $el.data('inview') || false,
+                    visiblePart;
 
-                if (scrollTop > (top + height) || scrollTop + vpH < top) {
-                    if (inview) {
+                if (scrollTop > (top + height) || scrollTop + viewportHeight < top) {
+                    if (inView) {
                         $el.data('inview', false);
                         $el.trigger('inview', [false]);                        
                     }
                 } else if (scrollTop < (top + height)) {
-                    var visPart = (scrollTop > top ? 'bottom' : (scrollTop + vpH) < (top + height) ? 'top' : 'both');
-                    if (!inview || inview !== visPart) {
-                        $el.data('inview', visPart);
-                        $el.trigger('inview', [true, visPart]);
+                    visiblePart = (scrollTop > top ? 'bottom' : (scrollTop + viewportHeight) < (top + height) ? 'top' : 'both');
+                    if (!inView || inView !== visiblePart) {
+                        $el.data('inview', visiblePart);
+                        $el.trigger('inview', [true, visiblePart]);
                     }
                 }
             });

From 8ea24e2f2ee13287869d5460082dafc1793abbef Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Mon, 22 Nov 2010 22:27:26 +0100
Subject: [PATCH 03/66] Added tests, added support for horizontal scrolling,
 might be still buggy, more tests needed

---
 jquery.inview.js     |  101 ++--
 test/index.html      |   18 +
 test/qunit/qunit.css |  163 ++++++
 test/qunit/qunit.js  | 1297 ++++++++++++++++++++++++++++++++++++++++++
 test/test.js         |  118 ++++
 5 files changed, 1660 insertions(+), 37 deletions(-)
 create mode 100644 test/index.html
 create mode 100644 test/qunit/qunit.css
 create mode 100644 test/qunit/qunit.js
 create mode 100644 test/test.js

diff --git a/jquery.inview.js b/jquery.inview.js
index 56b92a0..ba6a2d8 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -3,35 +3,55 @@
  * url http://remysharp.com/2009/01/26/element-in-view-event-plugin/
  */
 (function ($) {
-    function getViewportHeight() {
-        var height = window.innerHeight; // Safari, Opera
+    function getViewportSize() {
+        var mode, domObject, size = { height: window.innerHeight, width: window.innerWidth };
+        
         // if this is correct then return it. iPad has compat Mode, so will
-        // go into check clientHeight (which has the wrong value).
-        if (height) { return height; }
-        var mode = document.compatMode;
-
-        if (mode || !$.support.boxModel) { // IE, Gecko
-            height = mode == 'CSS1Compat' ?
-                document.documentElement.clientHeight : // Standards
-                document.body.clientHeight; // Quirks
+        // go into check clientHeight/clientWidth (which has the wrong value).
+        if (!size.height) {
+            mode = document.compatMode;
+            if (mode || !$.support.boxModel) { // IE, Gecko
+                domObject = mode == 'CSS1Compat' ?
+                    document.documentElement : // Standards
+                    document.body; // Quirks
+                size = {
+                    height: domObject.clientHeight,
+                    width:  domObject.clientWidth
+                };
+            }
         }
 
-        return height;
+        return size;
+    }
+    
+    function getViewportOffset() {
+      return {
+        top:  window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop,
+        left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft
+      };
+    }
+    
+    function getElementSize($elem) {
+      return {
+        height: $elem.height(),
+        width:  $elem.width()
+      };
     }
     
-    function offsetTop(debug) {
+    function getElementOffset(debug) {
         // Manually calculate offset rather than using jQuery's offset
         // This works-around iOS < 4 on iPad giving incorrect value
         // cf http://bugs.jquery.com/ticket/6446#comment:9
-        var curTop = 0;
-        for (var obj = debug; obj !== null; obj = obj.offsetParent) {
-            curTop += obj.offsetTop;
+        var obj, offset = { top: 0, left: 0 };
+        for (obj = debug; obj !== null; obj = obj.offsetParent) {
+            offset.top  += obj.offsetTop;
+            offset.left += obj.offsetLeft;
         }
-        return curTop;
+        return offset;
     }
 
     function checkInView() {
-        var viewportHeight, scrollTop, elems = [];
+        var viewport, scrollTop, scrollLeft, elems = [];
         
         // naughty, but this is how it knows which elements to check for
         $.each($.cache, function () {
@@ -41,27 +61,34 @@
         });
         
         if (elems.length) {
-            viewportHeight = getViewportHeight();
-            scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
-
-            $(elems).each(function () {
-                var $el = $(this),
-                    top = offsetTop(this),
-                    height = $el.height(),
-                    inView = $el.data('inview') || false,
-                    visiblePart;
+            viewportSize   = getViewportSize();
+            viewportOffset = getViewportOffset();
 
-                if (scrollTop > (top + height) || scrollTop + viewportHeight < top) {
-                    if (inView) {
-                        $el.data('inview', false);
-                        $el.trigger('inview', [false]);                        
-                    }
-                } else if (scrollTop < (top + height)) {
-                    visiblePart = (scrollTop > top ? 'bottom' : (scrollTop + viewportHeight) < (top + height) ? 'top' : 'both');
-                    if (!inView || inView !== visiblePart) {
-                        $el.data('inview', visiblePart);
-                        $el.trigger('inview', [true, visiblePart]);
-                    }
+            $(elems).each(function() {
+                var $el           = $(this),
+                    elementSize   = { height: $el.height(), width: $el.width() },
+                    elementOffset = getElementOffset(this),
+                    inView        = $el.data('inview') || false,
+                    visiblePartY,
+                    visiblePartX,
+                    visiblePartsMerged;
+                
+                if (elementOffset.top + elementSize.height > elementOffset.top &&
+                    elementOffset.top < viewportOffset.top + viewportSize.height &&
+                    elementOffset.left + elementSize.width > viewportOffset.left &&
+                    elementOffset.left < viewportOffset.left + viewportSize.width) {
+                  visiblePartY = (viewportOffset.top > elementOffset.top ?
+                      'bottom' : (viewportOffset.top + viewportSize.height) < (elementOffset.top + elementSize.height) ?
+                      'top' : 'both');
+                  visiblePartX = (viewportOffset.left > elementOffset.left ?
+                      'right' : (viewportOffset.left + viewportSize.width) < (elementOffset.left + elementSize.width) ?
+                      'left' : 'both');
+                  visiblePartsMerged = visiblePartX + "-" + visiblePartY;
+                  if (!inView || inView !== visiblePartsMerged) {
+                      $el.data('inview', visiblePartsMerged).trigger('inview', [true, visiblePartX, visiblePartY]);
+                  }
+                } else if (inView) {
+                  $el.data('inview', false).trigger('inview', [false]);                        
                 }
             });
         }
diff --git a/test/index.html b/test/index.html
new file mode 100644
index 0000000..d91adef
--- /dev/null
+++ b/test/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>QUnit Test Suite</title>
+  <link rel="stylesheet" href="qunit/qunit.css">
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
+  <script src="../jquery.inview.js"></script>
+  <script src="qunit/qunit.js"></script>
+  <script src="test.js"></script>
+</head>
+<body>
+  <h1 id="qunit-header">QUnit Test Suite</h1>
+  <h2 id="qunit-banner"></h2>
+  <div id="qunit-testrunner-toolbar"></div>
+  <h2 id="qunit-userAgent"></h2>
+  <ol id="qunit-tests"></ol>
+</body>
+</html>
\ No newline at end of file
diff --git a/test/qunit/qunit.css b/test/qunit/qunit.css
new file mode 100644
index 0000000..7eb693a
--- /dev/null
+++ b/test/qunit/qunit.css
@@ -0,0 +1,163 @@
+/** Font Family and Sizes */
+
+#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
+	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
+}
+
+#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
+#qunit-tests { font-size: smaller; }
+
+
+/** Resets */
+
+#qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
+	margin: 0;
+	padding: 0;
+}
+
+
+/** Header */
+
+#qunit-header {
+	padding: 0.5em 0 0.5em 1em;
+
+	color: #8699a4;
+	background-color: #0d3349;
+
+	font-size: 1.5em;
+	line-height: 1em;
+	font-weight: normal;
+	
+	border-radius: 15px 15px 0 0;
+	-moz-border-radius: 15px 15px 0 0;
+	-webkit-border-top-right-radius: 15px;
+	-webkit-border-top-left-radius: 15px;
+}
+
+#qunit-header a {
+	text-decoration: none;
+	color: #c2ccd1;
+}
+
+#qunit-header a:hover,
+#qunit-header a:focus {
+	color: #fff;
+}
+
+#qunit-banner {
+	height: 5px;
+}
+
+#qunit-testrunner-toolbar {
+	padding: 0em 0 0.5em 2em;
+}
+
+#qunit-userAgent {
+	padding: 0.5em 0 0.5em 2.5em;
+	background-color: #2b81af;
+	color: #fff;
+	text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
+}
+
+
+/** Tests: Pass/Fail */
+
+#qunit-tests {
+	list-style-position: inside;
+}
+
+#qunit-tests li {
+	padding: 0.4em 0.5em 0.4em 2.5em;
+	border-bottom: 1px solid #fff;
+	list-style-position: inside;
+}
+
+#qunit-tests li strong {
+	cursor: pointer;
+}
+
+#qunit-tests ol {
+	margin-top: 0.5em;
+	padding: 0.5em;
+	
+	background-color: #fff;
+	
+	border-radius: 15px;
+	-moz-border-radius: 15px;
+	-webkit-border-radius: 15px;
+	
+	box-shadow: inset 0px 2px 13px #999;
+	-moz-box-shadow: inset 0px 2px 13px #999;
+	-webkit-box-shadow: inset 0px 2px 13px #999;
+}
+
+/*** Test Counts */
+
+#qunit-tests b.counts                       { color: black; }
+#qunit-tests b.passed                       { color: #5E740B; }
+#qunit-tests b.failed                       { color: #710909; }
+
+#qunit-tests li li {
+	margin: 0.5em;
+	padding: 0.4em 0.5em 0.4em 0.5em;
+	background-color: #fff;
+	border-bottom: none;
+	list-style-position: inside;
+}
+
+/*** Passing Styles */
+
+#qunit-tests li li.pass {
+	color: #5E740B;
+	background-color: #fff;
+	border-left: 26px solid #C6E746;
+}
+
+#qunit-tests .pass                          { color: #528CE0; background-color: #D2E0E6; }
+#qunit-tests .pass .test-name               { color: #366097; }
+ 
+#qunit-tests .pass .test-actual,
+#qunit-tests .pass .test-expected           { color: #999999; }
+
+#qunit-banner.qunit-pass                    { background-color: #C6E746; }
+
+/*** Failing Styles */
+
+#qunit-tests li li.fail {
+	color: #710909;
+	background-color: #fff;
+	border-left: 26px solid #EE5757;
+}
+
+#qunit-tests .fail                          { color: #000000; background-color: #EE5757; }
+#qunit-tests .fail .test-name,
+#qunit-tests .fail .module-name             { color: #000000; }
+
+#qunit-tests .fail .test-actual             { color: #EE5757; }
+#qunit-tests .fail .test-expected           { color: green;   }
+
+#qunit-banner.qunit-fail, 
+#qunit-testrunner-toolbar                   { background-color: #EE5757; }
+
+
+/** Footer */
+
+#qunit-testresult {
+	padding: 0.5em 0.5em 0.5em 2.5em;
+
+	color: #2b81af;
+	background-color: #D2E0E6;
+
+	border-radius: 0 0 15px 15px;
+	-moz-border-radius: 0 0 15px 15px;
+	-webkit-border-bottom-right-radius: 15px;
+	-webkit-border-bottom-left-radius: 15px;
+}
+
+/** Fixture */
+
+#qunit-fixture {
+	position: absolute;
+	top: -10000px;
+	left: -10000px;
+}
\ No newline at end of file
diff --git a/test/qunit/qunit.js b/test/qunit/qunit.js
new file mode 100644
index 0000000..f719f52
--- /dev/null
+++ b/test/qunit/qunit.js
@@ -0,0 +1,1297 @@
+/*
+ * QUnit - A JavaScript Unit Testing Framework
+ * 
+ * http://docs.jquery.com/QUnit
+ *
+ * Copyright (c) 2009 John Resig, Jörn Zaefferer
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ */
+
+(function(window) {
+
+var QUnit = {
+
+	// call on start of module test to prepend name to all tests
+	module: function(name, testEnvironment) {
+		config.currentModule = name;
+
+		synchronize(function() {
+			if ( config.previousModule ) {
+				QUnit.moduleDone( config.currentModule, config.moduleStats.bad, config.moduleStats.all );
+			}
+
+			config.previousModule = config.currentModule;
+			config.currentModule = name;
+			config.moduleTestEnvironment = testEnvironment;
+			config.moduleStats = { all: 0, bad: 0 };
+
+			QUnit.moduleStart( name, testEnvironment );
+		});
+	},
+
+	asyncTest: function(testName, expected, callback) {
+		if ( arguments.length === 2 ) {
+			callback = expected;
+			expected = 0;
+		}
+
+		QUnit.test(testName, expected, callback, true);
+	},
+	
+	test: function(testName, expected, callback, async) {
+		var name = '<span class="test-name">' + testName + '</span>', testEnvironment, testEnvironmentArg;
+
+		if ( arguments.length === 2 ) {
+			callback = expected;
+			expected = null;
+		}
+		// is 2nd argument a testEnvironment?
+		if ( expected && typeof expected === 'object') {
+			testEnvironmentArg =  expected;
+			expected = null;
+		}
+
+		if ( config.currentModule ) {
+			name = '<span class="module-name">' + config.currentModule + "</span>: " + name;
+		}
+
+		if ( !validTest(config.currentModule + ": " + testName) ) {
+			return;
+		}
+
+		synchronize(function() {
+
+			testEnvironment = extend({
+				setup: function() {},
+				teardown: function() {}
+			}, config.moduleTestEnvironment);
+			if (testEnvironmentArg) {
+				extend(testEnvironment,testEnvironmentArg);
+			}
+
+			QUnit.testStart( testName, testEnvironment );
+
+			// allow utility functions to access the current test environment
+			QUnit.current_testEnvironment = testEnvironment;
+			
+			config.assertions = [];
+			config.expected = expected;
+			
+			var tests = id("qunit-tests");
+			if (tests) {
+				var b = document.createElement("strong");
+					b.innerHTML = "Running " + name;
+				var li = document.createElement("li");
+					li.appendChild( b );
+					li.id = "current-test-output";
+				tests.appendChild( li );
+			}
+
+			try {
+				if ( !config.pollution ) {
+					saveGlobal();
+				}
+
+				testEnvironment.setup.call(testEnvironment);
+			} catch(e) {
+				QUnit.ok( false, "Setup failed on " + name + ": " + e.message );
+			}
+	    });
+	
+	    synchronize(function() {
+			if ( async ) {
+				QUnit.stop();
+			}
+
+			try {
+				callback.call(testEnvironment);
+			} catch(e) {
+				fail("Test " + name + " died, exception and test follows", e, callback);
+				QUnit.ok( false, "Died on test #" + (config.assertions.length + 1) + ": " + e.message + " - " + QUnit.jsDump.parse(e) );
+				// else next test will carry the responsibility
+				saveGlobal();
+
+				// Restart the tests if they're blocking
+				if ( config.blocking ) {
+					start();
+				}
+			}
+		});
+
+		synchronize(function() {
+			try {
+				checkPollution();
+				testEnvironment.teardown.call(testEnvironment);
+			} catch(e) {
+				QUnit.ok( false, "Teardown failed on " + name + ": " + e.message );
+			}
+	    });
+	
+	    synchronize(function() {
+			if ( config.expected && config.expected != config.assertions.length ) {
+				QUnit.ok( false, "Expected " + config.expected + " assertions, but " + config.assertions.length + " were run" );
+			}
+			
+			var good = 0, bad = 0,
+				tests = id("qunit-tests");
+
+			config.stats.all += config.assertions.length;
+			config.moduleStats.all += config.assertions.length;
+
+			if ( tests ) {
+				var ol  = document.createElement("ol");
+
+				for ( var i = 0; i < config.assertions.length; i++ ) {
+					var assertion = config.assertions[i];
+
+					var li = document.createElement("li");
+					li.className = assertion.result ? "pass" : "fail";
+					li.innerHTML = assertion.message || (assertion.result ? "okay" : "failed");
+					ol.appendChild( li );
+
+					if ( assertion.result ) {
+						good++;
+					} else {
+						bad++;
+						config.stats.bad++;
+						config.moduleStats.bad++;
+					}
+				}
+				if (bad == 0) {
+					ol.style.display = "none";
+				}
+
+				var b = document.createElement("strong");
+				b.innerHTML = name + " <b class='counts'>(<b class='failed'>" + bad + "</b>, <b class='passed'>" + good + "</b>, " + config.assertions.length + ")</b>";
+				
+				addEvent(b, "click", function() {
+					var next = b.nextSibling, display = next.style.display;
+					next.style.display = display === "none" ? "block" : "none";
+				});
+				
+				addEvent(b, "dblclick", function(e) {
+					var target = e && e.target ? e.target : window.event.srcElement;
+					if ( target.nodeName.toLowerCase() == "span" || target.nodeName.toLowerCase() == "b" ) {
+						target = target.parentNode;
+					}
+					if ( window.location && target.nodeName.toLowerCase() === "strong" ) {
+						window.location.search = "?" + encodeURIComponent(getText([target]).replace(/\(.+\)$/, "").replace(/(^\s*|\s*$)/g, ""));
+					}
+				});
+
+				var li = id("current-test-output");
+				li.id = "";
+				li.className = bad ? "fail" : "pass";
+				li.style.display = resultDisplayStyle(!bad);
+				li.removeChild( li.firstChild );
+				li.appendChild( b );
+				li.appendChild( ol );
+
+				if ( bad ) {
+					var toolbar = id("qunit-testrunner-toolbar");
+					if ( toolbar ) {
+						toolbar.style.display = "block";
+						id("qunit-filter-pass").disabled = null;
+						id("qunit-filter-missing").disabled = null;
+					}
+				}
+
+			} else {
+				for ( var i = 0; i < config.assertions.length; i++ ) {
+					if ( !config.assertions[i].result ) {
+						bad++;
+						config.stats.bad++;
+						config.moduleStats.bad++;
+					}
+				}
+			}
+
+			try {
+				QUnit.reset();
+			} catch(e) {
+				fail("reset() failed, following Test " + name + ", exception and reset fn follows", e, QUnit.reset);
+			}
+
+			QUnit.testDone( testName, bad, config.assertions.length );
+
+			if ( !window.setTimeout && !config.queue.length ) {
+				done();
+			}
+		});
+
+		synchronize( done );
+	},
+	
+	/**
+	 * Specify the number of expected assertions to gurantee that failed test (no assertions are run at all) don't slip through.
+	 */
+	expect: function(asserts) {
+		config.expected = asserts;
+	},
+
+	/**
+	 * Asserts true.
+	 * @example ok( "asdfasdf".length > 5, "There must be at least 5 chars" );
+	 */
+	ok: function(a, msg) {
+		a = !!a;
+		var details = {
+			result: a,
+			message: msg
+		};
+		msg = escapeHtml(msg);
+		QUnit.log(a, msg, details);
+		config.assertions.push({
+			result: a,
+			message: msg
+		});
+	},
+
+	/**
+	 * Checks that the first two arguments are equal, with an optional message.
+	 * Prints out both actual and expected values.
+	 *
+	 * Prefered to ok( actual == expected, message )
+	 *
+	 * @example equal( format("Received {0} bytes.", 2), "Received 2 bytes." );
+	 *
+	 * @param Object actual
+	 * @param Object expected
+	 * @param String message (optional)
+	 */
+	equal: function(actual, expected, message) {
+		QUnit.push(expected == actual, actual, expected, message);
+	},
+
+	notEqual: function(actual, expected, message) {
+		QUnit.push(expected != actual, actual, expected, message);
+	},
+	
+	deepEqual: function(actual, expected, message) {
+		QUnit.push(QUnit.equiv(actual, expected), actual, expected, message);
+	},
+
+	notDeepEqual: function(actual, expected, message) {
+		QUnit.push(!QUnit.equiv(actual, expected), actual, expected, message);
+	},
+
+	strictEqual: function(actual, expected, message) {
+		QUnit.push(expected === actual, actual, expected, message);
+	},
+
+	notStrictEqual: function(actual, expected, message) {
+		QUnit.push(expected !== actual, actual, expected, message);
+	},
+
+	raises: function(fn,  message) {
+		try {
+			fn();
+			ok( false, message );
+		}
+		catch (e) {
+			ok( true, message );
+		}
+	},
+
+	start: function() {
+		// A slight delay, to avoid any current callbacks
+		if ( window.setTimeout ) {
+			window.setTimeout(function() {
+				if ( config.timeout ) {
+					clearTimeout(config.timeout);
+				}
+
+				config.blocking = false;
+				process();
+			}, 13);
+		} else {
+			config.blocking = false;
+			process();
+		}
+	},
+	
+	stop: function(timeout) {
+		config.blocking = true;
+
+		if ( timeout && window.setTimeout ) {
+			config.timeout = window.setTimeout(function() {
+				QUnit.ok( false, "Test timed out" );
+				QUnit.start();
+			}, timeout);
+		}
+	}
+
+};
+
+// Backwards compatibility, deprecated
+QUnit.equals = QUnit.equal;
+QUnit.same = QUnit.deepEqual;
+
+// Maintain internal state
+var config = {
+	// The queue of tests to run
+	queue: [],
+
+	// block until document ready
+	blocking: true
+};
+
+// Load paramaters
+(function() {
+	var location = window.location || { search: "", protocol: "file:" },
+		GETParams = location.search.slice(1).split('&');
+
+	for ( var i = 0; i < GETParams.length; i++ ) {
+		GETParams[i] = decodeURIComponent( GETParams[i] );
+		if ( GETParams[i] === "noglobals" ) {
+			GETParams.splice( i, 1 );
+			i--;
+			config.noglobals = true;
+		} else if ( GETParams[i].search('=') > -1 ) {
+			GETParams.splice( i, 1 );
+			i--;
+		}
+	}
+	
+	// restrict modules/tests by get parameters
+	config.filters = GETParams;
+	
+	// Figure out if we're running the tests from a server or not
+	QUnit.isLocal = !!(location.protocol === 'file:');
+})();
+
+// Expose the API as global variables, unless an 'exports'
+// object exists, in that case we assume we're in CommonJS
+if ( typeof exports === "undefined" || typeof require === "undefined" ) {
+	extend(window, QUnit);
+	window.QUnit = QUnit;
+} else {
+	extend(exports, QUnit);
+	exports.QUnit = QUnit;
+}
+
+// define these after exposing globals to keep them in these QUnit namespace only
+extend(QUnit, {
+	config: config,
+
+	// Initialize the configuration options
+	init: function() {
+		extend(config, {
+			stats: { all: 0, bad: 0 },
+			moduleStats: { all: 0, bad: 0 },
+			started: +new Date,
+			updateRate: 1000,
+			blocking: false,
+			autostart: true,
+			autorun: false,
+			assertions: [],
+			filters: [],
+			queue: []
+		});
+
+		var tests = id("qunit-tests"),
+			banner = id("qunit-banner"),
+			result = id("qunit-testresult");
+
+		if ( tests ) {
+			tests.innerHTML = "";
+		}
+
+		if ( banner ) {
+			banner.className = "";
+		}
+
+		if ( result ) {
+			result.parentNode.removeChild( result );
+		}
+	},
+	
+	/**
+	 * Resets the test setup. Useful for tests that modify the DOM.
+	 * 
+	 * If jQuery is available, uses jQuery's html(), otherwise just innerHTML.
+	 */
+	reset: function() {
+		if ( window.jQuery ) {
+			jQuery( "#main, #qunit-fixture" ).html( config.fixture );
+		} else {
+			var main = id( 'main' ) || id( 'qunit-fixture' );
+			if ( main ) {
+				main.innerHTML = config.fixture;
+			}
+		}
+	},
+	
+	/**
+	 * Trigger an event on an element.
+	 *
+	 * @example triggerEvent( document.body, "click" );
+	 *
+	 * @param DOMElement elem
+	 * @param String type
+	 */
+	triggerEvent: function( elem, type, event ) {
+		if ( document.createEvent ) {
+			event = document.createEvent("MouseEvents");
+			event.initMouseEvent(type, true, true, elem.ownerDocument.defaultView,
+				0, 0, 0, 0, 0, false, false, false, false, 0, null);
+			elem.dispatchEvent( event );
+
+		} else if ( elem.fireEvent ) {
+			elem.fireEvent("on"+type);
+		}
+	},
+	
+	// Safe object type checking
+	is: function( type, obj ) {
+		return QUnit.objectType( obj ) == type;
+	},
+	
+	objectType: function( obj ) {
+		if (typeof obj === "undefined") {
+				return "undefined";
+
+		// consider: typeof null === object
+		}
+		if (obj === null) {
+				return "null";
+		}
+
+		var type = Object.prototype.toString.call( obj )
+			.match(/^\[object\s(.*)\]$/)[1] || '';
+
+		switch (type) {
+				case 'Number':
+						if (isNaN(obj)) {
+								return "nan";
+						} else {
+								return "number";
+						}
+				case 'String':
+				case 'Boolean':
+				case 'Array':
+				case 'Date':
+				case 'RegExp':
+				case 'Function':
+						return type.toLowerCase();
+		}
+		if (typeof obj === "object") {
+				return "object";
+		}
+		return undefined;
+	},
+	
+	push: function(result, actual, expected, message) {
+		var details = {
+			result: result,
+			message: message,
+			actual: actual,
+			expected: expected
+		};
+		
+		message = escapeHtml(message) || (result ? "okay" : "failed");
+		message = '<span class="test-message">' + message + "</span>";
+		expected = escapeHtml(QUnit.jsDump.parse(expected));
+		actual = escapeHtml(QUnit.jsDump.parse(actual));
+		var output = message + ', expected: <span class="test-expected">' + expected + '</span>';
+		if (actual != expected) {
+			output += ' result: <span class="test-actual">' + actual + '</span>, diff: ' + QUnit.diff(expected, actual);
+		}
+		
+		QUnit.log(result, message, details);
+		
+		config.assertions.push({
+			result: !!result,
+			message: output
+		});
+	},
+	
+	// Logging callbacks
+	begin: function() {},
+	done: function(failures, total) {},
+	log: function(result, message) {},
+	testStart: function(name, testEnvironment) {},
+	testDone: function(name, failures, total) {},
+	moduleStart: function(name, testEnvironment) {},
+	moduleDone: function(name, failures, total) {}
+});
+
+if ( typeof document === "undefined" || document.readyState === "complete" ) {
+	config.autorun = true;
+}
+
+addEvent(window, "load", function() {
+	QUnit.begin();
+	
+	// Initialize the config, saving the execution queue
+	var oldconfig = extend({}, config);
+	QUnit.init();
+	extend(config, oldconfig);
+
+	config.blocking = false;
+
+	var userAgent = id("qunit-userAgent");
+	if ( userAgent ) {
+		userAgent.innerHTML = navigator.userAgent;
+	}
+	var banner = id("qunit-header");
+	if ( banner ) {
+		var paramsIndex = location.href.lastIndexOf(location.search);
+		if ( paramsIndex > -1 ) {
+			var mainPageLocation = location.href.slice(0, paramsIndex);
+			if ( mainPageLocation == location.href ) {
+				banner.innerHTML = '<a href=""> ' + banner.innerHTML + '</a> ';
+			} else {
+				var testName = decodeURIComponent(location.search.slice(1));
+				banner.innerHTML = '<a href="' + mainPageLocation + '">' + banner.innerHTML + '</a> &#8250; <a href="">' + testName + '</a>';
+			}
+		}
+	}
+	
+	var toolbar = id("qunit-testrunner-toolbar");
+	if ( toolbar ) {
+		toolbar.style.display = "none";
+		
+		var filter = document.createElement("input");
+		filter.type = "checkbox";
+		filter.id = "qunit-filter-pass";
+		filter.disabled = true;
+		addEvent( filter, "click", function() {
+			var li = document.getElementsByTagName("li");
+			for ( var i = 0; i < li.length; i++ ) {
+				if ( li[i].className.indexOf("pass") > -1 ) {
+					li[i].style.display = filter.checked ? "none" : "";
+				}
+			}
+		});
+		toolbar.appendChild( filter );
+
+		var label = document.createElement("label");
+		label.setAttribute("for", "qunit-filter-pass");
+		label.innerHTML = "Hide passed tests";
+		toolbar.appendChild( label );
+
+		var missing = document.createElement("input");
+		missing.type = "checkbox";
+		missing.id = "qunit-filter-missing";
+		missing.disabled = true;
+		addEvent( missing, "click", function() {
+			var li = document.getElementsByTagName("li");
+			for ( var i = 0; i < li.length; i++ ) {
+				if ( li[i].className.indexOf("fail") > -1 && li[i].innerHTML.indexOf('missing test - untested code is broken code') > - 1 ) {
+					li[i].parentNode.parentNode.style.display = missing.checked ? "none" : "block";
+				}
+			}
+		});
+		toolbar.appendChild( missing );
+
+		label = document.createElement("label");
+		label.setAttribute("for", "qunit-filter-missing");
+		label.innerHTML = "Hide missing tests (untested code is broken code)";
+		toolbar.appendChild( label );
+	}
+
+	var main = id('main') || id('qunit-fixture');
+	if ( main ) {
+		config.fixture = main.innerHTML;
+	}
+
+	if (config.autostart) {
+		QUnit.start();
+	}
+});
+
+function done() {
+	if ( config.doneTimer && window.clearTimeout ) {
+		window.clearTimeout( config.doneTimer );
+		config.doneTimer = null;
+	}
+
+	if ( config.queue.length ) {
+		config.doneTimer = window.setTimeout(function(){
+			if ( !config.queue.length ) {
+				done();
+			} else {
+				synchronize( done );
+			}
+		}, 13);
+
+		return;
+	}
+
+	config.autorun = true;
+
+	// Log the last module results
+	if ( config.currentModule ) {
+		QUnit.moduleDone( config.currentModule, config.moduleStats.bad, config.moduleStats.all );
+	}
+
+	var banner = id("qunit-banner"),
+		tests = id("qunit-tests"),
+		html = ['Tests completed in ',
+		+new Date - config.started, ' milliseconds.<br/>',
+		'<span class="passed">', config.stats.all - config.stats.bad, '</span> tests of <span class="total">', config.stats.all, '</span> passed, <span class="failed">', config.stats.bad,'</span> failed.'].join('');
+
+	if ( banner ) {
+		banner.className = (config.stats.bad ? "qunit-fail" : "qunit-pass");
+	}
+
+	if ( tests ) {	
+		var result = id("qunit-testresult");
+
+		if ( !result ) {
+			result = document.createElement("p");
+			result.id = "qunit-testresult";
+			result.className = "result";
+			tests.parentNode.insertBefore( result, tests.nextSibling );
+		}
+
+		result.innerHTML = html;
+	}
+
+	QUnit.done( config.stats.bad, config.stats.all );
+}
+
+function validTest( name ) {
+	var i = config.filters.length,
+		run = false;
+
+	if ( !i ) {
+		return true;
+	}
+	
+	while ( i-- ) {
+		var filter = config.filters[i],
+			not = filter.charAt(0) == '!';
+
+		if ( not ) {
+			filter = filter.slice(1);
+		}
+
+		if ( name.indexOf(filter) !== -1 ) {
+			return !not;
+		}
+
+		if ( not ) {
+			run = true;
+		}
+	}
+
+	return run;
+}
+
+function resultDisplayStyle(passed) {
+	return passed && id("qunit-filter-pass") && id("qunit-filter-pass").checked ? 'none' : '';
+}
+
+function escapeHtml(s) {
+	if (!s) {
+		return "";
+	}
+	s = s + "";
+	return s.replace(/[\&"<>\\]/g, function(s) {
+		switch(s) {
+			case "&": return "&amp;";
+			case "\\": return "\\\\";
+			case '"': return '\"';
+			case "<": return "&lt;";
+			case ">": return "&gt;";
+			default: return s;
+		}
+	});
+}
+
+function synchronize( callback ) {
+	config.queue.push( callback );
+
+	if ( config.autorun && !config.blocking ) {
+		process();
+	}
+}
+
+function process() {
+	var start = (new Date()).getTime();
+
+	while ( config.queue.length && !config.blocking ) {
+		if ( config.updateRate <= 0 || (((new Date()).getTime() - start) < config.updateRate) ) {
+			config.queue.shift()();
+
+		} else {
+			setTimeout( process, 13 );
+			break;
+		}
+	}
+}
+
+function saveGlobal() {
+	config.pollution = [];
+	
+	if ( config.noglobals ) {
+		for ( var key in window ) {
+			config.pollution.push( key );
+		}
+	}
+}
+
+function checkPollution( name ) {
+	var old = config.pollution;
+	saveGlobal();
+	
+	var newGlobals = diff( old, config.pollution );
+	if ( newGlobals.length > 0 ) {
+		ok( false, "Introduced global variable(s): " + newGlobals.join(", ") );
+		config.expected++;
+	}
+
+	var deletedGlobals = diff( config.pollution, old );
+	if ( deletedGlobals.length > 0 ) {
+		ok( false, "Deleted global variable(s): " + deletedGlobals.join(", ") );
+		config.expected++;
+	}
+}
+
+// returns a new Array with the elements that are in a but not in b
+function diff( a, b ) {
+	var result = a.slice();
+	for ( var i = 0; i < result.length; i++ ) {
+		for ( var j = 0; j < b.length; j++ ) {
+			if ( result[i] === b[j] ) {
+				result.splice(i, 1);
+				i--;
+				break;
+			}
+		}
+	}
+	return result;
+}
+
+function fail(message, exception, callback) {
+	if ( typeof console !== "undefined" && console.error && console.warn ) {
+		console.error(message);
+		console.error(exception);
+		console.warn(callback.toString());
+
+	} else if ( window.opera && opera.postError ) {
+		opera.postError(message, exception, callback.toString);
+	}
+}
+
+function extend(a, b) {
+	for ( var prop in b ) {
+		a[prop] = b[prop];
+	}
+
+	return a;
+}
+
+function addEvent(elem, type, fn) {
+	if ( elem.addEventListener ) {
+		elem.addEventListener( type, fn, false );
+	} else if ( elem.attachEvent ) {
+		elem.attachEvent( "on" + type, fn );
+	} else {
+		fn();
+	}
+}
+
+function id(name) {
+	return !!(typeof document !== "undefined" && document && document.getElementById) &&
+		document.getElementById( name );
+}
+
+// Test for equality any JavaScript type.
+// Discussions and reference: http://philrathe.com/articles/equiv
+// Test suites: http://philrathe.com/tests/equiv
+// Author: Philippe Rathé <prathe@gmail.com>
+QUnit.equiv = function () {
+
+    var innerEquiv; // the real equiv function
+    var callers = []; // stack to decide between skip/abort functions
+    var parents = []; // stack to avoiding loops from circular referencing
+
+    // Call the o related callback with the given arguments.
+    function bindCallbacks(o, callbacks, args) {
+        var prop = QUnit.objectType(o);
+        if (prop) {
+            if (QUnit.objectType(callbacks[prop]) === "function") {
+                return callbacks[prop].apply(callbacks, args);
+            } else {
+                return callbacks[prop]; // or undefined
+            }
+        }
+    }
+    
+    var callbacks = function () {
+
+        // for string, boolean, number and null
+        function useStrictEquality(b, a) {
+            if (b instanceof a.constructor || a instanceof b.constructor) {
+                // to catch short annotaion VS 'new' annotation of a declaration
+                // e.g. var i = 1;
+                //      var j = new Number(1);
+                return a == b;
+            } else {
+                return a === b;
+            }
+        }
+
+        return {
+            "string": useStrictEquality,
+            "boolean": useStrictEquality,
+            "number": useStrictEquality,
+            "null": useStrictEquality,
+            "undefined": useStrictEquality,
+
+            "nan": function (b) {
+                return isNaN(b);
+            },
+
+            "date": function (b, a) {
+                return QUnit.objectType(b) === "date" && a.valueOf() === b.valueOf();
+            },
+
+            "regexp": function (b, a) {
+                return QUnit.objectType(b) === "regexp" &&
+                    a.source === b.source && // the regex itself
+                    a.global === b.global && // and its modifers (gmi) ...
+                    a.ignoreCase === b.ignoreCase &&
+                    a.multiline === b.multiline;
+            },
+
+            // - skip when the property is a method of an instance (OOP)
+            // - abort otherwise,
+            //   initial === would have catch identical references anyway
+            "function": function () {
+                var caller = callers[callers.length - 1];
+                return caller !== Object &&
+                        typeof caller !== "undefined";
+            },
+
+            "array": function (b, a) {
+                var i, j, loop;
+                var len;
+
+                // b could be an object literal here
+                if ( ! (QUnit.objectType(b) === "array")) {
+                    return false;
+                }   
+                
+                len = a.length;
+                if (len !== b.length) { // safe and faster
+                    return false;
+                }
+                
+                //track reference to avoid circular references
+                parents.push(a);
+                for (i = 0; i < len; i++) {
+                    loop = false;
+                    for(j=0;j<parents.length;j++){
+                        if(parents[j] === a[i]){
+                            loop = true;//dont rewalk array
+                        }
+                    }
+                    if (!loop && ! innerEquiv(a[i], b[i])) {
+                        parents.pop();
+                        return false;
+                    }
+                }
+                parents.pop();
+                return true;
+            },
+
+            "object": function (b, a) {
+                var i, j, loop;
+                var eq = true; // unless we can proove it
+                var aProperties = [], bProperties = []; // collection of strings
+
+                // comparing constructors is more strict than using instanceof
+                if ( a.constructor !== b.constructor) {
+                    return false;
+                }
+
+                // stack constructor before traversing properties
+                callers.push(a.constructor);
+                //track reference to avoid circular references
+                parents.push(a);
+                
+                for (i in a) { // be strict: don't ensures hasOwnProperty and go deep
+                    loop = false;
+                    for(j=0;j<parents.length;j++){
+                        if(parents[j] === a[i])
+                            loop = true; //don't go down the same path twice
+                    }
+                    aProperties.push(i); // collect a's properties
+
+                    if (!loop && ! innerEquiv(a[i], b[i])) {
+                        eq = false;
+                        break;
+                    }
+                }
+
+                callers.pop(); // unstack, we are done
+                parents.pop();
+
+                for (i in b) {
+                    bProperties.push(i); // collect b's properties
+                }
+
+                // Ensures identical properties name
+                return eq && innerEquiv(aProperties.sort(), bProperties.sort());
+            }
+        };
+    }();
+
+    innerEquiv = function () { // can take multiple arguments
+        var args = Array.prototype.slice.apply(arguments);
+        if (args.length < 2) {
+            return true; // end transition
+        }
+
+        return (function (a, b) {
+            if (a === b) {
+                return true; // catch the most you can
+            } else if (a === null || b === null || typeof a === "undefined" || typeof b === "undefined" || QUnit.objectType(a) !== QUnit.objectType(b)) {
+                return false; // don't lose time with error prone cases
+            } else {
+                return bindCallbacks(a, callbacks, [b, a]);
+            }
+
+        // apply transition with (1..n) arguments
+        })(args[0], args[1]) && arguments.callee.apply(this, args.splice(1, args.length -1));
+    };
+
+    return innerEquiv;
+
+}();
+
+/**
+ * jsDump
+ * Copyright (c) 2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
+ * Licensed under BSD (http://www.opensource.org/licenses/bsd-license.php)
+ * Date: 5/15/2008
+ * @projectDescription Advanced and extensible data dumping for Javascript.
+ * @version 1.0.0
+ * @author Ariel Flesler
+ * @link {http://flesler.blogspot.com/2008/05/jsdump-pretty-dump-of-any-javascript.html}
+ */
+QUnit.jsDump = (function() {
+	function quote( str ) {
+		return '"' + str.toString().replace(/"/g, '\\"') + '"';
+	};
+	function literal( o ) {
+		return o + '';	
+	};
+	function join( pre, arr, post ) {
+		var s = jsDump.separator(),
+			base = jsDump.indent(),
+			inner = jsDump.indent(1);
+		if ( arr.join )
+			arr = arr.join( ',' + s + inner );
+		if ( !arr )
+			return pre + post;
+		return [ pre, inner + arr, base + post ].join(s);
+	};
+	function array( arr ) {
+		var i = arr.length,	ret = Array(i);					
+		this.up();
+		while ( i-- )
+			ret[i] = this.parse( arr[i] );				
+		this.down();
+		return join( '[', ret, ']' );
+	};
+	
+	var reName = /^function (\w+)/;
+	
+	var jsDump = {
+		parse:function( obj, type ) { //type is used mostly internally, you can fix a (custom)type in advance
+			var	parser = this.parsers[ type || this.typeOf(obj) ];
+			type = typeof parser;			
+			
+			return type == 'function' ? parser.call( this, obj ) :
+				   type == 'string' ? parser :
+				   this.parsers.error;
+		},
+		typeOf:function( obj ) {
+			var type;
+			if ( obj === null ) {
+				type = "null";
+			} else if (typeof obj === "undefined") {
+				type = "undefined";
+			} else if (QUnit.is("RegExp", obj)) {
+				type = "regexp";
+			} else if (QUnit.is("Date", obj)) {
+				type = "date";
+			} else if (QUnit.is("Function", obj)) {
+				type = "function";
+			} else if (obj.setInterval && obj.document && !obj.nodeType) {
+				type = "window";
+			} else if (obj.nodeType === 9) {
+				type = "document";
+			} else if (obj.nodeType) {
+				type = "node";
+			} else if (typeof obj === "object" && typeof obj.length === "number" && obj.length >= 0) {
+				type = "array";
+			} else {
+				type = typeof obj;
+			}
+			return type;
+		},
+		separator:function() {
+			return this.multiline ?	this.HTML ? '<br />' : '\n' : this.HTML ? '&nbsp;' : ' ';
+		},
+		indent:function( extra ) {// extra can be a number, shortcut for increasing-calling-decreasing
+			if ( !this.multiline )
+				return '';
+			var chr = this.indentChar;
+			if ( this.HTML )
+				chr = chr.replace(/\t/g,'   ').replace(/ /g,'&nbsp;');
+			return Array( this._depth_ + (extra||0) ).join(chr);
+		},
+		up:function( a ) {
+			this._depth_ += a || 1;
+		},
+		down:function( a ) {
+			this._depth_ -= a || 1;
+		},
+		setParser:function( name, parser ) {
+			this.parsers[name] = parser;
+		},
+		// The next 3 are exposed so you can use them
+		quote:quote, 
+		literal:literal,
+		join:join,
+		//
+		_depth_: 1,
+		// This is the list of parsers, to modify them, use jsDump.setParser
+		parsers:{
+			window: '[Window]',
+			document: '[Document]',
+			error:'[ERROR]', //when no parser is found, shouldn't happen
+			unknown: '[Unknown]',
+			'null':'null',
+			undefined:'undefined',
+			'function':function( fn ) {
+				var ret = 'function',
+					name = 'name' in fn ? fn.name : (reName.exec(fn)||[])[1];//functions never have name in IE
+				if ( name )
+					ret += ' ' + name;
+				ret += '(';
+				
+				ret = [ ret, this.parse( fn, 'functionArgs' ), '){'].join('');
+				return join( ret, this.parse(fn,'functionCode'), '}' );
+			},
+			array: array,
+			nodelist: array,
+			arguments: array,
+			object:function( map ) {
+				var ret = [ ];
+				this.up();
+				for ( var key in map )
+					ret.push( this.parse(key,'key') + ': ' + this.parse(map[key]) );
+				this.down();
+				return join( '{', ret, '}' );
+			},
+			node:function( node ) {
+				var open = this.HTML ? '&lt;' : '<',
+					close = this.HTML ? '&gt;' : '>';
+					
+				var tag = node.nodeName.toLowerCase(),
+					ret = open + tag;
+					
+				for ( var a in this.DOMAttrs ) {
+					var val = node[this.DOMAttrs[a]];
+					if ( val )
+						ret += ' ' + a + '=' + this.parse( val, 'attribute' );
+				}
+				return ret + close + open + '/' + tag + close;
+			},
+			functionArgs:function( fn ) {//function calls it internally, it's the arguments part of the function
+				var l = fn.length;
+				if ( !l ) return '';				
+				
+				var args = Array(l);
+				while ( l-- )
+					args[l] = String.fromCharCode(97+l);//97 is 'a'
+				return ' ' + args.join(', ') + ' ';
+			},
+			key:quote, //object calls it internally, the key part of an item in a map
+			functionCode:'[code]', //function calls it internally, it's the content of the function
+			attribute:quote, //node calls it internally, it's an html attribute value
+			string:quote,
+			date:quote,
+			regexp:literal, //regex
+			number:literal,
+			'boolean':literal
+		},
+		DOMAttrs:{//attributes to dump from nodes, name=>realName
+			id:'id',
+			name:'name',
+			'class':'className'
+		},
+		HTML:false,//if true, entities are escaped ( <, >, \t, space and \n )
+		indentChar:'   ',//indentation unit
+		multiline:false //if true, items in a collection, are separated by a \n, else just a space.
+	};
+
+	return jsDump;
+})();
+
+// from Sizzle.js
+function getText( elems ) {
+	var ret = "", elem;
+
+	for ( var i = 0; elems[i]; i++ ) {
+		elem = elems[i];
+
+		// Get the text from text nodes and CDATA nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 4 ) {
+			ret += elem.nodeValue;
+
+		// Traverse everything else, except comment nodes
+		} else if ( elem.nodeType !== 8 ) {
+			ret += getText( elem.childNodes );
+		}
+	}
+
+	return ret;
+};
+
+/*
+ * Javascript Diff Algorithm
+ *  By John Resig (http://ejohn.org/)
+ *  Modified by Chu Alan "sprite"
+ *
+ * Released under the MIT license.
+ *
+ * More Info:
+ *  http://ejohn.org/projects/javascript-diff-algorithm/
+ *  
+ * Usage: QUnit.diff(expected, actual)
+ * 
+ * QUnit.diff("the quick brown fox jumped over", "the quick fox jumps over") == "the  quick <del>brown </del> fox <del>jumped </del><ins>jumps </ins> over"
+ */
+QUnit.diff = (function() {
+	function diff(o, n){
+		var ns = new Object();
+		var os = new Object();
+		
+		for (var i = 0; i < n.length; i++) {
+			if (ns[n[i]] == null) 
+				ns[n[i]] = {
+					rows: new Array(),
+					o: null
+				};
+			ns[n[i]].rows.push(i);
+		}
+		
+		for (var i = 0; i < o.length; i++) {
+			if (os[o[i]] == null) 
+				os[o[i]] = {
+					rows: new Array(),
+					n: null
+				};
+			os[o[i]].rows.push(i);
+		}
+		
+		for (var i in ns) {
+			if (ns[i].rows.length == 1 && typeof(os[i]) != "undefined" && os[i].rows.length == 1) {
+				n[ns[i].rows[0]] = {
+					text: n[ns[i].rows[0]],
+					row: os[i].rows[0]
+				};
+				o[os[i].rows[0]] = {
+					text: o[os[i].rows[0]],
+					row: ns[i].rows[0]
+				};
+			}
+		}
+		
+		for (var i = 0; i < n.length - 1; i++) {
+			if (n[i].text != null && n[i + 1].text == null && n[i].row + 1 < o.length && o[n[i].row + 1].text == null &&
+			n[i + 1] == o[n[i].row + 1]) {
+				n[i + 1] = {
+					text: n[i + 1],
+					row: n[i].row + 1
+				};
+				o[n[i].row + 1] = {
+					text: o[n[i].row + 1],
+					row: i + 1
+				};
+			}
+		}
+		
+		for (var i = n.length - 1; i > 0; i--) {
+			if (n[i].text != null && n[i - 1].text == null && n[i].row > 0 && o[n[i].row - 1].text == null &&
+			n[i - 1] == o[n[i].row - 1]) {
+				n[i - 1] = {
+					text: n[i - 1],
+					row: n[i].row - 1
+				};
+				o[n[i].row - 1] = {
+					text: o[n[i].row - 1],
+					row: i - 1
+				};
+			}
+		}
+		
+		return {
+			o: o,
+			n: n
+		};
+	}
+	
+	return function(o, n){
+		o = o.replace(/\s+$/, '');
+		n = n.replace(/\s+$/, '');
+		var out = diff(o == "" ? [] : o.split(/\s+/), n == "" ? [] : n.split(/\s+/));
+
+		var str = "";
+		
+		var oSpace = o.match(/\s+/g);
+		if (oSpace == null) {
+			oSpace = [" "];
+		}
+		else {
+			oSpace.push(" ");
+		}
+		var nSpace = n.match(/\s+/g);
+		if (nSpace == null) {
+			nSpace = [" "];
+		}
+		else {
+			nSpace.push(" ");
+		}
+		
+		if (out.n.length == 0) {
+			for (var i = 0; i < out.o.length; i++) {
+				str += '<del>' + out.o[i] + oSpace[i] + "</del>";
+			}
+		}
+		else {
+			if (out.n[0].text == null) {
+				for (n = 0; n < out.o.length && out.o[n].text == null; n++) {
+					str += '<del>' + out.o[n] + oSpace[n] + "</del>";
+				}
+			}
+			
+			for (var i = 0; i < out.n.length; i++) {
+				if (out.n[i].text == null) {
+					str += '<ins>' + out.n[i] + nSpace[i] + "</ins>";
+				}
+				else {
+					var pre = "";
+					
+					for (n = out.n[i].row + 1; n < out.o.length && out.o[n].text == null; n++) {
+						pre += '<del>' + out.o[n] + oSpace[n] + "</del>";
+					}
+					str += " " + out.n[i].text + nSpace[i] + pre;
+				}
+			}
+		}
+		
+		return str;
+	};
+})();
+
+})(this);
\ No newline at end of file
diff --git a/test/test.js b/test/test.js
new file mode 100644
index 0000000..1d880ca
--- /dev/null
+++ b/test/test.js
@@ -0,0 +1,118 @@
+module('jquery.inview', {
+  setup: function() {
+    $(window).scrollTop(0).scrollLeft(0);
+    
+    this.size    = 20000;
+    this.element = $('<div>', { html: "testing ..." }).css({
+      width:    '50px',
+      height:   '50px',
+      position: 'absolute'
+    });
+  },
+  
+  teardown: function() {
+    $(window).scrollTop(0).scrollLeft(0);
+    
+    this.element.remove();
+  }
+});
+
+
+test('Check vertical scrolling', function() {
+  stop(10000);
+  expect(5);
+  
+  var element = this.element,
+      firstCall,
+      secondCall,
+      thirdCall,
+      inView;
+  
+  element.css({ left: 0, top: this.size - 50 + 'px' });
+  element.appendTo('body');
+  element.bind('inview.firstCall', function() { firstCall = true; });
+  
+  setTimeout(function() {
+    $(window).scrollTop(0).scrollLeft(0);
+    
+    ok(!firstCall, 'inview shouldn\'t be triggered initially when the element isn\'t in the viewport');
+    element.unbind('inview.firstCall');
+    element.bind('inview.secondCall', function(event, inViewParam) {
+      secondCall = true;
+      inView = inViewParam;
+    });
+    
+    $(window).scrollTop(9999999);
+    
+    setTimeout(function() {
+      
+      ok(secondCall, 'Triggered handler after element appeared in viewport');
+      ok(inView, 'Parameter, indicating whether the element is in the viewport, is set to "true"');
+      element.unbind('inview.secondCall');
+      element.bind('inview.thirdCall', function(event, inViewParam) {
+        thirdCall = true;
+        inView = inViewParam;
+      });
+      
+      $(window).scrollTop(0).scrollLeft(0);
+      
+      setTimeout(function() {
+        ok(thirdCall, 'Triggered handler after element disappeared in viewport');
+        strictEqual(inView, false, 'Parameter, indicating whether the element is in the viewport, is set to "false"');
+        start();
+      }, 1000);
+      
+    }, 1000);
+    
+  }, 1000);
+});
+
+
+test('Check horizontal scrolling', function() {
+  stop(10000);
+  expect(5);
+  
+  var element = this.element,
+      firstCall,
+      secondCall,
+      thirdCall,
+      inView;
+  
+  element.css({ top: 0, left: this.size - 50 + 'px' });
+  element.appendTo('body');
+  element.bind('inview.firstCall', function() { firstCall = true; });
+  
+  setTimeout(function() {
+    $(window).scrollTop(0).scrollLeft(0);
+    
+    ok(!firstCall, 'inview shouldn\'t be triggered initially when the element isn\'t in the viewport');
+    element.unbind('inview.firstCall');
+    element.bind('inview.secondCall', function(event, inViewParam) {
+      secondCall = true;
+      inView = inViewParam;
+    });
+    
+    $(window).scrollLeft(9999999);
+    
+    setTimeout(function() {
+      
+      ok(secondCall, 'Triggered handler after element appeared in viewport');
+      ok(inView, 'Parameter, indicating whether the element is in the viewport, is set to "true"');
+      element.unbind('inview.secondCall');
+      element.bind('inview.thirdCall', function(event, inViewParam) {
+        thirdCall = true;
+        inView = inViewParam;
+      });
+      
+      $(window).scrollTop(0).scrollLeft(0);
+      
+      setTimeout(function() {
+        ok(thirdCall, 'Triggered handler after element disappeared in viewport');
+        strictEqual(inView, false, 'Parameter, indicating whether the element is in the viewport, is set to "false"');
+        start();
+      }, 1000);
+      
+    }, 1000);
+    
+  }, 1000);
+});
\ No newline at end of file

From a32448e36cd8b295bc6a62427febe9d3ca3c5675 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Wed, 24 Nov 2010 00:31:49 +0100
Subject: [PATCH 04/66] Added example page and more tests

---
 .gitignore         |  1 +
 example/index.html | 49 +++++++++++++++++++++++++++++++++++++++
 jquery.inview.js   |  5 ++++
 test/test.js       | 57 +++++++++++++++++++++++++++++++++++++++++++---
 4 files changed, 109 insertions(+), 3 deletions(-)
 create mode 100644 .gitignore
 create mode 100644 example/index.html

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..2117f73
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.tm_sync.config
\ No newline at end of file
diff --git a/example/index.html b/example/index.html
new file mode 100644
index 0000000..f3998df
--- /dev/null
+++ b/example/index.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>jquery.inview - Example</title>
+  <meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height">
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
+  <script src="../jquery.inview.js"></script>
+  <style>
+    body {
+      font-family: Arial, Verdana, sans-serif;
+      font-size: 12px;
+    }
+    #top-right, #bottom-left {
+      position: absolute;
+      border: 5px solid red;
+      color: red;
+      font-weight: bold;
+      padding: 10px;
+      opacity: 0;
+      margin: 10px;
+    }
+    #top-right {
+      left: 3000px;
+      top: 0;
+    }
+    #bottom-left {
+      top: 3000px;
+      left: 0;
+    }
+  </style>
+</head>
+<body>
+  <h1>jquery.inview - Example</h1>
+  <p>Scroll to the <a href="#top-right">right</a> and to the <a href="#bottom-left">bottom</a></p>
+  
+  <span id="top-right">visible!</span>
+  <span id="bottom-left">visible!</span>
+  
+  <script>
+    $('#top-right, #bottom-left').bind('inview', function(event, visible) {
+      if (visible) {
+        $(this).stop().animate({ opacity: 1 });
+      } else {
+        $(this).stop().animate({ opacity: 0 });
+      }
+    });
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/jquery.inview.js b/jquery.inview.js
index ba6a2d8..2579ec5 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -69,10 +69,15 @@
                     elementSize   = { height: $el.height(), width: $el.width() },
                     elementOffset = getElementOffset(this),
                     inView        = $el.data('inview') || false,
+                    isVisible     = !(this.offsetHeight === 0 && this.offsetWidth === 0),
                     visiblePartY,
                     visiblePartX,
                     visiblePartsMerged;
                 
+                if (!isVisible) {
+                  return;
+                }
+                
                 if (elementOffset.top + elementSize.height > elementOffset.top &&
                     elementOffset.top < viewportOffset.top + viewportSize.height &&
                     elementOffset.left + elementSize.width > viewportOffset.left &&
diff --git a/test/test.js b/test/test.js
index 1d880ca..bbaa335 100644
--- a/test/test.js
+++ b/test/test.js
@@ -3,7 +3,11 @@ module('jquery.inview', {
     $(window).scrollTop(0).scrollLeft(0);
     
     this.size    = 20000;
-    this.element = $('<div>', { html: "testing ..." }).css({
+    this.container = $('<div>');
+    this.element = $('<div>', {
+      html: "testing ...",
+      className: "test-element"
+    }).css({
       width:    '50px',
       height:   '50px',
       position: 'absolute'
@@ -13,14 +17,15 @@ module('jquery.inview', {
   teardown: function() {
     $(window).scrollTop(0).scrollLeft(0);
     
+    this.container.remove();
     this.element.remove();
   }
 });
 
 
 test('Check vertical scrolling', function() {
-  stop(10000);
   expect(5);
+  stop(10000);
   
   var element = this.element,
       firstCall,
@@ -69,8 +74,8 @@ test('Check vertical scrolling', function() {
 
 
 test('Check horizontal scrolling', function() {
-  stop(10000);
   expect(5);
+  stop(10000);
   
   var element = this.element,
       firstCall,
@@ -115,4 +120,50 @@ test('Check horizontal scrolling', function() {
     }, 1000);
     
   }, 1000);
+});
+
+
+test('Move element into viewport without scrolling', function() {
+  expect(3);
+  stop(10000);
+  
+  var element = this.element, calls = 0;
+  
+  element
+    .css({ left: '-500px', top: 0 })
+    .appendTo('body')
+    .bind('inview', function(event) { calls++; });
+  
+  setTimeout(function() {
+    
+    equals(calls, 0, 'Callback hasn\'t been fired since the element isn\'t in the viewport');
+    element.css({ left: 0 });
+    
+    setTimeout(function() {
+      
+      equals(calls, 1, 'Callback has been fired after the element appeared in the viewport');
+      element.css({ left: '10000px' });
+      
+      setTimeout(function() {
+        
+        equals(calls, 2, 'Callback has been fired after the element disappeared from viewport');
+        start();
+        
+      }, 1000);
+      
+    }, 1000);
+    
+  }, 1000);
+});
+
+
+test('Check whether element which isn\'t in the dom tree triggers the callback', function() {
+  expect(0);
+  
+  this.element.bind('inview', function(event, isInView) {
+    ok(false, 'Callback shouldn\'t be fired since the element isn\'t even in the dom tree');
+    start();
+  });
+  
+  setTimeout(function() { start(); }, 1000);
 });
\ No newline at end of file

From e2b0991025cb5fe52ae12dc93116b60f494089cd Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Wed, 24 Nov 2010 00:32:42 +0100
Subject: [PATCH 05/66] Added comment for isVisible logic

---
 jquery.inview.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/jquery.inview.js b/jquery.inview.js
index 2579ec5..3dc0944 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -74,6 +74,7 @@
                     visiblePartX,
                     visiblePartsMerged;
                 
+                // Ignore elements that are not visible or not in the DOM tree
                 if (!isVisible) {
                   return;
                 }

From 524e828592335a08238aeaf1d7cab2a8001ecfdb Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Wed, 24 Nov 2010 00:34:18 +0100
Subject: [PATCH 06/66] Moved if-condition for performance reasons

---
 jquery.inview.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 3dc0944..e9c91fc 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -65,20 +65,19 @@
             viewportOffset = getViewportOffset();
 
             $(elems).each(function() {
+                // Ignore elements that are not visible or not in the DOM tree
+                if (this.offsetHeight === 0 && this.offsetWidth === 0) {
+                  return;
+                }
+                
                 var $el           = $(this),
                     elementSize   = { height: $el.height(), width: $el.width() },
                     elementOffset = getElementOffset(this),
                     inView        = $el.data('inview') || false,
-                    isVisible     = !(this.offsetHeight === 0 && this.offsetWidth === 0),
                     visiblePartY,
                     visiblePartX,
                     visiblePartsMerged;
                 
-                // Ignore elements that are not visible or not in the DOM tree
-                if (!isVisible) {
-                  return;
-                }
-                
                 if (elementOffset.top + elementSize.height > elementOffset.top &&
                     elementOffset.top < viewportOffset.top + viewportSize.height &&
                     elementOffset.left + elementSize.width > viewportOffset.left &&

From c7eeabf65dea07ffaf939f840e227ce341608850 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Wed, 24 Nov 2010 20:27:15 +0100
Subject: [PATCH 07/66] Unified more syntax (tabs, quotes, ...), modified
 README, made test suite compatible for mobile devices

---
 README.textile   | 59 ++++++++++++++++++++----------------------------
 jquery.inview.js | 45 ++++++++++++++++++------------------
 test/index.html  |  1 +
 test/test.js     |  4 ++--
 4 files changed, 50 insertions(+), 59 deletions(-)

diff --git a/README.textile b/README.textile
index 28f771d..d1f858d 100644
--- a/README.textile
+++ b/README.textile
@@ -28,7 +28,7 @@ h2. Download
 
 Download jQuery inview event plugin: "http://remysharp.com/downloads/jquery.inview.js":http://remysharp.com/downloads/jquery.inview.js
 
-Or from github at: "http://github.com/zuk/jquery.inview":http://github.com/zuk/jquery.inview
+Or from github at: "http://github.com/protonet/jquery.inview":http://github.com/protonet/jquery.inview
 
 h2. Usage
 
@@ -36,24 +36,18 @@ The script makes use of the new $.support properties - so it will only work with
 
 The event will only fire when the element comes in to view of the viewport, and out of view. It won't keep firing if the user scrolls and the element remains in view.
 
-Bear in mind if think the element may already be in view, you may need to kick the scroll event (using @$(window).scroll()@). If you include this plugin last (i.e. after you've hooked in to the event), then the script will automatically trigger the scroll event - therefore sending the event to your bound element.
-
 The variable after the event argument indicates the visible state in the viewport.
-The third variable (topOrBottomOrBoth) detects which part of viewport is visible to user.
+The third variable visiblePartX detects which horizontal part of the element is visible to the user (possible values: left, right, both)
+The fourth variable visiblePartY detects which vertical part of the element is visible to the user (possible values: top, bottom, both)
 
-bc.. $('div').bind('inview', function (event, visible, topOrBottomOrBoth) {
-  if (visible == true) {
+bc.. $('div').bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
+  if (isInView) {
     // element is now visible in the viewport
-    if (topOrBottomOrBoth == 'top')
-    {
+    if (visiblePartY == 'top') {
       // top part of element is visible
-    }
-    else if (topOrBottomOrBoth == 'bottom')
-    {
+    } else if (visiblePartY == 'bottom') {
       // bottom part of element is visible
-    }
-    else
-    {
+    } else {
       // whole part of element is visible
     }
   } else {
@@ -73,32 +67,27 @@ h2. More complex example
 
 This way we can attach inView to some DIV in our code to, for example, detect when it FULLY readed by user (user sees it's bottom and top) and only after 1 seconds of view, so after we call some out stats function or whatever
 
-bc.. $(someMyOneDiv).bind('inview', function(e,v,t){
-  var o = $(this);
+bc.. $(someMyOneDiv).bind('inview', function(e, isInView, visiblePartX, visiblePartY) {
+  var elem = $(this);
 
-  if(o.data('inviewtimer'))
-  {
-    clearTimeout(o.data('inviewtimer'));
-    o.removeData('inviewtimer');
+  if (elem.data('inviewtimer')) {
+    clearTimeout(elem.data('inviewtimer'));
+    elem.removeData('inviewtimer');
   }
 
-  if(v)
-  {
-    o.data('inviewtimer', setTimeout(function()
-    {
-      if(t == 'top')
-        o.data('seenTop',true);
-      else if(t == 'bottom')
-        o.data('seenBottom',true);
-      else
-      {
-        o.data('seenTop',true);
-        o.data('seenBottom',true);
+  if (isInView) {
+    elem.data('inviewtimer', setTimeout(function() {
+      if (visiblePartY == 'top') {
+        elem.data('seenTop', true);
+      } else if (visiblePartY == 'bottom') {
+        elem.data('seenBottom', true);
+      } else {
+        elem.data('seenTop', true);
+        elem.data('seenBottom', true);
       }
 
-      if( o.data('seenTop') && o.data('seenBottom') )
-      {
-        o.unbind('inview');
+      if (elem.data('seenTop') && elem.data('seenBottom')) {
+        elem.unbind('inview');
         // here we will do WHAT WHE NEED (for ex. Call Ajax stats collector)
         ...
       }
diff --git a/jquery.inview.js b/jquery.inview.js
index e9c91fc..51efb20 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -1,6 +1,7 @@
 /**
- * author Remy Sharp
- * url http://remysharp.com/2009/01/26/element-in-view-event-plugin/
+ * author Christopher Blum
+ *    - based on the idea of Remy Sharp, http://remysharp.com/2009/01/26/element-in-view-event-plugin/
+ *    - forked from http://github.com/zuk/jquery.inview/
  */
 (function ($) {
     function getViewportSize() {
@@ -25,17 +26,17 @@
     }
     
     function getViewportOffset() {
-      return {
-        top:  window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop,
-        left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft
-      };
+        return {
+            top:  window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop,
+            left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft
+        };
     }
     
     function getElementSize($elem) {
-      return {
-        height: $elem.height(),
-        width:  $elem.width()
-      };
+        return {
+            height: $elem.height(),
+            width:  $elem.width()
+        };
     }
     
     function getElementOffset(debug) {
@@ -54,7 +55,7 @@
         var viewport, scrollTop, scrollLeft, elems = [];
         
         // naughty, but this is how it knows which elements to check for
-        $.each($.cache, function () {
+        $.each($.cache, function() {
             if (this.events && this.events.inview) {
                 elems.push(this.handle.elem);
             }
@@ -73,7 +74,7 @@
                 var $el           = $(this),
                     elementSize   = { height: $el.height(), width: $el.width() },
                     elementOffset = getElementOffset(this),
-                    inView        = $el.data('inview') || false,
+                    inView        = $el.data('inview'),
                     visiblePartY,
                     visiblePartX,
                     visiblePartsMerged;
@@ -82,16 +83,16 @@
                     elementOffset.top < viewportOffset.top + viewportSize.height &&
                     elementOffset.left + elementSize.width > viewportOffset.left &&
                     elementOffset.left < viewportOffset.left + viewportSize.width) {
-                  visiblePartY = (viewportOffset.top > elementOffset.top ?
-                      'bottom' : (viewportOffset.top + viewportSize.height) < (elementOffset.top + elementSize.height) ?
-                      'top' : 'both');
-                  visiblePartX = (viewportOffset.left > elementOffset.left ?
-                      'right' : (viewportOffset.left + viewportSize.width) < (elementOffset.left + elementSize.width) ?
-                      'left' : 'both');
-                  visiblePartsMerged = visiblePartX + "-" + visiblePartY;
-                  if (!inView || inView !== visiblePartsMerged) {
-                      $el.data('inview', visiblePartsMerged).trigger('inview', [true, visiblePartX, visiblePartY]);
-                  }
+                    visiblePartY = (viewportOffset.top > elementOffset.top ?
+                        'bottom' : (viewportOffset.top + viewportSize.height) < (elementOffset.top + elementSize.height) ?
+                        'top' : 'both');
+                    visiblePartX = (viewportOffset.left > elementOffset.left ?
+                        'right' : (viewportOffset.left + viewportSize.width) < (elementOffset.left + elementSize.width) ?
+                        'left' : 'both');
+                    visiblePartsMerged = visiblePartX + "-" + visiblePartY;
+                    if (!inView || inView !== visiblePartsMerged) {
+                        $el.data('inview', visiblePartsMerged).trigger('inview', [true, visiblePartX, visiblePartY]);
+                    }
                 } else if (inView) {
                   $el.data('inview', false).trigger('inview', [false]);                        
                 }
diff --git a/test/index.html b/test/index.html
index d91adef..efaa6d9 100644
--- a/test/index.html
+++ b/test/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <title>QUnit Test Suite</title>
+  <meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height">
   <link rel="stylesheet" href="qunit/qunit.css">
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
   <script src="../jquery.inview.js"></script>
diff --git a/test/test.js b/test/test.js
index bbaa335..873a834 100644
--- a/test/test.js
+++ b/test/test.js
@@ -5,8 +5,8 @@ module('jquery.inview', {
     this.size    = 20000;
     this.container = $('<div>');
     this.element = $('<div>', {
-      html: "testing ...",
-      className: "test-element"
+      html: 'testing ...',
+      className: 'test-element'
     }).css({
       width:    '50px',
       height:   '50px',

From 8bb7dff4059458e4b696deb3be823e001c2bde18 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Wed, 24 Nov 2010 21:50:47 +0100
Subject: [PATCH 08/66] Smarter way of detecting whether element is in the DOM,
 switch back to $.offset since the native approach causes problems with
 elements in overflow: scroll; containers

---
 jquery.inview.js | 34 +++++++++++++++++++---------------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 51efb20..55e285a 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -39,17 +39,20 @@
         };
     }
     
-    function getElementOffset(debug) {
-        // Manually calculate offset rather than using jQuery's offset
-        // This works-around iOS < 4 on iPad giving incorrect value
-        // cf http://bugs.jquery.com/ticket/6446#comment:9
-        var obj, offset = { top: 0, left: 0 };
-        for (obj = debug; obj !== null; obj = obj.offsetParent) {
-            offset.top  += obj.offsetTop;
-            offset.left += obj.offsetLeft;
-        }
-        return offset;
-    }
+    // This method might fix problems on the iPad but therefore fails with elements within
+    // overflow: scroll; elements
+    //
+    // function getElementOffset(debug) {
+    //     // Manually calculate offset rather than using jQuery's offset
+    //     // This works-around iOS < 4 on iPad giving incorrect value
+    //     // cf http://bugs.jquery.com/ticket/6446#comment:9
+    //     var obj, offset = { top: 0, left: 0 };
+    //     for (obj = debug; obj !== null; obj = obj.offsetParent) {
+    //         offset.top  += obj.offsetTop;
+    //         offset.left += obj.offsetLeft;
+    //     }
+    //     return offset;
+    // }
 
     function checkInView() {
         var viewport, scrollTop, scrollLeft, elems = [];
@@ -66,14 +69,14 @@
             viewportOffset = getViewportOffset();
 
             $(elems).each(function() {
-                // Ignore elements that are not visible or not in the DOM tree
-                if (this.offsetHeight === 0 && this.offsetWidth === 0) {
+                // Ignore elements that are not in the DOM tree
+                if (!$.contains(document.documentElement, this)) {
                   return;
                 }
                 
                 var $el           = $(this),
                     elementSize   = { height: $el.height(), width: $el.width() },
-                    elementOffset = getElementOffset(this),
+                    elementOffset = $el.offset(),
                     inView        = $el.data('inview'),
                     visiblePartY,
                     visiblePartX,
@@ -101,7 +104,8 @@
     }
     
     // Use setInterval in order to also make sure this captures elements within
-    // "overflow:scroll" elements
+    // "overflow:scroll" elements or elements that appeared in the dom tree due to
+    // dom manipulation and reflow
     // old:
     // $(window).scroll(checkInView);
     setInterval(checkInView, 250);

From 66ecd439ffce707e2ff237f2292f8ec4a0e7b724 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Wed, 15 Dec 2010 22:54:33 +0100
Subject: [PATCH 09/66] More tests (for covering visiblePart parameters), more
 examples, better README, load bleeding edge QUnnit version directly from
 github

---
 README.textile                              |   61 +-
 example/extended_example.html               |   46 +
 example/{index.html => simple_example.html} |    4 +-
 jquery.inview.js                            |   41 +-
 test/index.html                             |   32 +-
 test/qunit/qunit.css                        |  163 ---
 test/qunit/qunit.js                         | 1297 -------------------
 test/test.js                                |  128 +-
 8 files changed, 195 insertions(+), 1577 deletions(-)
 create mode 100644 example/extended_example.html
 rename example/{index.html => simple_example.html} (99%)
 delete mode 100644 test/qunit/qunit.css
 delete mode 100644 test/qunit/qunit.js

diff --git a/README.textile b/README.textile
index d1f858d..7cce2f4 100644
--- a/README.textile
+++ b/README.textile
@@ -1,38 +1,14 @@
-h1. Element 'in view' Event Plugin
+h1. Element 'inview' Event Plugin
 
-*Author:* Remy Sharp
-*Pulled from:* "http://remysharp.com/2009/01/26/element-in-view-event-plugin/":http://remysharp.com/2009/01/26/element-in-view-event-plugin/
+Event that is fired as soon as an element appears in the user's viewport.
 
-*NOTE:* "I" here refers to the original author, Remy Sharp.
-
-I've been preparing a few articles for jQuery for Designers and for .net magazine and in doing so I've had to write a plugin that could prove to be useful to share.
-
-I've created an event that will trigger when the element is scrolled in to the viewport.
-
-h2. Preamble
-
-First of all, this isn't really a plugin. It's a utility of sorts. It's not really a plugin, because you don't call it. It binds on to the scroll event and does the work for you.
-
-Also, I'm aware that there is the lazyload plugin. I've not had real time to play with it, but I suspect there's some similarities, though my inview plugin is extremely stripped down (because I wrote it for a particular purpose). Also note that my code only works for vertical scroll, and not horizontal.
-
-I should also add that this utility/plugin was inspired by Dustin Diaz's detect when an element scrolls in to view code.
-Demo
-
-The example is mostly lorem text, but in the middle of the page is an element whose text reads: "You can't see me". When the element is scrolled in to view it will change to "You found me".
-
-To confirm this, open firebug while the element is out of view, and watch the element in question as you scroll it in to view.
-
-"http://jsbin.com/ugupa":http://jsbin.com/ugupa (to edit: "http://jsbin.com/ugupa/edit":http://jsbin.com/ugupa/edit)
-
-h2. Download
-
-Download jQuery inview event plugin: "http://remysharp.com/downloads/jquery.inview.js":http://remysharp.com/downloads/jquery.inview.js
-
-Or from github at: "http://github.com/protonet/jquery.inview":http://github.com/protonet/jquery.inview
+*Author:* "Christopher Blum":http://twitter.com/ChristopherBlum
+*Original idea and concept by:* "Remy Sharp":http://remysharp.com/2009/01/26/element-in-view-event-plugin/
+*Forked from:* "https://github.com/zuk/jquery.inview/":https://github.com/zuk/jquery.inview/
 
 h2. Usage
 
-The script makes use of the new $.support properties - so it will only work with jQuery 1.3 upwards. If you need to use it with older versions of jQuery, drop a comment, and I'll post an alternative.
+The script makes use of the new $.contains method - so it will only work with jQuery 1.4 upwards. If you need to use it with older versions of jQuery, drop a comment, and I'll post an alternative.
 
 The event will only fire when the element comes in to view of the viewport, and out of view. It won't keep firing if the user scrolls and the element remains in view.
 
@@ -95,14 +71,33 @@ bc.. $(someMyOneDiv).bind('inview', function(e, isInView, visiblePartX, visibleP
   }
 });
 
-p. Maybe there's a way to do this more elegant. And someone needed to test this on IE6-7-8 (they're nasty).
-
 h2. How it works
 
-When the window is scrolled, the event checks the position of the elements against the viewport height and the scrollTop position.
+An interval in the background checks the position of the elements against the viewport dimensions and the scroll position.
 
 However, I wanted to create a utility that would only check the elements that were registered under the 'inview' event, i.e. I didn't want to keep checking the element list if we unbind from the event.
 
 This is achieved by dipping in to the $.cache store within jQuery, and looping through, looking for the elements tied to the 'inview' event.
 
 This way the user can treat it like a native event on the page.
+
+h2. Use cases
+
+* Reduce http requests and traffic on server by loading assets (images, javascript, html, ...) only when they are visible to the user
+* Endless scrolling (twitter-like)
+* Tracking (eg. to see whether a user has read an entire article)
+* ...
+
+h2. Browser Compatibility
+
+h4. The Test Suite succeeds in the following browsers that were tested:
+
+* Firefox 3+
+* Safari 3+
+* Chrome 7+
+* Opera 10+
+* Mobile Safari on iPad iOS 4.2.2+
+
+h4. The Test Suite doesn't succeed but the demos work without problems in the following browsers:
+
+* Mobile WebKit on Android 2.2+
\ No newline at end of file
diff --git a/example/extended_example.html b/example/extended_example.html
new file mode 100644
index 0000000..7fb0618
--- /dev/null
+++ b/example/extended_example.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>jquery.inview - Example</title>
+  <meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height">
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
+  <script src="../jquery.inview.js"></script>
+  <style>
+    body {
+      font-family: Arial, Verdana, sans-serif;
+      font-size: 12px;
+      position: relative;
+      width: 5000px;
+      height: 5000px;
+    }
+    #abs-element {
+      left: 50%;
+      top: 50%;
+      position: absolute;
+      width: 200px;
+      height: 100px;
+      border: 2px solid red;
+      margin-top: -52px;
+      margin-left: -102px;
+    }
+  </style>
+</head>
+<body>
+  Scroll to the <a href="#abs-element">middle</a> of this page!
+  <div id="abs-element">
+    <div>visiblePartX: <span id="visible-part-x"></span></div>
+    <div>visiblePartY: <span id="visible-part-y"></span></div>
+  </div>
+
+  <script>
+    $('#abs-element').bind('inview', function(event, visible, visiblePartX, visiblePartY) {
+      if (visible) {
+        $('#visible-part-x').html(visiblePartX);
+        $('#visible-part-y').html(visiblePartY);
+      } else {
+        $('#visible-part-x, #visible-part-y').html('');
+      }
+    });
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/example/index.html b/example/simple_example.html
similarity index 99%
rename from example/index.html
rename to example/simple_example.html
index f3998df..4a3507a 100644
--- a/example/index.html
+++ b/example/simple_example.html
@@ -32,10 +32,10 @@
 <body>
   <h1>jquery.inview - Example</h1>
   <p>Scroll to the <a href="#top-right">right</a> and to the <a href="#bottom-left">bottom</a></p>
-  
+
   <span id="top-right">visible!</span>
   <span id="bottom-left">visible!</span>
-  
+
   <script>
     $('#top-right, #bottom-left').bind('inview', function(event, visible) {
       if (visible) {
diff --git a/jquery.inview.js b/jquery.inview.js
index 55e285a..3c3effb 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -6,7 +6,7 @@
 (function ($) {
     function getViewportSize() {
         var mode, domObject, size = { height: window.innerHeight, width: window.innerWidth };
-        
+
         // if this is correct then return it. iPad has compat Mode, so will
         // go into check clientHeight/clientWidth (which has the wrong value).
         if (!size.height) {
@@ -24,46 +24,31 @@
 
         return size;
     }
-    
+
     function getViewportOffset() {
         return {
             top:  window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop,
             left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft
         };
     }
-    
+
     function getElementSize($elem) {
         return {
             height: $elem.height(),
             width:  $elem.width()
         };
     }
-    
-    // This method might fix problems on the iPad but therefore fails with elements within
-    // overflow: scroll; elements
-    //
-    // function getElementOffset(debug) {
-    //     // Manually calculate offset rather than using jQuery's offset
-    //     // This works-around iOS < 4 on iPad giving incorrect value
-    //     // cf http://bugs.jquery.com/ticket/6446#comment:9
-    //     var obj, offset = { top: 0, left: 0 };
-    //     for (obj = debug; obj !== null; obj = obj.offsetParent) {
-    //         offset.top  += obj.offsetTop;
-    //         offset.left += obj.offsetLeft;
-    //     }
-    //     return offset;
-    // }
 
     function checkInView() {
         var viewport, scrollTop, scrollLeft, 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) {
             viewportSize   = getViewportSize();
             viewportOffset = getViewportOffset();
@@ -73,36 +58,36 @@
                 if (!$.contains(document.documentElement, this)) {
                   return;
                 }
-                
+
                 var $el           = $(this),
                     elementSize   = { height: $el.height(), width: $el.width() },
                     elementOffset = $el.offset(),
                     inView        = $el.data('inview'),
-                    visiblePartY,
                     visiblePartX,
+                    visiblePartY,
                     visiblePartsMerged;
-                
+
                 if (elementOffset.top + elementSize.height > elementOffset.top &&
                     elementOffset.top < viewportOffset.top + viewportSize.height &&
                     elementOffset.left + elementSize.width > viewportOffset.left &&
                     elementOffset.left < viewportOffset.left + viewportSize.width) {
-                    visiblePartY = (viewportOffset.top > elementOffset.top ?
-                        'bottom' : (viewportOffset.top + viewportSize.height) < (elementOffset.top + elementSize.height) ?
-                        'top' : 'both');
                     visiblePartX = (viewportOffset.left > elementOffset.left ?
                         'right' : (viewportOffset.left + viewportSize.width) < (elementOffset.left + elementSize.width) ?
                         'left' : 'both');
+                    visiblePartY = (viewportOffset.top > elementOffset.top ?
+                        'bottom' : (viewportOffset.top + viewportSize.height) < (elementOffset.top + elementSize.height) ?
+                        'top' : 'both');
                     visiblePartsMerged = visiblePartX + "-" + visiblePartY;
                     if (!inView || inView !== visiblePartsMerged) {
                         $el.data('inview', visiblePartsMerged).trigger('inview', [true, visiblePartX, visiblePartY]);
                     }
                 } else if (inView) {
-                  $el.data('inview', false).trigger('inview', [false]);                        
+                  $el.data('inview', false).trigger('inview', [false]);
                 }
             });
         }
     }
-    
+
     // Use setInterval in order to also make sure this captures elements within
     // "overflow:scroll" elements or elements that appeared in the dom tree due to
     // dom manipulation and reflow
diff --git a/test/index.html b/test/index.html
index efaa6d9..c7d4920 100644
--- a/test/index.html
+++ b/test/index.html
@@ -1,19 +1,19 @@
 <!DOCTYPE html>
 <html>
-<head>
-  <title>QUnit Test Suite</title>
-  <meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height">
-  <link rel="stylesheet" href="qunit/qunit.css">
-  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
-  <script src="../jquery.inview.js"></script>
-  <script src="qunit/qunit.js"></script>
-  <script src="test.js"></script>
-</head>
-<body>
-  <h1 id="qunit-header">QUnit Test Suite</h1>
-  <h2 id="qunit-banner"></h2>
-  <div id="qunit-testrunner-toolbar"></div>
-  <h2 id="qunit-userAgent"></h2>
-  <ol id="qunit-tests"></ol>
-</body>
+  <head>
+    <title>QUnit Test Suite</title>
+    <meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height">
+    <link rel="stylesheet" href="http://github.com/jquery/qunit/raw/master/qunit/qunit.css">
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+    <script src="http://github.com/jquery/qunit/raw/master/qunit/qunit.js"></script>
+    <script src="../jquery.inview.js"></script>
+    <script src="test.js"></script>
+  </head>
+  <body>
+    <h1 id="qunit-header">QUnit Test Suite</h1>
+    <h2 id="qunit-banner"></h2>
+    <div id="qunit-testrunner-toolbar"></div>
+    <h2 id="qunit-userAgent"></h2>
+    <ol id="qunit-tests"></ol>
+  </body>
 </html>
\ No newline at end of file
diff --git a/test/qunit/qunit.css b/test/qunit/qunit.css
deleted file mode 100644
index 7eb693a..0000000
--- a/test/qunit/qunit.css
+++ /dev/null
@@ -1,163 +0,0 @@
-/** Font Family and Sizes */
-
-#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
-	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
-}
-
-#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
-#qunit-tests { font-size: smaller; }
-
-
-/** Resets */
-
-#qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
-	margin: 0;
-	padding: 0;
-}
-
-
-/** Header */
-
-#qunit-header {
-	padding: 0.5em 0 0.5em 1em;
-
-	color: #8699a4;
-	background-color: #0d3349;
-
-	font-size: 1.5em;
-	line-height: 1em;
-	font-weight: normal;
-	
-	border-radius: 15px 15px 0 0;
-	-moz-border-radius: 15px 15px 0 0;
-	-webkit-border-top-right-radius: 15px;
-	-webkit-border-top-left-radius: 15px;
-}
-
-#qunit-header a {
-	text-decoration: none;
-	color: #c2ccd1;
-}
-
-#qunit-header a:hover,
-#qunit-header a:focus {
-	color: #fff;
-}
-
-#qunit-banner {
-	height: 5px;
-}
-
-#qunit-testrunner-toolbar {
-	padding: 0em 0 0.5em 2em;
-}
-
-#qunit-userAgent {
-	padding: 0.5em 0 0.5em 2.5em;
-	background-color: #2b81af;
-	color: #fff;
-	text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
-}
-
-
-/** Tests: Pass/Fail */
-
-#qunit-tests {
-	list-style-position: inside;
-}
-
-#qunit-tests li {
-	padding: 0.4em 0.5em 0.4em 2.5em;
-	border-bottom: 1px solid #fff;
-	list-style-position: inside;
-}
-
-#qunit-tests li strong {
-	cursor: pointer;
-}
-
-#qunit-tests ol {
-	margin-top: 0.5em;
-	padding: 0.5em;
-	
-	background-color: #fff;
-	
-	border-radius: 15px;
-	-moz-border-radius: 15px;
-	-webkit-border-radius: 15px;
-	
-	box-shadow: inset 0px 2px 13px #999;
-	-moz-box-shadow: inset 0px 2px 13px #999;
-	-webkit-box-shadow: inset 0px 2px 13px #999;
-}
-
-/*** Test Counts */
-
-#qunit-tests b.counts                       { color: black; }
-#qunit-tests b.passed                       { color: #5E740B; }
-#qunit-tests b.failed                       { color: #710909; }
-
-#qunit-tests li li {
-	margin: 0.5em;
-	padding: 0.4em 0.5em 0.4em 0.5em;
-	background-color: #fff;
-	border-bottom: none;
-	list-style-position: inside;
-}
-
-/*** Passing Styles */
-
-#qunit-tests li li.pass {
-	color: #5E740B;
-	background-color: #fff;
-	border-left: 26px solid #C6E746;
-}
-
-#qunit-tests .pass                          { color: #528CE0; background-color: #D2E0E6; }
-#qunit-tests .pass .test-name               { color: #366097; }
- 
-#qunit-tests .pass .test-actual,
-#qunit-tests .pass .test-expected           { color: #999999; }
-
-#qunit-banner.qunit-pass                    { background-color: #C6E746; }
-
-/*** Failing Styles */
-
-#qunit-tests li li.fail {
-	color: #710909;
-	background-color: #fff;
-	border-left: 26px solid #EE5757;
-}
-
-#qunit-tests .fail                          { color: #000000; background-color: #EE5757; }
-#qunit-tests .fail .test-name,
-#qunit-tests .fail .module-name             { color: #000000; }
-
-#qunit-tests .fail .test-actual             { color: #EE5757; }
-#qunit-tests .fail .test-expected           { color: green;   }
-
-#qunit-banner.qunit-fail, 
-#qunit-testrunner-toolbar                   { background-color: #EE5757; }
-
-
-/** Footer */
-
-#qunit-testresult {
-	padding: 0.5em 0.5em 0.5em 2.5em;
-
-	color: #2b81af;
-	background-color: #D2E0E6;
-
-	border-radius: 0 0 15px 15px;
-	-moz-border-radius: 0 0 15px 15px;
-	-webkit-border-bottom-right-radius: 15px;
-	-webkit-border-bottom-left-radius: 15px;
-}
-
-/** Fixture */
-
-#qunit-fixture {
-	position: absolute;
-	top: -10000px;
-	left: -10000px;
-}
\ No newline at end of file
diff --git a/test/qunit/qunit.js b/test/qunit/qunit.js
deleted file mode 100644
index f719f52..0000000
--- a/test/qunit/qunit.js
+++ /dev/null
@@ -1,1297 +0,0 @@
-/*
- * QUnit - A JavaScript Unit Testing Framework
- * 
- * http://docs.jquery.com/QUnit
- *
- * Copyright (c) 2009 John Resig, Jörn Zaefferer
- * Dual licensed under the MIT (MIT-LICENSE.txt)
- * and GPL (GPL-LICENSE.txt) licenses.
- */
-
-(function(window) {
-
-var QUnit = {
-
-	// call on start of module test to prepend name to all tests
-	module: function(name, testEnvironment) {
-		config.currentModule = name;
-
-		synchronize(function() {
-			if ( config.previousModule ) {
-				QUnit.moduleDone( config.currentModule, config.moduleStats.bad, config.moduleStats.all );
-			}
-
-			config.previousModule = config.currentModule;
-			config.currentModule = name;
-			config.moduleTestEnvironment = testEnvironment;
-			config.moduleStats = { all: 0, bad: 0 };
-
-			QUnit.moduleStart( name, testEnvironment );
-		});
-	},
-
-	asyncTest: function(testName, expected, callback) {
-		if ( arguments.length === 2 ) {
-			callback = expected;
-			expected = 0;
-		}
-
-		QUnit.test(testName, expected, callback, true);
-	},
-	
-	test: function(testName, expected, callback, async) {
-		var name = '<span class="test-name">' + testName + '</span>', testEnvironment, testEnvironmentArg;
-
-		if ( arguments.length === 2 ) {
-			callback = expected;
-			expected = null;
-		}
-		// is 2nd argument a testEnvironment?
-		if ( expected && typeof expected === 'object') {
-			testEnvironmentArg =  expected;
-			expected = null;
-		}
-
-		if ( config.currentModule ) {
-			name = '<span class="module-name">' + config.currentModule + "</span>: " + name;
-		}
-
-		if ( !validTest(config.currentModule + ": " + testName) ) {
-			return;
-		}
-
-		synchronize(function() {
-
-			testEnvironment = extend({
-				setup: function() {},
-				teardown: function() {}
-			}, config.moduleTestEnvironment);
-			if (testEnvironmentArg) {
-				extend(testEnvironment,testEnvironmentArg);
-			}
-
-			QUnit.testStart( testName, testEnvironment );
-
-			// allow utility functions to access the current test environment
-			QUnit.current_testEnvironment = testEnvironment;
-			
-			config.assertions = [];
-			config.expected = expected;
-			
-			var tests = id("qunit-tests");
-			if (tests) {
-				var b = document.createElement("strong");
-					b.innerHTML = "Running " + name;
-				var li = document.createElement("li");
-					li.appendChild( b );
-					li.id = "current-test-output";
-				tests.appendChild( li );
-			}
-
-			try {
-				if ( !config.pollution ) {
-					saveGlobal();
-				}
-
-				testEnvironment.setup.call(testEnvironment);
-			} catch(e) {
-				QUnit.ok( false, "Setup failed on " + name + ": " + e.message );
-			}
-	    });
-	
-	    synchronize(function() {
-			if ( async ) {
-				QUnit.stop();
-			}
-
-			try {
-				callback.call(testEnvironment);
-			} catch(e) {
-				fail("Test " + name + " died, exception and test follows", e, callback);
-				QUnit.ok( false, "Died on test #" + (config.assertions.length + 1) + ": " + e.message + " - " + QUnit.jsDump.parse(e) );
-				// else next test will carry the responsibility
-				saveGlobal();
-
-				// Restart the tests if they're blocking
-				if ( config.blocking ) {
-					start();
-				}
-			}
-		});
-
-		synchronize(function() {
-			try {
-				checkPollution();
-				testEnvironment.teardown.call(testEnvironment);
-			} catch(e) {
-				QUnit.ok( false, "Teardown failed on " + name + ": " + e.message );
-			}
-	    });
-	
-	    synchronize(function() {
-			if ( config.expected && config.expected != config.assertions.length ) {
-				QUnit.ok( false, "Expected " + config.expected + " assertions, but " + config.assertions.length + " were run" );
-			}
-			
-			var good = 0, bad = 0,
-				tests = id("qunit-tests");
-
-			config.stats.all += config.assertions.length;
-			config.moduleStats.all += config.assertions.length;
-
-			if ( tests ) {
-				var ol  = document.createElement("ol");
-
-				for ( var i = 0; i < config.assertions.length; i++ ) {
-					var assertion = config.assertions[i];
-
-					var li = document.createElement("li");
-					li.className = assertion.result ? "pass" : "fail";
-					li.innerHTML = assertion.message || (assertion.result ? "okay" : "failed");
-					ol.appendChild( li );
-
-					if ( assertion.result ) {
-						good++;
-					} else {
-						bad++;
-						config.stats.bad++;
-						config.moduleStats.bad++;
-					}
-				}
-				if (bad == 0) {
-					ol.style.display = "none";
-				}
-
-				var b = document.createElement("strong");
-				b.innerHTML = name + " <b class='counts'>(<b class='failed'>" + bad + "</b>, <b class='passed'>" + good + "</b>, " + config.assertions.length + ")</b>";
-				
-				addEvent(b, "click", function() {
-					var next = b.nextSibling, display = next.style.display;
-					next.style.display = display === "none" ? "block" : "none";
-				});
-				
-				addEvent(b, "dblclick", function(e) {
-					var target = e && e.target ? e.target : window.event.srcElement;
-					if ( target.nodeName.toLowerCase() == "span" || target.nodeName.toLowerCase() == "b" ) {
-						target = target.parentNode;
-					}
-					if ( window.location && target.nodeName.toLowerCase() === "strong" ) {
-						window.location.search = "?" + encodeURIComponent(getText([target]).replace(/\(.+\)$/, "").replace(/(^\s*|\s*$)/g, ""));
-					}
-				});
-
-				var li = id("current-test-output");
-				li.id = "";
-				li.className = bad ? "fail" : "pass";
-				li.style.display = resultDisplayStyle(!bad);
-				li.removeChild( li.firstChild );
-				li.appendChild( b );
-				li.appendChild( ol );
-
-				if ( bad ) {
-					var toolbar = id("qunit-testrunner-toolbar");
-					if ( toolbar ) {
-						toolbar.style.display = "block";
-						id("qunit-filter-pass").disabled = null;
-						id("qunit-filter-missing").disabled = null;
-					}
-				}
-
-			} else {
-				for ( var i = 0; i < config.assertions.length; i++ ) {
-					if ( !config.assertions[i].result ) {
-						bad++;
-						config.stats.bad++;
-						config.moduleStats.bad++;
-					}
-				}
-			}
-
-			try {
-				QUnit.reset();
-			} catch(e) {
-				fail("reset() failed, following Test " + name + ", exception and reset fn follows", e, QUnit.reset);
-			}
-
-			QUnit.testDone( testName, bad, config.assertions.length );
-
-			if ( !window.setTimeout && !config.queue.length ) {
-				done();
-			}
-		});
-
-		synchronize( done );
-	},
-	
-	/**
-	 * Specify the number of expected assertions to gurantee that failed test (no assertions are run at all) don't slip through.
-	 */
-	expect: function(asserts) {
-		config.expected = asserts;
-	},
-
-	/**
-	 * Asserts true.
-	 * @example ok( "asdfasdf".length > 5, "There must be at least 5 chars" );
-	 */
-	ok: function(a, msg) {
-		a = !!a;
-		var details = {
-			result: a,
-			message: msg
-		};
-		msg = escapeHtml(msg);
-		QUnit.log(a, msg, details);
-		config.assertions.push({
-			result: a,
-			message: msg
-		});
-	},
-
-	/**
-	 * Checks that the first two arguments are equal, with an optional message.
-	 * Prints out both actual and expected values.
-	 *
-	 * Prefered to ok( actual == expected, message )
-	 *
-	 * @example equal( format("Received {0} bytes.", 2), "Received 2 bytes." );
-	 *
-	 * @param Object actual
-	 * @param Object expected
-	 * @param String message (optional)
-	 */
-	equal: function(actual, expected, message) {
-		QUnit.push(expected == actual, actual, expected, message);
-	},
-
-	notEqual: function(actual, expected, message) {
-		QUnit.push(expected != actual, actual, expected, message);
-	},
-	
-	deepEqual: function(actual, expected, message) {
-		QUnit.push(QUnit.equiv(actual, expected), actual, expected, message);
-	},
-
-	notDeepEqual: function(actual, expected, message) {
-		QUnit.push(!QUnit.equiv(actual, expected), actual, expected, message);
-	},
-
-	strictEqual: function(actual, expected, message) {
-		QUnit.push(expected === actual, actual, expected, message);
-	},
-
-	notStrictEqual: function(actual, expected, message) {
-		QUnit.push(expected !== actual, actual, expected, message);
-	},
-
-	raises: function(fn,  message) {
-		try {
-			fn();
-			ok( false, message );
-		}
-		catch (e) {
-			ok( true, message );
-		}
-	},
-
-	start: function() {
-		// A slight delay, to avoid any current callbacks
-		if ( window.setTimeout ) {
-			window.setTimeout(function() {
-				if ( config.timeout ) {
-					clearTimeout(config.timeout);
-				}
-
-				config.blocking = false;
-				process();
-			}, 13);
-		} else {
-			config.blocking = false;
-			process();
-		}
-	},
-	
-	stop: function(timeout) {
-		config.blocking = true;
-
-		if ( timeout && window.setTimeout ) {
-			config.timeout = window.setTimeout(function() {
-				QUnit.ok( false, "Test timed out" );
-				QUnit.start();
-			}, timeout);
-		}
-	}
-
-};
-
-// Backwards compatibility, deprecated
-QUnit.equals = QUnit.equal;
-QUnit.same = QUnit.deepEqual;
-
-// Maintain internal state
-var config = {
-	// The queue of tests to run
-	queue: [],
-
-	// block until document ready
-	blocking: true
-};
-
-// Load paramaters
-(function() {
-	var location = window.location || { search: "", protocol: "file:" },
-		GETParams = location.search.slice(1).split('&');
-
-	for ( var i = 0; i < GETParams.length; i++ ) {
-		GETParams[i] = decodeURIComponent( GETParams[i] );
-		if ( GETParams[i] === "noglobals" ) {
-			GETParams.splice( i, 1 );
-			i--;
-			config.noglobals = true;
-		} else if ( GETParams[i].search('=') > -1 ) {
-			GETParams.splice( i, 1 );
-			i--;
-		}
-	}
-	
-	// restrict modules/tests by get parameters
-	config.filters = GETParams;
-	
-	// Figure out if we're running the tests from a server or not
-	QUnit.isLocal = !!(location.protocol === 'file:');
-})();
-
-// Expose the API as global variables, unless an 'exports'
-// object exists, in that case we assume we're in CommonJS
-if ( typeof exports === "undefined" || typeof require === "undefined" ) {
-	extend(window, QUnit);
-	window.QUnit = QUnit;
-} else {
-	extend(exports, QUnit);
-	exports.QUnit = QUnit;
-}
-
-// define these after exposing globals to keep them in these QUnit namespace only
-extend(QUnit, {
-	config: config,
-
-	// Initialize the configuration options
-	init: function() {
-		extend(config, {
-			stats: { all: 0, bad: 0 },
-			moduleStats: { all: 0, bad: 0 },
-			started: +new Date,
-			updateRate: 1000,
-			blocking: false,
-			autostart: true,
-			autorun: false,
-			assertions: [],
-			filters: [],
-			queue: []
-		});
-
-		var tests = id("qunit-tests"),
-			banner = id("qunit-banner"),
-			result = id("qunit-testresult");
-
-		if ( tests ) {
-			tests.innerHTML = "";
-		}
-
-		if ( banner ) {
-			banner.className = "";
-		}
-
-		if ( result ) {
-			result.parentNode.removeChild( result );
-		}
-	},
-	
-	/**
-	 * Resets the test setup. Useful for tests that modify the DOM.
-	 * 
-	 * If jQuery is available, uses jQuery's html(), otherwise just innerHTML.
-	 */
-	reset: function() {
-		if ( window.jQuery ) {
-			jQuery( "#main, #qunit-fixture" ).html( config.fixture );
-		} else {
-			var main = id( 'main' ) || id( 'qunit-fixture' );
-			if ( main ) {
-				main.innerHTML = config.fixture;
-			}
-		}
-	},
-	
-	/**
-	 * Trigger an event on an element.
-	 *
-	 * @example triggerEvent( document.body, "click" );
-	 *
-	 * @param DOMElement elem
-	 * @param String type
-	 */
-	triggerEvent: function( elem, type, event ) {
-		if ( document.createEvent ) {
-			event = document.createEvent("MouseEvents");
-			event.initMouseEvent(type, true, true, elem.ownerDocument.defaultView,
-				0, 0, 0, 0, 0, false, false, false, false, 0, null);
-			elem.dispatchEvent( event );
-
-		} else if ( elem.fireEvent ) {
-			elem.fireEvent("on"+type);
-		}
-	},
-	
-	// Safe object type checking
-	is: function( type, obj ) {
-		return QUnit.objectType( obj ) == type;
-	},
-	
-	objectType: function( obj ) {
-		if (typeof obj === "undefined") {
-				return "undefined";
-
-		// consider: typeof null === object
-		}
-		if (obj === null) {
-				return "null";
-		}
-
-		var type = Object.prototype.toString.call( obj )
-			.match(/^\[object\s(.*)\]$/)[1] || '';
-
-		switch (type) {
-				case 'Number':
-						if (isNaN(obj)) {
-								return "nan";
-						} else {
-								return "number";
-						}
-				case 'String':
-				case 'Boolean':
-				case 'Array':
-				case 'Date':
-				case 'RegExp':
-				case 'Function':
-						return type.toLowerCase();
-		}
-		if (typeof obj === "object") {
-				return "object";
-		}
-		return undefined;
-	},
-	
-	push: function(result, actual, expected, message) {
-		var details = {
-			result: result,
-			message: message,
-			actual: actual,
-			expected: expected
-		};
-		
-		message = escapeHtml(message) || (result ? "okay" : "failed");
-		message = '<span class="test-message">' + message + "</span>";
-		expected = escapeHtml(QUnit.jsDump.parse(expected));
-		actual = escapeHtml(QUnit.jsDump.parse(actual));
-		var output = message + ', expected: <span class="test-expected">' + expected + '</span>';
-		if (actual != expected) {
-			output += ' result: <span class="test-actual">' + actual + '</span>, diff: ' + QUnit.diff(expected, actual);
-		}
-		
-		QUnit.log(result, message, details);
-		
-		config.assertions.push({
-			result: !!result,
-			message: output
-		});
-	},
-	
-	// Logging callbacks
-	begin: function() {},
-	done: function(failures, total) {},
-	log: function(result, message) {},
-	testStart: function(name, testEnvironment) {},
-	testDone: function(name, failures, total) {},
-	moduleStart: function(name, testEnvironment) {},
-	moduleDone: function(name, failures, total) {}
-});
-
-if ( typeof document === "undefined" || document.readyState === "complete" ) {
-	config.autorun = true;
-}
-
-addEvent(window, "load", function() {
-	QUnit.begin();
-	
-	// Initialize the config, saving the execution queue
-	var oldconfig = extend({}, config);
-	QUnit.init();
-	extend(config, oldconfig);
-
-	config.blocking = false;
-
-	var userAgent = id("qunit-userAgent");
-	if ( userAgent ) {
-		userAgent.innerHTML = navigator.userAgent;
-	}
-	var banner = id("qunit-header");
-	if ( banner ) {
-		var paramsIndex = location.href.lastIndexOf(location.search);
-		if ( paramsIndex > -1 ) {
-			var mainPageLocation = location.href.slice(0, paramsIndex);
-			if ( mainPageLocation == location.href ) {
-				banner.innerHTML = '<a href=""> ' + banner.innerHTML + '</a> ';
-			} else {
-				var testName = decodeURIComponent(location.search.slice(1));
-				banner.innerHTML = '<a href="' + mainPageLocation + '">' + banner.innerHTML + '</a> &#8250; <a href="">' + testName + '</a>';
-			}
-		}
-	}
-	
-	var toolbar = id("qunit-testrunner-toolbar");
-	if ( toolbar ) {
-		toolbar.style.display = "none";
-		
-		var filter = document.createElement("input");
-		filter.type = "checkbox";
-		filter.id = "qunit-filter-pass";
-		filter.disabled = true;
-		addEvent( filter, "click", function() {
-			var li = document.getElementsByTagName("li");
-			for ( var i = 0; i < li.length; i++ ) {
-				if ( li[i].className.indexOf("pass") > -1 ) {
-					li[i].style.display = filter.checked ? "none" : "";
-				}
-			}
-		});
-		toolbar.appendChild( filter );
-
-		var label = document.createElement("label");
-		label.setAttribute("for", "qunit-filter-pass");
-		label.innerHTML = "Hide passed tests";
-		toolbar.appendChild( label );
-
-		var missing = document.createElement("input");
-		missing.type = "checkbox";
-		missing.id = "qunit-filter-missing";
-		missing.disabled = true;
-		addEvent( missing, "click", function() {
-			var li = document.getElementsByTagName("li");
-			for ( var i = 0; i < li.length; i++ ) {
-				if ( li[i].className.indexOf("fail") > -1 && li[i].innerHTML.indexOf('missing test - untested code is broken code') > - 1 ) {
-					li[i].parentNode.parentNode.style.display = missing.checked ? "none" : "block";
-				}
-			}
-		});
-		toolbar.appendChild( missing );
-
-		label = document.createElement("label");
-		label.setAttribute("for", "qunit-filter-missing");
-		label.innerHTML = "Hide missing tests (untested code is broken code)";
-		toolbar.appendChild( label );
-	}
-
-	var main = id('main') || id('qunit-fixture');
-	if ( main ) {
-		config.fixture = main.innerHTML;
-	}
-
-	if (config.autostart) {
-		QUnit.start();
-	}
-});
-
-function done() {
-	if ( config.doneTimer && window.clearTimeout ) {
-		window.clearTimeout( config.doneTimer );
-		config.doneTimer = null;
-	}
-
-	if ( config.queue.length ) {
-		config.doneTimer = window.setTimeout(function(){
-			if ( !config.queue.length ) {
-				done();
-			} else {
-				synchronize( done );
-			}
-		}, 13);
-
-		return;
-	}
-
-	config.autorun = true;
-
-	// Log the last module results
-	if ( config.currentModule ) {
-		QUnit.moduleDone( config.currentModule, config.moduleStats.bad, config.moduleStats.all );
-	}
-
-	var banner = id("qunit-banner"),
-		tests = id("qunit-tests"),
-		html = ['Tests completed in ',
-		+new Date - config.started, ' milliseconds.<br/>',
-		'<span class="passed">', config.stats.all - config.stats.bad, '</span> tests of <span class="total">', config.stats.all, '</span> passed, <span class="failed">', config.stats.bad,'</span> failed.'].join('');
-
-	if ( banner ) {
-		banner.className = (config.stats.bad ? "qunit-fail" : "qunit-pass");
-	}
-
-	if ( tests ) {	
-		var result = id("qunit-testresult");
-
-		if ( !result ) {
-			result = document.createElement("p");
-			result.id = "qunit-testresult";
-			result.className = "result";
-			tests.parentNode.insertBefore( result, tests.nextSibling );
-		}
-
-		result.innerHTML = html;
-	}
-
-	QUnit.done( config.stats.bad, config.stats.all );
-}
-
-function validTest( name ) {
-	var i = config.filters.length,
-		run = false;
-
-	if ( !i ) {
-		return true;
-	}
-	
-	while ( i-- ) {
-		var filter = config.filters[i],
-			not = filter.charAt(0) == '!';
-
-		if ( not ) {
-			filter = filter.slice(1);
-		}
-
-		if ( name.indexOf(filter) !== -1 ) {
-			return !not;
-		}
-
-		if ( not ) {
-			run = true;
-		}
-	}
-
-	return run;
-}
-
-function resultDisplayStyle(passed) {
-	return passed && id("qunit-filter-pass") && id("qunit-filter-pass").checked ? 'none' : '';
-}
-
-function escapeHtml(s) {
-	if (!s) {
-		return "";
-	}
-	s = s + "";
-	return s.replace(/[\&"<>\\]/g, function(s) {
-		switch(s) {
-			case "&": return "&amp;";
-			case "\\": return "\\\\";
-			case '"': return '\"';
-			case "<": return "&lt;";
-			case ">": return "&gt;";
-			default: return s;
-		}
-	});
-}
-
-function synchronize( callback ) {
-	config.queue.push( callback );
-
-	if ( config.autorun && !config.blocking ) {
-		process();
-	}
-}
-
-function process() {
-	var start = (new Date()).getTime();
-
-	while ( config.queue.length && !config.blocking ) {
-		if ( config.updateRate <= 0 || (((new Date()).getTime() - start) < config.updateRate) ) {
-			config.queue.shift()();
-
-		} else {
-			setTimeout( process, 13 );
-			break;
-		}
-	}
-}
-
-function saveGlobal() {
-	config.pollution = [];
-	
-	if ( config.noglobals ) {
-		for ( var key in window ) {
-			config.pollution.push( key );
-		}
-	}
-}
-
-function checkPollution( name ) {
-	var old = config.pollution;
-	saveGlobal();
-	
-	var newGlobals = diff( old, config.pollution );
-	if ( newGlobals.length > 0 ) {
-		ok( false, "Introduced global variable(s): " + newGlobals.join(", ") );
-		config.expected++;
-	}
-
-	var deletedGlobals = diff( config.pollution, old );
-	if ( deletedGlobals.length > 0 ) {
-		ok( false, "Deleted global variable(s): " + deletedGlobals.join(", ") );
-		config.expected++;
-	}
-}
-
-// returns a new Array with the elements that are in a but not in b
-function diff( a, b ) {
-	var result = a.slice();
-	for ( var i = 0; i < result.length; i++ ) {
-		for ( var j = 0; j < b.length; j++ ) {
-			if ( result[i] === b[j] ) {
-				result.splice(i, 1);
-				i--;
-				break;
-			}
-		}
-	}
-	return result;
-}
-
-function fail(message, exception, callback) {
-	if ( typeof console !== "undefined" && console.error && console.warn ) {
-		console.error(message);
-		console.error(exception);
-		console.warn(callback.toString());
-
-	} else if ( window.opera && opera.postError ) {
-		opera.postError(message, exception, callback.toString);
-	}
-}
-
-function extend(a, b) {
-	for ( var prop in b ) {
-		a[prop] = b[prop];
-	}
-
-	return a;
-}
-
-function addEvent(elem, type, fn) {
-	if ( elem.addEventListener ) {
-		elem.addEventListener( type, fn, false );
-	} else if ( elem.attachEvent ) {
-		elem.attachEvent( "on" + type, fn );
-	} else {
-		fn();
-	}
-}
-
-function id(name) {
-	return !!(typeof document !== "undefined" && document && document.getElementById) &&
-		document.getElementById( name );
-}
-
-// Test for equality any JavaScript type.
-// Discussions and reference: http://philrathe.com/articles/equiv
-// Test suites: http://philrathe.com/tests/equiv
-// Author: Philippe Rathé <prathe@gmail.com>
-QUnit.equiv = function () {
-
-    var innerEquiv; // the real equiv function
-    var callers = []; // stack to decide between skip/abort functions
-    var parents = []; // stack to avoiding loops from circular referencing
-
-    // Call the o related callback with the given arguments.
-    function bindCallbacks(o, callbacks, args) {
-        var prop = QUnit.objectType(o);
-        if (prop) {
-            if (QUnit.objectType(callbacks[prop]) === "function") {
-                return callbacks[prop].apply(callbacks, args);
-            } else {
-                return callbacks[prop]; // or undefined
-            }
-        }
-    }
-    
-    var callbacks = function () {
-
-        // for string, boolean, number and null
-        function useStrictEquality(b, a) {
-            if (b instanceof a.constructor || a instanceof b.constructor) {
-                // to catch short annotaion VS 'new' annotation of a declaration
-                // e.g. var i = 1;
-                //      var j = new Number(1);
-                return a == b;
-            } else {
-                return a === b;
-            }
-        }
-
-        return {
-            "string": useStrictEquality,
-            "boolean": useStrictEquality,
-            "number": useStrictEquality,
-            "null": useStrictEquality,
-            "undefined": useStrictEquality,
-
-            "nan": function (b) {
-                return isNaN(b);
-            },
-
-            "date": function (b, a) {
-                return QUnit.objectType(b) === "date" && a.valueOf() === b.valueOf();
-            },
-
-            "regexp": function (b, a) {
-                return QUnit.objectType(b) === "regexp" &&
-                    a.source === b.source && // the regex itself
-                    a.global === b.global && // and its modifers (gmi) ...
-                    a.ignoreCase === b.ignoreCase &&
-                    a.multiline === b.multiline;
-            },
-
-            // - skip when the property is a method of an instance (OOP)
-            // - abort otherwise,
-            //   initial === would have catch identical references anyway
-            "function": function () {
-                var caller = callers[callers.length - 1];
-                return caller !== Object &&
-                        typeof caller !== "undefined";
-            },
-
-            "array": function (b, a) {
-                var i, j, loop;
-                var len;
-
-                // b could be an object literal here
-                if ( ! (QUnit.objectType(b) === "array")) {
-                    return false;
-                }   
-                
-                len = a.length;
-                if (len !== b.length) { // safe and faster
-                    return false;
-                }
-                
-                //track reference to avoid circular references
-                parents.push(a);
-                for (i = 0; i < len; i++) {
-                    loop = false;
-                    for(j=0;j<parents.length;j++){
-                        if(parents[j] === a[i]){
-                            loop = true;//dont rewalk array
-                        }
-                    }
-                    if (!loop && ! innerEquiv(a[i], b[i])) {
-                        parents.pop();
-                        return false;
-                    }
-                }
-                parents.pop();
-                return true;
-            },
-
-            "object": function (b, a) {
-                var i, j, loop;
-                var eq = true; // unless we can proove it
-                var aProperties = [], bProperties = []; // collection of strings
-
-                // comparing constructors is more strict than using instanceof
-                if ( a.constructor !== b.constructor) {
-                    return false;
-                }
-
-                // stack constructor before traversing properties
-                callers.push(a.constructor);
-                //track reference to avoid circular references
-                parents.push(a);
-                
-                for (i in a) { // be strict: don't ensures hasOwnProperty and go deep
-                    loop = false;
-                    for(j=0;j<parents.length;j++){
-                        if(parents[j] === a[i])
-                            loop = true; //don't go down the same path twice
-                    }
-                    aProperties.push(i); // collect a's properties
-
-                    if (!loop && ! innerEquiv(a[i], b[i])) {
-                        eq = false;
-                        break;
-                    }
-                }
-
-                callers.pop(); // unstack, we are done
-                parents.pop();
-
-                for (i in b) {
-                    bProperties.push(i); // collect b's properties
-                }
-
-                // Ensures identical properties name
-                return eq && innerEquiv(aProperties.sort(), bProperties.sort());
-            }
-        };
-    }();
-
-    innerEquiv = function () { // can take multiple arguments
-        var args = Array.prototype.slice.apply(arguments);
-        if (args.length < 2) {
-            return true; // end transition
-        }
-
-        return (function (a, b) {
-            if (a === b) {
-                return true; // catch the most you can
-            } else if (a === null || b === null || typeof a === "undefined" || typeof b === "undefined" || QUnit.objectType(a) !== QUnit.objectType(b)) {
-                return false; // don't lose time with error prone cases
-            } else {
-                return bindCallbacks(a, callbacks, [b, a]);
-            }
-
-        // apply transition with (1..n) arguments
-        })(args[0], args[1]) && arguments.callee.apply(this, args.splice(1, args.length -1));
-    };
-
-    return innerEquiv;
-
-}();
-
-/**
- * jsDump
- * Copyright (c) 2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
- * Licensed under BSD (http://www.opensource.org/licenses/bsd-license.php)
- * Date: 5/15/2008
- * @projectDescription Advanced and extensible data dumping for Javascript.
- * @version 1.0.0
- * @author Ariel Flesler
- * @link {http://flesler.blogspot.com/2008/05/jsdump-pretty-dump-of-any-javascript.html}
- */
-QUnit.jsDump = (function() {
-	function quote( str ) {
-		return '"' + str.toString().replace(/"/g, '\\"') + '"';
-	};
-	function literal( o ) {
-		return o + '';	
-	};
-	function join( pre, arr, post ) {
-		var s = jsDump.separator(),
-			base = jsDump.indent(),
-			inner = jsDump.indent(1);
-		if ( arr.join )
-			arr = arr.join( ',' + s + inner );
-		if ( !arr )
-			return pre + post;
-		return [ pre, inner + arr, base + post ].join(s);
-	};
-	function array( arr ) {
-		var i = arr.length,	ret = Array(i);					
-		this.up();
-		while ( i-- )
-			ret[i] = this.parse( arr[i] );				
-		this.down();
-		return join( '[', ret, ']' );
-	};
-	
-	var reName = /^function (\w+)/;
-	
-	var jsDump = {
-		parse:function( obj, type ) { //type is used mostly internally, you can fix a (custom)type in advance
-			var	parser = this.parsers[ type || this.typeOf(obj) ];
-			type = typeof parser;			
-			
-			return type == 'function' ? parser.call( this, obj ) :
-				   type == 'string' ? parser :
-				   this.parsers.error;
-		},
-		typeOf:function( obj ) {
-			var type;
-			if ( obj === null ) {
-				type = "null";
-			} else if (typeof obj === "undefined") {
-				type = "undefined";
-			} else if (QUnit.is("RegExp", obj)) {
-				type = "regexp";
-			} else if (QUnit.is("Date", obj)) {
-				type = "date";
-			} else if (QUnit.is("Function", obj)) {
-				type = "function";
-			} else if (obj.setInterval && obj.document && !obj.nodeType) {
-				type = "window";
-			} else if (obj.nodeType === 9) {
-				type = "document";
-			} else if (obj.nodeType) {
-				type = "node";
-			} else if (typeof obj === "object" && typeof obj.length === "number" && obj.length >= 0) {
-				type = "array";
-			} else {
-				type = typeof obj;
-			}
-			return type;
-		},
-		separator:function() {
-			return this.multiline ?	this.HTML ? '<br />' : '\n' : this.HTML ? '&nbsp;' : ' ';
-		},
-		indent:function( extra ) {// extra can be a number, shortcut for increasing-calling-decreasing
-			if ( !this.multiline )
-				return '';
-			var chr = this.indentChar;
-			if ( this.HTML )
-				chr = chr.replace(/\t/g,'   ').replace(/ /g,'&nbsp;');
-			return Array( this._depth_ + (extra||0) ).join(chr);
-		},
-		up:function( a ) {
-			this._depth_ += a || 1;
-		},
-		down:function( a ) {
-			this._depth_ -= a || 1;
-		},
-		setParser:function( name, parser ) {
-			this.parsers[name] = parser;
-		},
-		// The next 3 are exposed so you can use them
-		quote:quote, 
-		literal:literal,
-		join:join,
-		//
-		_depth_: 1,
-		// This is the list of parsers, to modify them, use jsDump.setParser
-		parsers:{
-			window: '[Window]',
-			document: '[Document]',
-			error:'[ERROR]', //when no parser is found, shouldn't happen
-			unknown: '[Unknown]',
-			'null':'null',
-			undefined:'undefined',
-			'function':function( fn ) {
-				var ret = 'function',
-					name = 'name' in fn ? fn.name : (reName.exec(fn)||[])[1];//functions never have name in IE
-				if ( name )
-					ret += ' ' + name;
-				ret += '(';
-				
-				ret = [ ret, this.parse( fn, 'functionArgs' ), '){'].join('');
-				return join( ret, this.parse(fn,'functionCode'), '}' );
-			},
-			array: array,
-			nodelist: array,
-			arguments: array,
-			object:function( map ) {
-				var ret = [ ];
-				this.up();
-				for ( var key in map )
-					ret.push( this.parse(key,'key') + ': ' + this.parse(map[key]) );
-				this.down();
-				return join( '{', ret, '}' );
-			},
-			node:function( node ) {
-				var open = this.HTML ? '&lt;' : '<',
-					close = this.HTML ? '&gt;' : '>';
-					
-				var tag = node.nodeName.toLowerCase(),
-					ret = open + tag;
-					
-				for ( var a in this.DOMAttrs ) {
-					var val = node[this.DOMAttrs[a]];
-					if ( val )
-						ret += ' ' + a + '=' + this.parse( val, 'attribute' );
-				}
-				return ret + close + open + '/' + tag + close;
-			},
-			functionArgs:function( fn ) {//function calls it internally, it's the arguments part of the function
-				var l = fn.length;
-				if ( !l ) return '';				
-				
-				var args = Array(l);
-				while ( l-- )
-					args[l] = String.fromCharCode(97+l);//97 is 'a'
-				return ' ' + args.join(', ') + ' ';
-			},
-			key:quote, //object calls it internally, the key part of an item in a map
-			functionCode:'[code]', //function calls it internally, it's the content of the function
-			attribute:quote, //node calls it internally, it's an html attribute value
-			string:quote,
-			date:quote,
-			regexp:literal, //regex
-			number:literal,
-			'boolean':literal
-		},
-		DOMAttrs:{//attributes to dump from nodes, name=>realName
-			id:'id',
-			name:'name',
-			'class':'className'
-		},
-		HTML:false,//if true, entities are escaped ( <, >, \t, space and \n )
-		indentChar:'   ',//indentation unit
-		multiline:false //if true, items in a collection, are separated by a \n, else just a space.
-	};
-
-	return jsDump;
-})();
-
-// from Sizzle.js
-function getText( elems ) {
-	var ret = "", elem;
-
-	for ( var i = 0; elems[i]; i++ ) {
-		elem = elems[i];
-
-		// Get the text from text nodes and CDATA nodes
-		if ( elem.nodeType === 3 || elem.nodeType === 4 ) {
-			ret += elem.nodeValue;
-
-		// Traverse everything else, except comment nodes
-		} else if ( elem.nodeType !== 8 ) {
-			ret += getText( elem.childNodes );
-		}
-	}
-
-	return ret;
-};
-
-/*
- * Javascript Diff Algorithm
- *  By John Resig (http://ejohn.org/)
- *  Modified by Chu Alan "sprite"
- *
- * Released under the MIT license.
- *
- * More Info:
- *  http://ejohn.org/projects/javascript-diff-algorithm/
- *  
- * Usage: QUnit.diff(expected, actual)
- * 
- * QUnit.diff("the quick brown fox jumped over", "the quick fox jumps over") == "the  quick <del>brown </del> fox <del>jumped </del><ins>jumps </ins> over"
- */
-QUnit.diff = (function() {
-	function diff(o, n){
-		var ns = new Object();
-		var os = new Object();
-		
-		for (var i = 0; i < n.length; i++) {
-			if (ns[n[i]] == null) 
-				ns[n[i]] = {
-					rows: new Array(),
-					o: null
-				};
-			ns[n[i]].rows.push(i);
-		}
-		
-		for (var i = 0; i < o.length; i++) {
-			if (os[o[i]] == null) 
-				os[o[i]] = {
-					rows: new Array(),
-					n: null
-				};
-			os[o[i]].rows.push(i);
-		}
-		
-		for (var i in ns) {
-			if (ns[i].rows.length == 1 && typeof(os[i]) != "undefined" && os[i].rows.length == 1) {
-				n[ns[i].rows[0]] = {
-					text: n[ns[i].rows[0]],
-					row: os[i].rows[0]
-				};
-				o[os[i].rows[0]] = {
-					text: o[os[i].rows[0]],
-					row: ns[i].rows[0]
-				};
-			}
-		}
-		
-		for (var i = 0; i < n.length - 1; i++) {
-			if (n[i].text != null && n[i + 1].text == null && n[i].row + 1 < o.length && o[n[i].row + 1].text == null &&
-			n[i + 1] == o[n[i].row + 1]) {
-				n[i + 1] = {
-					text: n[i + 1],
-					row: n[i].row + 1
-				};
-				o[n[i].row + 1] = {
-					text: o[n[i].row + 1],
-					row: i + 1
-				};
-			}
-		}
-		
-		for (var i = n.length - 1; i > 0; i--) {
-			if (n[i].text != null && n[i - 1].text == null && n[i].row > 0 && o[n[i].row - 1].text == null &&
-			n[i - 1] == o[n[i].row - 1]) {
-				n[i - 1] = {
-					text: n[i - 1],
-					row: n[i].row - 1
-				};
-				o[n[i].row - 1] = {
-					text: o[n[i].row - 1],
-					row: i - 1
-				};
-			}
-		}
-		
-		return {
-			o: o,
-			n: n
-		};
-	}
-	
-	return function(o, n){
-		o = o.replace(/\s+$/, '');
-		n = n.replace(/\s+$/, '');
-		var out = diff(o == "" ? [] : o.split(/\s+/), n == "" ? [] : n.split(/\s+/));
-
-		var str = "";
-		
-		var oSpace = o.match(/\s+/g);
-		if (oSpace == null) {
-			oSpace = [" "];
-		}
-		else {
-			oSpace.push(" ");
-		}
-		var nSpace = n.match(/\s+/g);
-		if (nSpace == null) {
-			nSpace = [" "];
-		}
-		else {
-			nSpace.push(" ");
-		}
-		
-		if (out.n.length == 0) {
-			for (var i = 0; i < out.o.length; i++) {
-				str += '<del>' + out.o[i] + oSpace[i] + "</del>";
-			}
-		}
-		else {
-			if (out.n[0].text == null) {
-				for (n = 0; n < out.o.length && out.o[n].text == null; n++) {
-					str += '<del>' + out.o[n] + oSpace[n] + "</del>";
-				}
-			}
-			
-			for (var i = 0; i < out.n.length; i++) {
-				if (out.n[i].text == null) {
-					str += '<ins>' + out.n[i] + nSpace[i] + "</ins>";
-				}
-				else {
-					var pre = "";
-					
-					for (n = out.n[i].row + 1; n < out.o.length && out.o[n].text == null; n++) {
-						pre += '<del>' + out.o[n] + oSpace[n] + "</del>";
-					}
-					str += " " + out.n[i].text + nSpace[i] + pre;
-				}
-			}
-		}
-		
-		return str;
-	};
-})();
-
-})(this);
\ No newline at end of file
diff --git a/test/test.js b/test/test.js
index 873a834..9c27cdd 100644
--- a/test/test.js
+++ b/test/test.js
@@ -1,7 +1,7 @@
 module('jquery.inview', {
   setup: function() {
     $(window).scrollTop(0).scrollLeft(0);
-    
+
     this.size    = 20000;
     this.container = $('<div>');
     this.element = $('<div>', {
@@ -13,10 +13,10 @@ module('jquery.inview', {
       position: 'absolute'
     });
   },
-  
+
   teardown: function() {
     $(window).scrollTop(0).scrollLeft(0);
-    
+
     this.container.remove();
     this.element.remove();
   }
@@ -26,31 +26,31 @@ module('jquery.inview', {
 test('Check vertical scrolling', function() {
   expect(5);
   stop(10000);
-  
+
   var element = this.element,
       firstCall,
       secondCall,
       thirdCall,
       inView;
-  
+
   element.css({ left: 0, top: this.size - 50 + 'px' });
   element.appendTo('body');
   element.bind('inview.firstCall', function() { firstCall = true; });
-  
+
   setTimeout(function() {
     $(window).scrollTop(0).scrollLeft(0);
-    
+
     ok(!firstCall, 'inview shouldn\'t be triggered initially when the element isn\'t in the viewport');
     element.unbind('inview.firstCall');
     element.bind('inview.secondCall', function(event, inViewParam) {
       secondCall = true;
       inView = inViewParam;
     });
-    
+
     $(window).scrollTop(9999999);
-    
+
     setTimeout(function() {
-      
+
       ok(secondCall, 'Triggered handler after element appeared in viewport');
       ok(inView, 'Parameter, indicating whether the element is in the viewport, is set to "true"');
       element.unbind('inview.secondCall');
@@ -58,17 +58,17 @@ test('Check vertical scrolling', function() {
         thirdCall = true;
         inView = inViewParam;
       });
-      
+
       $(window).scrollTop(0).scrollLeft(0);
-      
+
       setTimeout(function() {
         ok(thirdCall, 'Triggered handler after element disappeared in viewport');
         strictEqual(inView, false, 'Parameter, indicating whether the element is in the viewport, is set to "false"');
         start();
       }, 1000);
-      
+
     }, 1000);
-    
+
   }, 1000);
 });
 
@@ -76,31 +76,31 @@ test('Check vertical scrolling', function() {
 test('Check horizontal scrolling', function() {
   expect(5);
   stop(10000);
-  
+
   var element = this.element,
       firstCall,
       secondCall,
       thirdCall,
       inView;
-  
+
   element.css({ top: 0, left: this.size - 50 + 'px' });
   element.appendTo('body');
   element.bind('inview.firstCall', function() { firstCall = true; });
-  
+
   setTimeout(function() {
     $(window).scrollTop(0).scrollLeft(0);
-    
+
     ok(!firstCall, 'inview shouldn\'t be triggered initially when the element isn\'t in the viewport');
     element.unbind('inview.firstCall');
     element.bind('inview.secondCall', function(event, inViewParam) {
       secondCall = true;
       inView = inViewParam;
     });
-    
+
     $(window).scrollLeft(9999999);
-    
+
     setTimeout(function() {
-      
+
       ok(secondCall, 'Triggered handler after element appeared in viewport');
       ok(inView, 'Parameter, indicating whether the element is in the viewport, is set to "true"');
       element.unbind('inview.secondCall');
@@ -108,17 +108,17 @@ test('Check horizontal scrolling', function() {
         thirdCall = true;
         inView = inViewParam;
       });
-      
+
       $(window).scrollTop(0).scrollLeft(0);
-      
+
       setTimeout(function() {
         ok(thirdCall, 'Triggered handler after element disappeared in viewport');
         strictEqual(inView, false, 'Parameter, indicating whether the element is in the viewport, is set to "false"');
         start();
       }, 1000);
-      
+
     }, 1000);
-    
+
   }, 1000);
 });
 
@@ -126,44 +126,96 @@ test('Check horizontal scrolling', function() {
 test('Move element into viewport without scrolling', function() {
   expect(3);
   stop(10000);
-  
+
   var element = this.element, calls = 0;
-  
+
   element
     .css({ left: '-500px', top: 0 })
     .appendTo('body')
     .bind('inview', function(event) { calls++; });
-  
+
   setTimeout(function() {
-    
+
     equals(calls, 0, 'Callback hasn\'t been fired since the element isn\'t in the viewport');
     element.css({ left: 0 });
-    
+
     setTimeout(function() {
-      
+
       equals(calls, 1, 'Callback has been fired after the element appeared in the viewport');
       element.css({ left: '10000px' });
-      
+
       setTimeout(function() {
-        
+
         equals(calls, 2, 'Callback has been fired after the element disappeared from viewport');
         start();
-        
+
       }, 1000);
-      
+
     }, 1000);
-    
+
   }, 1000);
 });
 
 
 test('Check whether element which isn\'t in the dom tree triggers the callback', function() {
   expect(0);
-  
+  stop(2000);
+
   this.element.bind('inview', function(event, isInView) {
     ok(false, 'Callback shouldn\'t be fired since the element isn\'t even in the dom tree');
     start();
   });
-  
+
   setTimeout(function() { start(); }, 1000);
+});
+
+
+test('Check visiblePartX & visiblePartY parameters #1', function() {
+  expect(2);
+  stop(2000);
+
+  this.element.css({
+    right: '-25px',
+    bottom: '-25px'
+  }).appendTo('body');
+
+  this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
+    equals(visiblePartX, 'left', 'visiblePartX has correct value');
+    equals(visiblePartY, 'top', 'visiblePartX has correct value');
+    start();
+  });
+});
+
+
+test('Check visiblePartX & visiblePartY parameters #2', function() {
+  expect(2);
+  stop(2000);
+
+  this.element.css({
+    right: '0',
+    bottom: '-25px'
+  }).appendTo('body');
+
+  this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
+    equals(visiblePartX, 'both', 'visiblePartX has correct value');
+    equals(visiblePartY, 'top', 'visiblePartX has correct value');
+    start();
+  });
+});
+
+
+test('Check visiblePartX & visiblePartY parameters #3', function() {
+  expect(2);
+  stop(2000);
+
+  this.element.css({
+    right: '0',
+    bottom: '0'
+  }).appendTo('body');
+
+  this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
+    equals(visiblePartX, 'both', 'visiblePartX has correct value');
+    equals(visiblePartY, 'both', 'visiblePartX has correct value');
+    start();
+  });
 });
\ No newline at end of file

From 87019b822a52ad417d1cd62a501f14e80a316a84 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Thu, 16 Dec 2010 00:16:23 +0100
Subject: [PATCH 10/66] Extend browser compatibility section in README and fix
 typo in tests

---
 README.textile |  8 +++++---
 test/test.js   | 13 +++++++------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/README.textile b/README.textile
index 7cce2f4..623332b 100644
--- a/README.textile
+++ b/README.textile
@@ -96,8 +96,10 @@ h4. The Test Suite succeeds in the following browsers that were tested:
 * Safari 3+
 * Chrome 7+
 * Opera 10+
-* Mobile Safari on iPad iOS 4.2.2+
+* IE 6+
 
-h4. The Test Suite doesn't succeed but the demos work without problems in the following browsers:
+h4. The Test Suite doesn't completely succeed but the demos in this repository work without problems in the following browsers:
 
-* Mobile WebKit on Android 2.2+
\ No newline at end of file
+* Mobile WebKit on Android 2.2 _(7 of 19 tests fail)_
+* Fennec 4b on Android 2.2 _(3 of 19 tests fail)_
+* Mobile Safari on iPad 4.2.2 _(6 of 19 tests fail)_
\ No newline at end of file
diff --git a/test/test.js b/test/test.js
index 9c27cdd..d5de571 100644
--- a/test/test.js
+++ b/test/test.js
@@ -8,9 +8,10 @@ module('jquery.inview', {
       html: 'testing ...',
       className: 'test-element'
     }).css({
-      width:    '50px',
-      height:   '50px',
-      position: 'absolute'
+      background: '#eee',
+      width:      '50px',
+      height:     '50px',
+      position:   'absolute'
     });
   },
 
@@ -181,7 +182,7 @@ test('Check visiblePartX & visiblePartY parameters #1', function() {
 
   this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
     equals(visiblePartX, 'left', 'visiblePartX has correct value');
-    equals(visiblePartY, 'top', 'visiblePartX has correct value');
+    equals(visiblePartY, 'top', 'visiblePartY has correct value');
     start();
   });
 });
@@ -198,7 +199,7 @@ test('Check visiblePartX & visiblePartY parameters #2', function() {
 
   this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
     equals(visiblePartX, 'both', 'visiblePartX has correct value');
-    equals(visiblePartY, 'top', 'visiblePartX has correct value');
+    equals(visiblePartY, 'top', 'visiblePartY has correct value');
     start();
   });
 });
@@ -215,7 +216,7 @@ test('Check visiblePartX & visiblePartY parameters #3', function() {
 
   this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
     equals(visiblePartX, 'both', 'visiblePartX has correct value');
-    equals(visiblePartY, 'both', 'visiblePartX has correct value');
+    equals(visiblePartY, 'both', 'visiblePartY has correct value');
     start();
   });
 });
\ No newline at end of file

From 11c30f98526de55a6344d56e0c60e678fa73214c Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Tue, 21 Dec 2010 21:08:38 +0100
Subject: [PATCH 11/66] Tests for live/delegate events, still failing though

---
 test/test.js | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/test/test.js b/test/test.js
index d5de571..ebb8581 100644
--- a/test/test.js
+++ b/test/test.js
@@ -219,4 +219,34 @@ test('Check visiblePartX & visiblePartY parameters #3', function() {
     equals(visiblePartY, 'both', 'visiblePartY has correct value');
     start();
   });
+});
+
+
+test('Check "live" events', function() {
+  expect(1);
+  stop(2000);
+  
+  $("body > div.test-element").live("inview", function() {
+    ok(true, "Live event correctly fired");
+  });
+  
+  this.element.css({
+    top: '0',
+    left: '0'
+  }).appendTo('body');
+});
+
+
+test('Check "delegate" events', function() {
+  expect(1);
+  stop(2000);
+  
+  $("body").delegate(".test-element", "inview", function() {
+    ok(true, "Delegated event correctly fired");
+  });
+  
+  this.element.css({
+    top: '0',
+    left: '0'
+  }).appendTo('body');
 });
\ No newline at end of file

From 8b3ed2a4591f5f8b6230d5cc5913ca660c24e175 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Tue, 21 Dec 2010 22:12:57 +0100
Subject: [PATCH 12/66] Make sure that inview also works with delegate & live
 events

---
 README.textile   | 16 +++++++++++++++-
 jquery.inview.js | 27 ++++++++++++++++++---------
 test/test.js     | 32 ++++++++++++++++++++++----------
 3 files changed, 55 insertions(+), 20 deletions(-)

diff --git a/README.textile b/README.textile
index 623332b..715de5a 100644
--- a/README.textile
+++ b/README.textile
@@ -39,9 +39,23 @@ p. Remember you can also bind once:
 
 bc.. $('div').one('inview' fn);
 
+h2. Live events
+
+Yep, inview events can also be used with .live/.delegate methods.
+_Please note that this could slow down your app when the selector is too complex and/or matches a huge set of elements._
+The following code snippet only loads images when they appear in the browser's viewport.
+
+bc..  // Assuming that all images have set the _data-src_ attribute instead of the _src_ attribute
+  $("img[data-src]").live("inview", function() {
+    var $this = $(this);
+    $this.attr("src", $this.attr("data-src"));
+    // Remove it from the set of matching elements in order to avoid that the handler gets re-executed
+    $this.removeAttr("data-src");
+  });
+
 h2. More complex example
 
-This way we can attach inView to some DIV in our code to, for example, detect when it FULLY readed by user (user sees it's bottom and top) and only after 1 seconds of view, so after we call some out stats function or whatever
+This way we can attach inview to some DIV in our code to, for example, detect when it FULLY readed by user (user sees it's bottom and top) and only after 1 seconds of view, so after we call some out stats function or whatever
 
 bc.. $(someMyOneDiv).bind('inview', function(e, isInView, visiblePartX, visiblePartY) {
   var elem = $(this);
diff --git a/jquery.inview.js b/jquery.inview.js
index 3c3effb..8ba2b55 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -40,26 +40,35 @@
     }
 
     function checkInView() {
-        var viewport, scrollTop, scrollLeft, elems = [];
+        var elems = [], elemsLength, i=0;
 
         // 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 (this.events.live) {
+                    var context = $(this.handle.elem);
+                    $.each(this.events.live, function() {
+                      elems = elems.concat(context.find(this.selector).toArray());
+                    });
+                } else {
+                    elems.push(this.handle.elem);
+                }
             }
         });
-
-        if (elems.length) {
+        
+        
+        elemsLength = elems.length;
+        if (elemsLength) {
             viewportSize   = getViewportSize();
             viewportOffset = getViewportOffset();
 
-            $(elems).each(function() {
+            for (; i<elemsLength; i++) {
                 // Ignore elements that are not in the DOM tree
-                if (!$.contains(document.documentElement, this)) {
-                  return;
+                if (!$.contains(document.documentElement, elems[i])) {
+                  continue;
                 }
 
-                var $el           = $(this),
+                var $el           = $(elems[i]),
                     elementSize   = { height: $el.height(), width: $el.width() },
                     elementOffset = $el.offset(),
                     inView        = $el.data('inview'),
@@ -84,7 +93,7 @@
                 } else if (inView) {
                   $el.data('inview', false).trigger('inview', [false]);
                 }
-            });
+            };
         }
     }
 
diff --git a/test/test.js b/test/test.js
index ebb8581..dfba469 100644
--- a/test/test.js
+++ b/test/test.js
@@ -1,9 +1,11 @@
 module('jquery.inview', {
   setup: function() {
     $(window).scrollTop(0).scrollLeft(0);
-
-    this.size    = 20000;
-    this.container = $('<div>');
+    
+    this.size = 20000;
+    this.container = $('<div>', {
+      className: 'test-container'
+    }).appendTo("body");
     this.element = $('<div>', {
       html: 'testing ...',
       className: 'test-element'
@@ -17,7 +19,7 @@ module('jquery.inview', {
 
   teardown: function() {
     $(window).scrollTop(0).scrollLeft(0);
-
+    
     this.container.remove();
     this.element.remove();
   }
@@ -223,30 +225,40 @@ test('Check visiblePartX & visiblePartY parameters #3', function() {
 
 
 test('Check "live" events', function() {
-  expect(1);
+  expect(3);
   stop(2000);
   
-  $("body > div.test-element").live("inview", function() {
+  var that = this,
+      elems = $("body .test-container > div.test-element");
+  elems.live("inview", function(event) {
+    elems.die("inview");
     ok(true, "Live event correctly fired");
+    equals(event.currentTarget, that.element[0], "event.currentTarget correctly set");
+    equals(this, that.element[0], "Handler bound to target element");
+    start();
   });
   
   this.element.css({
     top: '0',
     left: '0'
-  }).appendTo('body');
+  }).appendTo(this.container);
 });
 
 
 test('Check "delegate" events', function() {
-  expect(1);
+  expect(3);
   stop(2000);
   
-  $("body").delegate(".test-element", "inview", function() {
+  var that = this;
+  this.container.delegate(".test-element", "inview", function(event) {
     ok(true, "Delegated event correctly fired");
+    equals(event.currentTarget, that.element[0], "event.currentTarget correctly set");
+    equals(this, that.element[0], "Handler bound to target element");
+    start();
   });
   
   this.element.css({
     top: '0',
     left: '0'
-  }).appendTo('body');
+  }).appendTo(this.container);
 });
\ No newline at end of file

From bf99b29dd2fc666df686e86087e92f5ff8fc9081 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Tue, 21 Dec 2010 22:18:53 +0100
Subject: [PATCH 13/66] Unified variable namings

---
 jquery.inview.js | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 8ba2b55..d9ae28f 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -32,15 +32,15 @@
         };
     }
 
-    function getElementSize($elem) {
+    function getElementSize($element) {
         return {
-            height: $elem.height(),
-            width:  $elem.width()
+            height: $element.height(),
+            width:  $element.width()
         };
     }
 
     function checkInView() {
-        var elems = [], elemsLength, i=0;
+        var elements = [], elementsLength, i = 0;
 
         // naughty, but this is how it knows which elements to check for
         $.each($.cache, function() {
@@ -48,30 +48,30 @@
                 if (this.events.live) {
                     var context = $(this.handle.elem);
                     $.each(this.events.live, function() {
-                      elems = elems.concat(context.find(this.selector).toArray());
+                      elements = elements.concat(context.find(this.selector).toArray());
                     });
                 } else {
-                    elems.push(this.handle.elem);
+                    elements.push(this.handle.elem);
                 }
             }
         });
         
         
-        elemsLength = elems.length;
-        if (elemsLength) {
+        elementsLength = elements.length;
+        if (elementsLength) {
             viewportSize   = getViewportSize();
             viewportOffset = getViewportOffset();
 
-            for (; i<elemsLength; i++) {
+            for (; i<elementsLength; i++) {
                 // Ignore elements that are not in the DOM tree
-                if (!$.contains(document.documentElement, elems[i])) {
+                if (!$.contains(document.documentElement, elements[i])) {
                   continue;
                 }
 
-                var $el           = $(elems[i]),
-                    elementSize   = { height: $el.height(), width: $el.width() },
-                    elementOffset = $el.offset(),
-                    inView        = $el.data('inview'),
+                var $element      = $(elements[i]),
+                    elementSize   = { height: $element.height(), width: $element.width() },
+                    elementOffset = $element.offset(),
+                    inView        = $element.data('inview'),
                     visiblePartX,
                     visiblePartY,
                     visiblePartsMerged;
@@ -88,12 +88,12 @@
                         'top' : 'both');
                     visiblePartsMerged = visiblePartX + "-" + visiblePartY;
                     if (!inView || inView !== visiblePartsMerged) {
-                        $el.data('inview', visiblePartsMerged).trigger('inview', [true, visiblePartX, visiblePartY]);
+                        $element.data('inview', visiblePartsMerged).trigger('inview', [true, visiblePartX, visiblePartY]);
                     }
                 } else if (inView) {
-                  $el.data('inview', false).trigger('inview', [false]);
+                  $element.data('inview', false).trigger('inview', [false]);
                 }
-            };
+            }
         }
     }
 

From 0eb44c3c905cf66f8e77f3cb0d5742816b6168f3 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Tue, 21 Dec 2010 22:21:18 +0100
Subject: [PATCH 14/66] Added comment explaining iOS quirks

---
 jquery.inview.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index d9ae28f..67c2100 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -100,7 +100,9 @@
     // Use setInterval in order to also make sure this captures elements within
     // "overflow:scroll" elements or elements that appeared in the dom tree due to
     // dom manipulation and reflow
-    // old:
-    // $(window).scroll(checkInView);
+    // old: $(window).scroll(checkInView);
+    //
+    // By the way, iOS (iPad, iPhone, ...) seems to not execute, or at least delays
+    // intervals while the user scrolls. Therefore the inview event might fire a bit late there
     setInterval(checkInView, 250);
 })(jQuery);

From e8c88b0b86c26ab03599ffe0e1a350a390d01e0c Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Sun, 26 Dec 2010 18:25:50 +0100
Subject: [PATCH 15/66] Example demonstrating live events

---
 example/live_event.html | 98 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 98 insertions(+)
 create mode 100644 example/live_event.html

diff --git a/example/live_event.html b/example/live_event.html
new file mode 100644
index 0000000..f273f87
--- /dev/null
+++ b/example/live_event.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<title>jquery.inview - live events</title>
+<style>
+  body {
+    font-family: Arial, Verdana, sans-serif;
+    font-size: 12px;
+  }
+  h1 {
+    font-size: 20px;
+  }
+  img {
+    border: 0;
+    padding: 1px;
+    margin: 40px;
+  }
+</style>
+<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
+<script src="../jquery.inview.js"></script>
+<script>
+  $(function() {
+    $('img[data-src]').live('inview', function(event, isVisible) {
+      if (!isVisible) { return; }
+      
+      var img = $(this);
+      
+      // Show a smooth animation
+      img.css('opacity', 0);
+      img.load(function() { img.animate({ opacity: 1 }, 500); });
+      
+      // Change src
+      img.attr('src', img.attr('data-src'));
+      
+      // Remove it from live event selector
+      img.removeAttr('data-src');
+    });
+  });
+</script>
+<h1>Flickr search results for 'lolcat'</h1>
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1395/530815732_591e117af0_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1006/533314156_5a8f3aae47_m.jpg" width="205" height="240">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/202/517143876_262ef0223c_m.jpg" width="240" height="192">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm3.static.flickr.com/2414/1800544122_cc4f9c1b86_m.jpg" width="208" height="240">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm3.static.flickr.com/2130/2534664596_59887ab28c_m.jpg" width="177" height="240">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1342/743809708_6432c78fee_m.jpg" width="223" height="240">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1064/771724890_f8fc22a89a_m.jpg" width="240" height="216">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm3.static.flickr.com/2307/1516071079_682ad620c4_m.jpg" width="180" height="240">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm4.static.flickr.com/3119/2699841820_a7ec988c10_m.jpg" width="240" height="133">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1084/650361412_e6acdf5607_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/196/491476118_4f8095b946_m.jpg" width="240" height="193">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1438/533362045_875d36bb5e_m.jpg" width="240" height="192">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/209/499409303_bfe28ec063_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm4.static.flickr.com/3195/2698016803_0f92be091f_m.jpg" width="240" height="178">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/219/456826183_a37d5a1e73_m.jpg" width="180" height="240">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm3.static.flickr.com/2016/1544134756_8f41c08a2e_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm4.static.flickr.com/3291/2541619169_30dc45d902_m.jpg" width="240" height="161">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1247/1057586225_c6fc44b7a0_m.jpg" width="66" height="240">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm3.static.flickr.com/2403/1590736702_99cdaff655_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1046/529503777_60bc65633c_m.jpg" width="240" height="240">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1074/528715033_3a6809df8b_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm3.static.flickr.com/2386/2514987207_5eac7e98af_m.jpg" width="144" height="240">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/238/517166948_5c1caac82f_m.jpg" width="240" height="192">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1132/549310317_b4b74910a4_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/230/484654574_f25e01962a_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1115/703042270_bb5662cf57_m.jpg" width="240" height="192">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/223/513554360_11ccb2b58d_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm4.static.flickr.com/3289/3019815380_74081c467d_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/167/494015278_2a010d8689_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm4.static.flickr.com/3124/2479092042_2f412133b6_m.jpg" width="199" height="240">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm3.static.flickr.com/2676/4135411790_eb1cd29a44_m.jpg" width="240" height="189">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1052/525165323_9917220b13_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1413/541521527_267b7197e8_m.jpg" width="240" height="136">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/223/476230230_05606ebd7a_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/184/497710545_351b0d53de_m.jpg" width="240" height="181">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1142/863528833_9e06871d9c_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm3.static.flickr.com/2264/2805230477_d791b064db_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1087/528722885_6448cdf9df_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm3.static.flickr.com/2034/2152841767_a1952a83cd_m.jpg" width="231" height="240">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/218/506494645_da93753bd4_m.jpg" width="240" height="103">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1212/1399164139_9919c0cafc_m.jpg" width="240" height="167">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1357/772708512_4d5356939f_m.jpg" width="240" height="136">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/206/520716722_5ba70b2eab_m.jpg" width="180" height="240">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm5.static.flickr.com/4043/4347203119_9ff7e7afed_m.jpg" width="160" height="240">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm3.static.flickr.com/2052/2281023790_75ba791fdc_m.jpg" width="240" height="70">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/230/491252713_9ff762b4c9_m.jpg" width="240" height="160">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm4.static.flickr.com/3152/2543943607_74915845f2_m.jpg" width="168" height="240">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1198/533238799_55966e63af_m.jpg" width="240" height="213">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/211/491252717_8b64f5cb65_m.jpg" width="240" height="195">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1052/1337430349_12d5e43749_m.jpg" width="181" height="240">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/224/491252705_279d00d931_m.jpg" width="240" height="160">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1019/532727518_9757868b18_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1175/1230424000_0f918092c5_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/171/491252707_0b2a3a0788_m.jpg" width="240" height="160">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm3.static.flickr.com/2602/4062546650_d472a26c4b_m.jpg" width="240" height="135">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm1.static.flickr.com/207/511871488_aa2c932578_m.jpg" width="240" height="169">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm4.static.flickr.com/3171/2638376334_a34f98f6df_m.jpg" width="240" height="166">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm4.static.flickr.com/3295/3151627503_b7e9f2b6ca_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm2.static.flickr.com/1275/644620280_25f2c0ca61_m.jpg" width="240" height="180">
+<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="http://farm4.static.flickr.com/3133/3145677692_79763f61a5_m.jpg" width="240" height="180">

From 05e9e64beffc1c83de7b730a93ebaccaca0fb26d Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Sun, 26 Dec 2010 21:09:14 +0100
Subject: [PATCH 16/66] Updated tests and documentation of test results

---
 README.textile                                |  7 ++++---
 .../{extended_example.html => advanced.html}  |  0
 test/test.js                                  | 20 +++++++++----------
 3 files changed, 14 insertions(+), 13 deletions(-)
 rename example/{extended_example.html => advanced.html} (100%)

diff --git a/README.textile b/README.textile
index 715de5a..85d4aad 100644
--- a/README.textile
+++ b/README.textile
@@ -111,9 +111,10 @@ h4. The Test Suite succeeds in the following browsers that were tested:
 * Chrome 7+
 * Opera 10+
 * IE 6+
+* Mobile Safari on iPad 4.2.2
+* Fennec 4b on Android 2.2
+* Opera Mobile 10.1b on Android 2.2
 
 h4. The Test Suite doesn't completely succeed but the demos in this repository work without problems in the following browsers:
 
-* Mobile WebKit on Android 2.2 _(7 of 19 tests fail)_
-* Fennec 4b on Android 2.2 _(3 of 19 tests fail)_
-* Mobile Safari on iPad 4.2.2 _(6 of 19 tests fail)_
\ No newline at end of file
+* Mobile WebKit on Android 2.2
\ No newline at end of file
diff --git a/example/extended_example.html b/example/advanced.html
similarity index 100%
rename from example/extended_example.html
rename to example/advanced.html
diff --git a/test/test.js b/test/test.js
index dfba469..a767e5e 100644
--- a/test/test.js
+++ b/test/test.js
@@ -178,13 +178,13 @@ test('Check visiblePartX & visiblePartY parameters #1', function() {
   stop(2000);
 
   this.element.css({
-    right: '-25px',
-    bottom: '-25px'
+    top: '-25px',
+    left: '-25px'
   }).appendTo('body');
 
   this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
-    equals(visiblePartX, 'left', 'visiblePartX has correct value');
-    equals(visiblePartY, 'top', 'visiblePartY has correct value');
+    equals(visiblePartX, 'right', 'visiblePartX has correct value');
+    equals(visiblePartY, 'bottom', 'visiblePartY has correct value');
     start();
   });
 });
@@ -195,13 +195,13 @@ test('Check visiblePartX & visiblePartY parameters #2', function() {
   stop(2000);
 
   this.element.css({
-    right: '0',
-    bottom: '-25px'
+    top: '0',
+    left: '-25px'
   }).appendTo('body');
 
   this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
-    equals(visiblePartX, 'both', 'visiblePartX has correct value');
-    equals(visiblePartY, 'top', 'visiblePartY has correct value');
+    equals(visiblePartX, 'right', 'visiblePartX has correct value');
+    equals(visiblePartY, 'both', 'visiblePartY has correct value');
     start();
   });
 });
@@ -212,8 +212,8 @@ test('Check visiblePartX & visiblePartY parameters #3', function() {
   stop(2000);
 
   this.element.css({
-    right: '0',
-    bottom: '0'
+    top: '0',
+    left: '0'
   }).appendTo('body');
 
   this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {

From 1171f0bf33be3d1a2a65827f9b3ec0fdd2324ad2 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Thu, 6 Jan 2011 19:14:11 +0100
Subject: [PATCH 17/66] Updated README: added link to demo and updated list of
 supported browsers

---
 README.textile | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/README.textile b/README.textile
index 85d4aad..05b9e01 100644
--- a/README.textile
+++ b/README.textile
@@ -5,6 +5,8 @@ Event that is fired as soon as an element appears in the user's viewport.
 *Author:* "Christopher Blum":http://twitter.com/ChristopherBlum
 *Original idea and concept by:* "Remy Sharp":http://remysharp.com/2009/01/26/element-in-view-event-plugin/
 *Forked from:* "https://github.com/zuk/jquery.inview/":https://github.com/zuk/jquery.inview/
+*Demo* (loading lolcats when they scroll into view): "http://tifftiff.de/jquery.inview/example/live_event.html":http://tifftiff.de/jquery.inview/example/live_event.html
+*Requires:* jQuery 1.4+
 
 h2. Usage
 
@@ -117,4 +119,5 @@ h4. The Test Suite succeeds in the following browsers that were tested:
 
 h4. The Test Suite doesn't completely succeed but the demos in this repository work without problems in the following browsers:
 
-* Mobile WebKit on Android 2.2
\ No newline at end of file
+* Mobile WebKit on Android 2.2
+* Mobile WebKit on Palm Pre 1
\ No newline at end of file

From 147a870412dfc1fea7328e99722c45163066fffd Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Thu, 13 Jan 2011 12:43:25 +0100
Subject: [PATCH 18/66] Added minified jquery.inview file

---
 jquery.inview.min.js | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 jquery.inview.min.js

diff --git a/jquery.inview.min.js b/jquery.inview.min.js
new file mode 100644
index 0000000..e33c038
--- /dev/null
+++ b/jquery.inview.min.js
@@ -0,0 +1,3 @@
+(function(c){function j(){var a,e={height:window.innerHeight,width:window.innerWidth};if(!e.height)if((a=document.compatMode)||!c.support.boxModel){a=a=="CSS1Compat"?document.documentElement:document.body;e={height:a.clientHeight,width:a.clientWidth}}return e}setInterval(function(){var a=[],e,g=0;c.each(c.cache,function(){if(this.events&&this.events.inview)if(this.events.live){var k=c(this.handle.elem);c.each(this.events.live,function(){a=a.concat(k.find(this.selector).toArray())})}else a.push(this.handle.elem)});
+if(e=a.length){viewportSize=j();for(viewportOffset={top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft};g<e;g++)if(c.contains(document.documentElement,a[g])){var f=c(a[g]),d={height:f.height(),width:f.width()},b=f.offset(),h=f.data("inview"),i;if(b.top+d.height>b.top&&b.top<viewportOffset.top+viewportSize.height&&b.left+d.width>viewportOffset.left&&b.left<viewportOffset.left+viewportSize.width){i=
+viewportOffset.left>b.left?"right":viewportOffset.left+viewportSize.width<b.left+d.width?"left":"both";d=viewportOffset.top>b.top?"bottom":viewportOffset.top+viewportSize.height<b.top+d.height?"top":"both";b=i+"-"+d;if(!h||h!==b)f.data("inview",b).trigger("inview",[true,i,d])}else h&&f.data("inview",false).trigger("inview",[false])}}},250)})(jQuery);
\ No newline at end of file

From 821f9df852f2ec70eb686dabe78c16fe7eabdbcc Mon Sep 17 00:00:00 2001
From: Michael Geers <michael.geers@neuland-bfi.de>
Date: Mon, 14 Feb 2011 20:40:55 +0100
Subject: [PATCH 19/66] only check visibility of inview live bindings, not of
 all adding support for elements that currently have 0px height or width

---
 jquery.inview.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 67c2100..f90280b 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -48,7 +48,9 @@
                 if (this.events.live) {
                     var context = $(this.handle.elem);
                     $.each(this.events.live, function() {
-                      elements = elements.concat(context.find(this.selector).toArray());
+                        if (this.origType === 'inview') {
+                            elements = elements.concat(context.find(this.selector).toArray());
+                        }
                     });
                 } else {
                     elements.push(this.handle.elem);
@@ -76,9 +78,9 @@
                     visiblePartY,
                     visiblePartsMerged;
 
-                if (elementOffset.top + elementSize.height > elementOffset.top &&
+                if (elementOffset.top + elementSize.height >= elementOffset.top &&
                     elementOffset.top < viewportOffset.top + viewportSize.height &&
-                    elementOffset.left + elementSize.width > viewportOffset.left &&
+                    elementOffset.left + elementSize.width >= viewportOffset.left &&
                     elementOffset.left < viewportOffset.left + viewportSize.width) {
                     visiblePartX = (viewportOffset.left > elementOffset.left ?
                         'right' : (viewportOffset.left + viewportSize.width) < (elementOffset.left + elementSize.width) ?
@@ -105,4 +107,4 @@
     // By the way, iOS (iPad, iPhone, ...) seems to not execute, or at least delays
     // intervals while the user scrolls. Therefore the inview event might fire a bit late there
     setInterval(checkInView, 250);
-})(jQuery);
+})(jQuery);
\ No newline at end of file

From f09a76c08a8b31391291c9093ad2cf57898f2e7e Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Mon, 14 Feb 2011 23:58:16 +0100
Subject: [PATCH 20/66] Updated minified version

---
 jquery.inview.min.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index e33c038..d40c10f 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1,3 +1,3 @@
-(function(c){function j(){var a,e={height:window.innerHeight,width:window.innerWidth};if(!e.height)if((a=document.compatMode)||!c.support.boxModel){a=a=="CSS1Compat"?document.documentElement:document.body;e={height:a.clientHeight,width:a.clientWidth}}return e}setInterval(function(){var a=[],e,g=0;c.each(c.cache,function(){if(this.events&&this.events.inview)if(this.events.live){var k=c(this.handle.elem);c.each(this.events.live,function(){a=a.concat(k.find(this.selector).toArray())})}else a.push(this.handle.elem)});
-if(e=a.length){viewportSize=j();for(viewportOffset={top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft};g<e;g++)if(c.contains(document.documentElement,a[g])){var f=c(a[g]),d={height:f.height(),width:f.width()},b=f.offset(),h=f.data("inview"),i;if(b.top+d.height>b.top&&b.top<viewportOffset.top+viewportSize.height&&b.left+d.width>viewportOffset.left&&b.left<viewportOffset.left+viewportSize.width){i=
+(function(c){function j(){var a,e={height:window.innerHeight,width:window.innerWidth};if(!e.height)if((a=document.compatMode)||!c.support.boxModel){a=a=="CSS1Compat"?document.documentElement:document.body;e={height:a.clientHeight,width:a.clientWidth}}return e}setInterval(function(){var a=[],e,g=0;c.each(c.cache,function(){if(this.events&&this.events.inview)if(this.events.live){var k=c(this.handle.elem);c.each(this.events.live,function(){if(this.origType==="inview")a=a.concat(k.find(this.selector).toArray())})}else a.push(this.handle.elem)});
+if(e=a.length){viewportSize=j();for(viewportOffset={top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft};g<e;g++)if(c.contains(document.documentElement,a[g])){var f=c(a[g]),d={height:f.height(),width:f.width()},b=f.offset(),h=f.data("inview"),i;if(b.top+d.height>=b.top&&b.top<viewportOffset.top+viewportSize.height&&b.left+d.width>=viewportOffset.left&&b.left<viewportOffset.left+viewportSize.width){i=
 viewportOffset.left>b.left?"right":viewportOffset.left+viewportSize.width<b.left+d.width?"left":"both";d=viewportOffset.top>b.top?"bottom":viewportOffset.top+viewportSize.height<b.top+d.height?"top":"both";b=i+"-"+d;if(!h||h!==b)f.data("inview",b).trigger("inview",[true,i,d])}else h&&f.data("inview",false).trigger("inview",[false])}}},250)})(jQuery);
\ No newline at end of file

From a5a75522a79c31a4c1101184675f943c3f699ea6 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Wed, 16 Feb 2011 21:30:19 +0100
Subject: [PATCH 21/66] jQuery 1.5 support, fixed global variable leakage,
 removed obsolete method, fixed namespaced inview events and wrote a unit test
 for it

---
 jquery.inview.js     | 35 ++++++++++++++++++++---------------
 jquery.inview.min.js |  6 +++---
 test/test.js         | 16 ++++++++++++++++
 3 files changed, 39 insertions(+), 18 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index f90280b..1c0c823 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -32,33 +32,38 @@
         };
     }
 
-    function getElementSize($element) {
-        return {
-            height: $element.height(),
-            width:  $element.width()
-        };
-    }
-
     function checkInView() {
-        var elements = [], elementsLength, i = 0;
+        var elements = [], elementsLength, i = 0, viewportSize, viewportOffset;
 
         // naughty, but this is how it knows which elements to check for
         $.each($.cache, function() {
-            if (this.events && this.events.inview) {
-                if (this.events.live) {
-                    var context = $(this.handle.elem);
-                    $.each(this.events.live, function() {
-                        if (this.origType === 'inview') {
+            var cacheObj = this,
+                events,
+                i;
+            if (!cacheObj.events) {
+                // Needed for jQuery 1.5+
+                for (i in this) {
+                    cacheObj = this[i]
+                    events = cacheObj && cacheObj.events;
+                    if (events) { break; }
+                }
+            }
+            
+            events = cacheObj && cacheObj.events;
+            if (events && events.inview) {
+                if (events.live) {
+                    var context = $(cacheObj.handle.elem);
+                    $.each(events.live, function() {
+                        if (this.origType.substr(0, 6) === 'inview') {
                             elements = elements.concat(context.find(this.selector).toArray());
                         }
                     });
                 } else {
-                    elements.push(this.handle.elem);
+                    elements.push(cacheObj.handle.elem);
                 }
             }
         });
         
-        
         elementsLength = elements.length;
         if (elementsLength) {
             viewportSize   = getViewportSize();
diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index d40c10f..7d93b4d 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1,3 +1,3 @@
-(function(c){function j(){var a,e={height:window.innerHeight,width:window.innerWidth};if(!e.height)if((a=document.compatMode)||!c.support.boxModel){a=a=="CSS1Compat"?document.documentElement:document.body;e={height:a.clientHeight,width:a.clientWidth}}return e}setInterval(function(){var a=[],e,g=0;c.each(c.cache,function(){if(this.events&&this.events.inview)if(this.events.live){var k=c(this.handle.elem);c.each(this.events.live,function(){if(this.origType==="inview")a=a.concat(k.find(this.selector).toArray())})}else a.push(this.handle.elem)});
-if(e=a.length){viewportSize=j();for(viewportOffset={top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft};g<e;g++)if(c.contains(document.documentElement,a[g])){var f=c(a[g]),d={height:f.height(),width:f.width()},b=f.offset(),h=f.data("inview"),i;if(b.top+d.height>=b.top&&b.top<viewportOffset.top+viewportSize.height&&b.left+d.width>=viewportOffset.left&&b.left<viewportOffset.left+viewportSize.width){i=
-viewportOffset.left>b.left?"right":viewportOffset.left+viewportSize.width<b.left+d.width?"left":"both";d=viewportOffset.top>b.top?"bottom":viewportOffset.top+viewportSize.height<b.top+d.height?"top":"both";b=i+"-"+d;if(!h||h!==b)f.data("inview",b).trigger("inview",[true,i,d])}else h&&f.data("inview",false).trigger("inview",[false])}}},250)})(jQuery);
\ No newline at end of file
+(function(d){function o(){var a,g={height:window.innerHeight,width:window.innerWidth};if(!g.height)if((a=document.compatMode)||!d.support.boxModel){a=a=="CSS1Compat"?document.documentElement:document.body;g={height:a.clientHeight,width:a.clientWidth}}return g}setInterval(function(){var a=[],g,k=0,i,c;d.each(d.cache,function(){var e=this,j,n;if(!e.events)for(n in this)if(j=(e=this[n])&&e.events)break;if((j=e&&e.events)&&j.inview)if(j.live){var p=d(e.handle.elem);d.each(j.live,function(){if(this.origType.substr(0,
+6)==="inview")a=a.concat(p.find(this.selector).toArray())})}else a.push(e.handle.elem)});if(g=a.length){i=o();for(c={top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft};k<g;k++)if(d.contains(document.documentElement,a[k])){var h=d(a[k]),f={height:h.height(),width:h.width()},b=h.offset(),l=h.data("inview"),m;if(b.top+f.height>=b.top&&b.top<c.top+i.height&&b.left+f.width>=c.left&&
+b.left<c.left+i.width){m=c.left>b.left?"right":c.left+i.width<b.left+f.width?"left":"both";f=c.top>b.top?"bottom":c.top+i.height<b.top+f.height?"top":"both";b=m+"-"+f;if(!l||l!==b)h.data("inview",b).trigger("inview",[true,m,f])}else l&&h.data("inview",false).trigger("inview",[false])}}},250)})(jQuery);
\ No newline at end of file
diff --git a/test/test.js b/test/test.js
index a767e5e..923b61c 100644
--- a/test/test.js
+++ b/test/test.js
@@ -257,6 +257,22 @@ test('Check "delegate" events', function() {
     start();
   });
   
+  this.element.css({
+    top: '0',
+    left: '0'
+  }).appendTo(this.container);
+});
+
+
+test('Check namespaced "delegate" events', function() {
+  expect(1);
+  stop(2000);
+  
+  this.container.delegate(".test-element", "inview.foo", function(event) {
+    ok(true, "Delegated event correctly fired");
+    start();
+  });
+  
   this.element.css({
     top: '0',
     left: '0'

From 38d4c4e783e2eea737b238b08ee118b3e6aa3f5f Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Wed, 16 Feb 2011 21:55:51 +0100
Subject: [PATCH 22/66] Smart way of running the unit tests in two jQuery
 versions with a single test run

---
 test/index.html |   9 +-
 test/test.js    | 407 ++++++++++++++++++++++++------------------------
 2 files changed, 214 insertions(+), 202 deletions(-)

diff --git a/test/index.html b/test/index.html
index c7d4920..e9c6c48 100644
--- a/test/index.html
+++ b/test/index.html
@@ -4,9 +4,16 @@
     <title>QUnit Test Suite</title>
     <meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height">
     <link rel="stylesheet" href="http://github.com/jquery/qunit/raw/master/qunit/qunit.css">
+    
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
-    <script src="http://github.com/jquery/qunit/raw/master/qunit/qunit.js"></script>
     <script src="../jquery.inview.js"></script>
+    <script>window["jQuery 1.4"] = $.noConflict(true);</script>
+    
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+    <script src="../jquery.inview.js"></script>
+    <script>window["jQuery 1.5"] = $.noConflict(true);</script>
+    
+    <script src="http://github.com/jquery/qunit/raw/master/qunit/qunit.js"></script>
     <script src="test.js"></script>
   </head>
   <body>
diff --git a/test/test.js b/test/test.js
index 923b61c..eb97ed4 100644
--- a/test/test.js
+++ b/test/test.js
@@ -1,280 +1,285 @@
-module('jquery.inview', {
-  setup: function() {
-    $(window).scrollTop(0).scrollLeft(0);
-    
-    this.size = 20000;
-    this.container = $('<div>', {
-      className: 'test-container'
-    }).appendTo("body");
-    this.element = $('<div>', {
-      html: 'testing ...',
-      className: 'test-element'
-    }).css({
-      background: '#eee',
-      width:      '50px',
-      height:     '50px',
-      position:   'absolute'
-    });
-  },
-
-  teardown: function() {
-    $(window).scrollTop(0).scrollLeft(0);
-    
-    this.container.remove();
-    this.element.remove();
-  }
-});
+window["jQuery 1.5"].each(['jQuery 1.4', 'jQuery 1.5'], function(i, version) {
+  var jQuery  = window[version],
+      $       = jQuery;
+  
+  module('jquery.inview - ' + version, {
+    setup: function() {
+      $(window).scrollTop(0).scrollLeft(0);
 
+      this.size = 20000;
+      this.container = $('<div>', {
+        className: 'test-container'
+      }).appendTo("body");
+      this.element = $('<div>', {
+        html: 'testing ...',
+        className: 'test-element'
+      }).css({
+        background: '#eee',
+        width:      '50px',
+        height:     '50px',
+        position:   'absolute'
+      });
+    },
 
-test('Check vertical scrolling', function() {
-  expect(5);
-  stop(10000);
+    teardown: function() {
+      $(window).scrollTop(0).scrollLeft(0);
 
-  var element = this.element,
-      firstCall,
-      secondCall,
-      thirdCall,
-      inView;
+      this.container.remove();
+      this.element.remove();
+    }
+  });
 
-  element.css({ left: 0, top: this.size - 50 + 'px' });
-  element.appendTo('body');
-  element.bind('inview.firstCall', function() { firstCall = true; });
 
-  setTimeout(function() {
-    $(window).scrollTop(0).scrollLeft(0);
+  test('Check vertical scrolling', function() {
+    expect(5);
+    stop(10000);
 
-    ok(!firstCall, 'inview shouldn\'t be triggered initially when the element isn\'t in the viewport');
-    element.unbind('inview.firstCall');
-    element.bind('inview.secondCall', function(event, inViewParam) {
-      secondCall = true;
-      inView = inViewParam;
-    });
+    var element = this.element,
+        firstCall,
+        secondCall,
+        thirdCall,
+        inView;
 
-    $(window).scrollTop(9999999);
+    element.css({ left: 0, top: this.size - 50 + 'px' });
+    element.appendTo('body');
+    element.bind('inview.firstCall', function() { firstCall = true; });
 
     setTimeout(function() {
+      $(window).scrollTop(0).scrollLeft(0);
 
-      ok(secondCall, 'Triggered handler after element appeared in viewport');
-      ok(inView, 'Parameter, indicating whether the element is in the viewport, is set to "true"');
-      element.unbind('inview.secondCall');
-      element.bind('inview.thirdCall', function(event, inViewParam) {
-        thirdCall = true;
+      ok(!firstCall, 'inview shouldn\'t be triggered initially when the element isn\'t in the viewport');
+      element.unbind('inview.firstCall');
+      element.bind('inview.secondCall', function(event, inViewParam) {
+        secondCall = true;
         inView = inViewParam;
       });
 
-      $(window).scrollTop(0).scrollLeft(0);
+      $(window).scrollTop(9999999);
 
       setTimeout(function() {
-        ok(thirdCall, 'Triggered handler after element disappeared in viewport');
-        strictEqual(inView, false, 'Parameter, indicating whether the element is in the viewport, is set to "false"');
-        start();
-      }, 1000);
 
-    }, 1000);
+        ok(secondCall, 'Triggered handler after element appeared in viewport');
+        ok(inView, 'Parameter, indicating whether the element is in the viewport, is set to "true"');
+        element.unbind('inview.secondCall');
+        element.bind('inview.thirdCall', function(event, inViewParam) {
+          thirdCall = true;
+          inView = inViewParam;
+        });
 
-  }, 1000);
-});
+        $(window).scrollTop(0).scrollLeft(0);
 
+        setTimeout(function() {
+          ok(thirdCall, 'Triggered handler after element disappeared in viewport');
+          strictEqual(inView, false, 'Parameter, indicating whether the element is in the viewport, is set to "false"');
+          start();
+        }, 1000);
 
-test('Check horizontal scrolling', function() {
-  expect(5);
-  stop(10000);
+      }, 1000);
 
-  var element = this.element,
-      firstCall,
-      secondCall,
-      thirdCall,
-      inView;
+    }, 1000);
+  });
 
-  element.css({ top: 0, left: this.size - 50 + 'px' });
-  element.appendTo('body');
-  element.bind('inview.firstCall', function() { firstCall = true; });
 
-  setTimeout(function() {
-    $(window).scrollTop(0).scrollLeft(0);
+  test('Check horizontal scrolling', function() {
+    expect(5);
+    stop(10000);
 
-    ok(!firstCall, 'inview shouldn\'t be triggered initially when the element isn\'t in the viewport');
-    element.unbind('inview.firstCall');
-    element.bind('inview.secondCall', function(event, inViewParam) {
-      secondCall = true;
-      inView = inViewParam;
-    });
+    var element = this.element,
+        firstCall,
+        secondCall,
+        thirdCall,
+        inView;
 
-    $(window).scrollLeft(9999999);
+    element.css({ top: 0, left: this.size - 50 + 'px' });
+    element.appendTo('body');
+    element.bind('inview.firstCall', function() { firstCall = true; });
 
     setTimeout(function() {
+      $(window).scrollTop(0).scrollLeft(0);
 
-      ok(secondCall, 'Triggered handler after element appeared in viewport');
-      ok(inView, 'Parameter, indicating whether the element is in the viewport, is set to "true"');
-      element.unbind('inview.secondCall');
-      element.bind('inview.thirdCall', function(event, inViewParam) {
-        thirdCall = true;
+      ok(!firstCall, 'inview shouldn\'t be triggered initially when the element isn\'t in the viewport');
+      element.unbind('inview.firstCall');
+      element.bind('inview.secondCall', function(event, inViewParam) {
+        secondCall = true;
         inView = inViewParam;
       });
 
-      $(window).scrollTop(0).scrollLeft(0);
+      $(window).scrollLeft(9999999);
 
       setTimeout(function() {
-        ok(thirdCall, 'Triggered handler after element disappeared in viewport');
-        strictEqual(inView, false, 'Parameter, indicating whether the element is in the viewport, is set to "false"');
-        start();
-      }, 1000);
 
-    }, 1000);
+        ok(secondCall, 'Triggered handler after element appeared in viewport');
+        ok(inView, 'Parameter, indicating whether the element is in the viewport, is set to "true"');
+        element.unbind('inview.secondCall');
+        element.bind('inview.thirdCall', function(event, inViewParam) {
+          thirdCall = true;
+          inView = inViewParam;
+        });
 
-  }, 1000);
-});
+        $(window).scrollTop(0).scrollLeft(0);
 
+        setTimeout(function() {
+          ok(thirdCall, 'Triggered handler after element disappeared in viewport');
+          strictEqual(inView, false, 'Parameter, indicating whether the element is in the viewport, is set to "false"');
+          start();
+        }, 1000);
 
-test('Move element into viewport without scrolling', function() {
-  expect(3);
-  stop(10000);
+      }, 1000);
+
+    }, 1000);
+  });
 
-  var element = this.element, calls = 0;
 
-  element
-    .css({ left: '-500px', top: 0 })
-    .appendTo('body')
-    .bind('inview', function(event) { calls++; });
+  test('Move element into viewport without scrolling', function() {
+    expect(3);
+    stop(10000);
 
-  setTimeout(function() {
+    var element = this.element, calls = 0;
 
-    equals(calls, 0, 'Callback hasn\'t been fired since the element isn\'t in the viewport');
-    element.css({ left: 0 });
+    element
+      .css({ left: '-500px', top: 0 })
+      .appendTo('body')
+      .bind('inview', function(event) { calls++; });
 
     setTimeout(function() {
 
-      equals(calls, 1, 'Callback has been fired after the element appeared in the viewport');
-      element.css({ left: '10000px' });
+      equals(calls, 0, 'Callback hasn\'t been fired since the element isn\'t in the viewport');
+      element.css({ left: 0 });
 
       setTimeout(function() {
 
-        equals(calls, 2, 'Callback has been fired after the element disappeared from viewport');
-        start();
+        equals(calls, 1, 'Callback has been fired after the element appeared in the viewport');
+        element.css({ left: '10000px' });
+
+        setTimeout(function() {
+
+          equals(calls, 2, 'Callback has been fired after the element disappeared from viewport');
+          start();
+
+        }, 1000);
 
       }, 1000);
 
     }, 1000);
+  });
 
-  }, 1000);
-});
 
+  test('Check whether element which isn\'t in the dom tree triggers the callback', function() {
+    expect(0);
+    stop(2000);
 
-test('Check whether element which isn\'t in the dom tree triggers the callback', function() {
-  expect(0);
-  stop(2000);
+    this.element.bind('inview', function(event, isInView) {
+      ok(false, 'Callback shouldn\'t be fired since the element isn\'t even in the dom tree');
+      start();
+    });
 
-  this.element.bind('inview', function(event, isInView) {
-    ok(false, 'Callback shouldn\'t be fired since the element isn\'t even in the dom tree');
-    start();
+    setTimeout(function() { start(); }, 1000);
   });
 
-  setTimeout(function() { start(); }, 1000);
-});
-
 
-test('Check visiblePartX & visiblePartY parameters #1', function() {
-  expect(2);
-  stop(2000);
+  test('Check visiblePartX & visiblePartY parameters #1', function() {
+    expect(2);
+    stop(2000);
 
-  this.element.css({
-    top: '-25px',
-    left: '-25px'
-  }).appendTo('body');
+    this.element.css({
+      top: '-25px',
+      left: '-25px'
+    }).appendTo('body');
 
-  this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
-    equals(visiblePartX, 'right', 'visiblePartX has correct value');
-    equals(visiblePartY, 'bottom', 'visiblePartY has correct value');
-    start();
+    this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
+      equals(visiblePartX, 'right', 'visiblePartX has correct value');
+      equals(visiblePartY, 'bottom', 'visiblePartY has correct value');
+      start();
+    });
   });
-});
 
 
-test('Check visiblePartX & visiblePartY parameters #2', function() {
-  expect(2);
-  stop(2000);
+  test('Check visiblePartX & visiblePartY parameters #2', function() {
+    expect(2);
+    stop(2000);
 
-  this.element.css({
-    top: '0',
-    left: '-25px'
-  }).appendTo('body');
+    this.element.css({
+      top: '0',
+      left: '-25px'
+    }).appendTo('body');
 
-  this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
-    equals(visiblePartX, 'right', 'visiblePartX has correct value');
-    equals(visiblePartY, 'both', 'visiblePartY has correct value');
-    start();
+    this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
+      equals(visiblePartX, 'right', 'visiblePartX has correct value');
+      equals(visiblePartY, 'both', 'visiblePartY has correct value');
+      start();
+    });
   });
-});
 
 
-test('Check visiblePartX & visiblePartY parameters #3', function() {
-  expect(2);
-  stop(2000);
+  test('Check visiblePartX & visiblePartY parameters #3', function() {
+    expect(2);
+    stop(2000);
 
-  this.element.css({
-    top: '0',
-    left: '0'
-  }).appendTo('body');
+    this.element.css({
+      top: '0',
+      left: '0'
+    }).appendTo('body');
 
-  this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
-    equals(visiblePartX, 'both', 'visiblePartX has correct value');
-    equals(visiblePartY, 'both', 'visiblePartY has correct value');
-    start();
+    this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
+      equals(visiblePartX, 'both', 'visiblePartX has correct value');
+      equals(visiblePartY, 'both', 'visiblePartY has correct value');
+      start();
+    });
   });
-});
 
 
-test('Check "live" events', function() {
-  expect(3);
-  stop(2000);
-  
-  var that = this,
-      elems = $("body .test-container > div.test-element");
-  elems.live("inview", function(event) {
-    elems.die("inview");
-    ok(true, "Live event correctly fired");
-    equals(event.currentTarget, that.element[0], "event.currentTarget correctly set");
-    equals(this, that.element[0], "Handler bound to target element");
-    start();
+  test('Check "live" events', function() {
+    expect(3);
+    stop(2000);
+
+    var that = this,
+        elems = $("body .test-container > div.test-element");
+    elems.live("inview", function(event) {
+      elems.die("inview");
+      ok(true, "Live event correctly fired");
+      equals(event.currentTarget, that.element[0], "event.currentTarget correctly set");
+      equals(this, that.element[0], "Handler bound to target element");
+      start();
+    });
+
+    this.element.css({
+      top: '0',
+      left: '0'
+    }).appendTo(this.container);
   });
-  
-  this.element.css({
-    top: '0',
-    left: '0'
-  }).appendTo(this.container);
-});
 
 
-test('Check "delegate" events', function() {
-  expect(3);
-  stop(2000);
-  
-  var that = this;
-  this.container.delegate(".test-element", "inview", function(event) {
-    ok(true, "Delegated event correctly fired");
-    equals(event.currentTarget, that.element[0], "event.currentTarget correctly set");
-    equals(this, that.element[0], "Handler bound to target element");
-    start();
+  test('Check "delegate" events', function() {
+    expect(3);
+    stop(2000);
+
+    var that = this;
+    this.container.delegate(".test-element", "inview", function(event) {
+      ok(true, "Delegated event correctly fired");
+      equals(event.currentTarget, that.element[0], "event.currentTarget correctly set");
+      equals(this, that.element[0], "Handler bound to target element");
+      start();
+    });
+
+    this.element.css({
+      top: '0',
+      left: '0'
+    }).appendTo(this.container);
   });
-  
-  this.element.css({
-    top: '0',
-    left: '0'
-  }).appendTo(this.container);
-});
 
 
-test('Check namespaced "delegate" events', function() {
-  expect(1);
-  stop(2000);
-  
-  this.container.delegate(".test-element", "inview.foo", function(event) {
-    ok(true, "Delegated event correctly fired");
-    start();
+  test('Check namespaced "delegate" events', function() {
+    expect(1);
+    stop(2000);
+
+    this.container.delegate(".test-element", "inview.foo", function(event) {
+      ok(true, "Delegated event correctly fired");
+      start();
+    });
+
+    this.element.css({
+      top: '0',
+      left: '0'
+    }).appendTo(this.container);
   });
-  
-  this.element.css({
-    top: '0',
-    left: '0'
-  }).appendTo(this.container);
-});
\ No newline at end of file
+});

From 15a04c8506e0a7aedf181fda0234c1465d288a44 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Wed, 16 Feb 2011 22:09:47 +0100
Subject: [PATCH 23/66] Pimped setting of a variable

---
 jquery.inview.js     | 5 ++---
 jquery.inview.min.js | 6 +++---
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 1c0c823..35b2da0 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -38,9 +38,9 @@
         // naughty, but this is how it knows which elements to check for
         $.each($.cache, function() {
             var cacheObj = this,
-                events,
+                events   = cacheObj.events,
                 i;
-            if (!cacheObj.events) {
+            if (!events) {
                 // Needed for jQuery 1.5+
                 for (i in this) {
                     cacheObj = this[i]
@@ -49,7 +49,6 @@
                 }
             }
             
-            events = cacheObj && cacheObj.events;
             if (events && events.inview) {
                 if (events.live) {
                     var context = $(cacheObj.handle.elem);
diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index 7d93b4d..f5b875a 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1,3 +1,3 @@
-(function(d){function o(){var a,g={height:window.innerHeight,width:window.innerWidth};if(!g.height)if((a=document.compatMode)||!d.support.boxModel){a=a=="CSS1Compat"?document.documentElement:document.body;g={height:a.clientHeight,width:a.clientWidth}}return g}setInterval(function(){var a=[],g,k=0,i,c;d.each(d.cache,function(){var e=this,j,n;if(!e.events)for(n in this)if(j=(e=this[n])&&e.events)break;if((j=e&&e.events)&&j.inview)if(j.live){var p=d(e.handle.elem);d.each(j.live,function(){if(this.origType.substr(0,
-6)==="inview")a=a.concat(p.find(this.selector).toArray())})}else a.push(e.handle.elem)});if(g=a.length){i=o();for(c={top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft};k<g;k++)if(d.contains(document.documentElement,a[k])){var h=d(a[k]),f={height:h.height(),width:h.width()},b=h.offset(),l=h.data("inview"),m;if(b.top+f.height>=b.top&&b.top<c.top+i.height&&b.left+f.width>=c.left&&
-b.left<c.left+i.width){m=c.left>b.left?"right":c.left+i.width<b.left+f.width?"left":"both";f=c.top>b.top?"bottom":c.top+i.height<b.top+f.height?"top":"both";b=m+"-"+f;if(!l||l!==b)h.data("inview",b).trigger("inview",[true,m,f])}else l&&h.data("inview",false).trigger("inview",[false])}}},250)})(jQuery);
\ No newline at end of file
+(function(d){function o(){var a,f={height:window.innerHeight,width:window.innerWidth};if(!f.height)if((a=document.compatMode)||!d.support.boxModel){a=a=="CSS1Compat"?document.documentElement:document.body;f={height:a.clientHeight,width:a.clientWidth}}return f}setInterval(function(){var a=[],f,k=0,i,c;d.each(d.cache,function(){var j=this,g=j.events,n;if(!g)for(n in this)if(g=(j=this[n])&&j.events)break;if(g&&g.inview)if(g.live){var p=d(j.handle.elem);d.each(g.live,function(){if(this.origType.substr(0,
+6)==="inview")a=a.concat(p.find(this.selector).toArray())})}else a.push(j.handle.elem)});if(f=a.length){i=o();for(c={top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft};k<f;k++)if(d.contains(document.documentElement,a[k])){var h=d(a[k]),e={height:h.height(),width:h.width()},b=h.offset(),l=h.data("inview"),m;if(b.top+e.height>=b.top&&b.top<c.top+i.height&&b.left+e.width>=c.left&&
+b.left<c.left+i.width){m=c.left>b.left?"right":c.left+i.width<b.left+e.width?"left":"both";e=c.top>b.top?"bottom":c.top+i.height<b.top+e.height?"top":"both";b=m+"-"+e;if(!l||l!==b)h.data("inview",b).trigger("inview",[true,m,e])}else l&&h.data("inview",false).trigger("inview",[false])}}},250)})(jQuery);
\ No newline at end of file

From cb22af2751a10efb0a0a341fac458dc00e7ff645 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Wed, 16 Feb 2011 22:22:51 +0100
Subject: [PATCH 24/66] Had a look into jQuery 1.5 source code and found a
 better way of making the inview event compatible

---
 jquery.inview.js | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 35b2da0..4bdde30 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -12,7 +12,7 @@
         if (!size.height) {
             mode = document.compatMode;
             if (mode || !$.support.boxModel) { // IE, Gecko
-                domObject = mode == 'CSS1Compat' ?
+                domObject = mode === 'CSS1Compat' ?
                     document.documentElement : // Standards
                     document.body; // Quirks
                 size = {
@@ -33,20 +33,15 @@
     }
 
     function checkInView() {
-        var elements = [], elementsLength, i = 0, viewportSize, viewportOffset;
+        var elements = [], elementsLength, i = 0, viewportSize, viewportOffset, expando = $.expando;
 
         // naughty, but this is how it knows which elements to check for
         $.each($.cache, function() {
-            var cacheObj = this,
-                events   = cacheObj.events,
-                i;
+            var cacheObj = this, events = cacheObj.events;
             if (!events) {
-                // Needed for jQuery 1.5+
-                for (i in this) {
-                    cacheObj = this[i]
-                    events = cacheObj && cacheObj.events;
-                    if (events) { break; }
-                }
+                // needed for jQuery 1.5+
+                cacheObj = this[expando];
+                events = cacheObj && cacheObj.events;
             }
             
             if (events && events.inview) {

From cd9d8836ffc977c34a8efa98aaa5b39060b09dd8 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Wed, 16 Feb 2011 22:25:12 +0100
Subject: [PATCH 25/66] Saved a var in an each loop and updated minified
 version

---
 jquery.inview.js     | 4 ++--
 jquery.inview.min.js | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 4bdde30..7d78438 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -36,8 +36,8 @@
         var elements = [], elementsLength, i = 0, viewportSize, viewportOffset, expando = $.expando;
 
         // naughty, but this is how it knows which elements to check for
-        $.each($.cache, function() {
-            var cacheObj = this, events = cacheObj.events;
+        $.each($.cache, function(i, cacheObj) {
+            var events = cacheObj.events;
             if (!events) {
                 // needed for jQuery 1.5+
                 cacheObj = this[expando];
diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index f5b875a..ad85bb7 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1,3 +1,3 @@
-(function(d){function o(){var a,f={height:window.innerHeight,width:window.innerWidth};if(!f.height)if((a=document.compatMode)||!d.support.boxModel){a=a=="CSS1Compat"?document.documentElement:document.body;f={height:a.clientHeight,width:a.clientWidth}}return f}setInterval(function(){var a=[],f,k=0,i,c;d.each(d.cache,function(){var j=this,g=j.events,n;if(!g)for(n in this)if(g=(j=this[n])&&j.events)break;if(g&&g.inview)if(g.live){var p=d(j.handle.elem);d.each(g.live,function(){if(this.origType.substr(0,
-6)==="inview")a=a.concat(p.find(this.selector).toArray())})}else a.push(j.handle.elem)});if(f=a.length){i=o();for(c={top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft};k<f;k++)if(d.contains(document.documentElement,a[k])){var h=d(a[k]),e={height:h.height(),width:h.width()},b=h.offset(),l=h.data("inview"),m;if(b.top+e.height>=b.top&&b.top<c.top+i.height&&b.left+e.width>=c.left&&
-b.left<c.left+i.width){m=c.left>b.left?"right":c.left+i.width<b.left+e.width?"left":"both";e=c.top>b.top?"bottom":c.top+i.height<b.top+e.height?"top":"both";b=m+"-"+e;if(!l||l!==b)h.data("inview",b).trigger("inview",[true,m,e])}else l&&h.data("inview",false).trigger("inview",[false])}}},250)})(jQuery);
\ No newline at end of file
+(function(c){function n(){var a,f={height:window.innerHeight,width:window.innerWidth};if(!f.height)if((a=document.compatMode)||!c.support.boxModel){a=a==="CSS1Compat"?document.documentElement:document.body;f={height:a.clientHeight,width:a.clientWidth}}return f}setInterval(function(){var a=[],f,k=0,i,d,o=c.expando;c.each(c.cache,function(q,j){var g=j.events;if(!g)g=(j=this[o])&&j.events;if(g&&g.inview)if(g.live){var p=c(j.handle.elem);c.each(g.live,function(){if(this.origType.substr(0,6)==="inview")a=
+a.concat(p.find(this.selector).toArray())})}else a.push(j.handle.elem)});if(f=a.length){i=n();for(d={top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft};k<f;k++)if(c.contains(document.documentElement,a[k])){var h=c(a[k]),e={height:h.height(),width:h.width()},b=h.offset(),l=h.data("inview"),m;if(b.top+e.height>=b.top&&b.top<d.top+i.height&&b.left+e.width>=d.left&&b.left<d.left+i.width){m=
+d.left>b.left?"right":d.left+i.width<b.left+e.width?"left":"both";e=d.top>b.top?"bottom":d.top+i.height<b.top+e.height?"top":"both";b=m+"-"+e;if(!l||l!==b)h.data("inview",b).trigger("inview",[true,m,e])}else l&&h.data("inview",false).trigger("inview",[false])}}},250)})(jQuery);
\ No newline at end of file

From 2c3da2c8b20b29186f91f47a8b39f90f5a1d2669 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Mon, 21 Feb 2011 21:38:36 +0100
Subject: [PATCH 26/66] More tests, corrected variable usage in if condition
 (partially fixes issue issue 3)

---
 jquery.inview.js     |  5 ++---
 jquery.inview.min.js |  6 +++---
 test/test.js         | 38 +++++++++++++++++++++++++++++++++++++-
 3 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 7d78438..64ea2d3 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -76,10 +76,9 @@
                     visiblePartX,
                     visiblePartY,
                     visiblePartsMerged;
-
-                if (elementOffset.top + elementSize.height >= elementOffset.top &&
+                if (elementOffset.top + elementSize.height > viewportOffset.top &&
                     elementOffset.top < viewportOffset.top + viewportSize.height &&
-                    elementOffset.left + elementSize.width >= viewportOffset.left &&
+                    elementOffset.left + elementSize.width > viewportOffset.left &&
                     elementOffset.left < viewportOffset.left + viewportSize.width) {
                     visiblePartX = (viewportOffset.left > elementOffset.left ?
                         'right' : (viewportOffset.left + viewportSize.width) < (elementOffset.left + elementSize.width) ?
diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index ad85bb7..4fb2deb 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1,3 +1,3 @@
-(function(c){function n(){var a,f={height:window.innerHeight,width:window.innerWidth};if(!f.height)if((a=document.compatMode)||!c.support.boxModel){a=a==="CSS1Compat"?document.documentElement:document.body;f={height:a.clientHeight,width:a.clientWidth}}return f}setInterval(function(){var a=[],f,k=0,i,d,o=c.expando;c.each(c.cache,function(q,j){var g=j.events;if(!g)g=(j=this[o])&&j.events;if(g&&g.inview)if(g.live){var p=c(j.handle.elem);c.each(g.live,function(){if(this.origType.substr(0,6)==="inview")a=
-a.concat(p.find(this.selector).toArray())})}else a.push(j.handle.elem)});if(f=a.length){i=n();for(d={top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft};k<f;k++)if(c.contains(document.documentElement,a[k])){var h=c(a[k]),e={height:h.height(),width:h.width()},b=h.offset(),l=h.data("inview"),m;if(b.top+e.height>=b.top&&b.top<d.top+i.height&&b.left+e.width>=d.left&&b.left<d.left+i.width){m=
-d.left>b.left?"right":d.left+i.width<b.left+e.width?"left":"both";e=d.top>b.top?"bottom":d.top+i.height<b.top+e.height?"top":"both";b=m+"-"+e;if(!l||l!==b)h.data("inview",b).trigger("inview",[true,m,e])}else l&&h.data("inview",false).trigger("inview",[false])}}},250)})(jQuery);
\ No newline at end of file
+dow.innerWidth};if(!f.height)if((a=document.compatMode)||!d.support.boxModel){a=a==="CSS1Compat"?document.documentElement:document.body;f={height:a.clientHeight,width:a.clientWidth}}return f}setInterval(function(){var a=[],f,k=0,i,c,o=d.expando;d.each(d.cache,function(q,j){var g=j.events;if(!g)g=(j=this[o])&&j.events;if(g&&g.inview)if(g.live){var p=d(j.handle.elem);d.each(g.live,function(){if(this.origType.substr(0,6)==="inview")a=
+a.concat(p.find(this.selector).toArray())})}else a.push(j.handle.elem)});if(f=a.length){i=n();for(c={top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft};k<f;k++)if(d.contains(document.documentElement,a[k])){var h=d(a[k]),e={height:h.height(),width:h.width()},b=h.offset(),l=h.data("inview"),m;if(b.top+e.height>c.top&&b.top<c.top+i.height&&b.left+e.width>c.left&&b.left<c.left+i.width){m=
+c.left>b.left?"right":c.left+i.width<b.left+e.width?"left":"both";e=c.top>b.top?"bottom":c.top+i.height<b.top+e.height?"top":"both";b=m+"-"+e;if(!l||l!==b)h.data("inview",b).trigger("inview",[true,m,e])}else l&&h.data("inview",false).trigger("inview",[false])}}},250)})(jQuery);
\ No newline at end of file
diff --git a/test/test.js b/test/test.js
index eb97ed4..208d33f 100644
--- a/test/test.js
+++ b/test/test.js
@@ -1,7 +1,7 @@
 window["jQuery 1.5"].each(['jQuery 1.4', 'jQuery 1.5'], function(i, version) {
   var jQuery  = window[version],
       $       = jQuery;
-  
+
   module('jquery.inview - ' + version, {
     setup: function() {
       $(window).scrollTop(0).scrollLeft(0);
@@ -177,6 +177,42 @@ window["jQuery 1.5"].each(['jQuery 1.4', 'jQuery 1.5'], function(i, version) {
   });
 
 
+  test('Check whether element which is on the top outside of viewport is not firing the event', function() {
+    expect(0);
+    stop(2000);
+
+    this.element.bind('inview', function(event, isInView) {
+      ok(false, 'Callback shouldn\'t be fired since the element is outside of viewport');
+      start();
+    });
+
+    this.element.css({
+      top: '-50px',
+      left: '50px'
+    }).appendTo('body');
+
+    setTimeout(function() { start(); }, 1000);
+  });
+
+
+  test('Check whether element which is on the left outside of viewport is not firing the event', function() {
+    expect(0);
+    stop(2000);
+
+    this.element.bind('inview', function(event, isInView) {
+      ok(false, 'Callback shouldn\'t be fired since the element is outside of viewport');
+      start();
+    });
+
+    this.element.css({
+      top: '50px',
+      left: '-50px'
+    }).appendTo('body');
+
+    setTimeout(function() { start(); }, 1000);
+  });
+
+
   test('Check visiblePartX & visiblePartY parameters #1', function() {
     expect(2);
     stop(2000);

From 0919f69487f648f613c14dd796dfb85550de4783 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Fri, 25 Feb 2011 00:39:02 +0100
Subject: [PATCH 27/66] Fix minified version

---
 jquery.inview.min.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index 4fb2deb..b9e66f2 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1,3 +1,3 @@
-dow.innerWidth};if(!f.height)if((a=document.compatMode)||!d.support.boxModel){a=a==="CSS1Compat"?document.documentElement:document.body;f={height:a.clientHeight,width:a.clientWidth}}return f}setInterval(function(){var a=[],f,k=0,i,c,o=d.expando;d.each(d.cache,function(q,j){var g=j.events;if(!g)g=(j=this[o])&&j.events;if(g&&g.inview)if(g.live){var p=d(j.handle.elem);d.each(g.live,function(){if(this.origType.substr(0,6)==="inview")a=
+(function(d){function n(){var a,f={height:window.innerHeight,width:window.innerWidth};if(!f.height)if((a=document.compatMode)||!d.support.boxModel){a=a==="CSS1Compat"?document.documentElement:document.body;f={height:a.clientHeight,width:a.clientWidth}}return f}setInterval(function(){var a=[],f,k=0,i,c,o=d.expando;d.each(d.cache,function(q,j){var g=j.events;if(!g)g=(j=this[o])&&j.events;if(g&&g.inview)if(g.live){var p=d(j.handle.elem);d.each(g.live,function(){if(this.origType.substr(0,6)==="inview")a=
 a.concat(p.find(this.selector).toArray())})}else a.push(j.handle.elem)});if(f=a.length){i=n();for(c={top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft};k<f;k++)if(d.contains(document.documentElement,a[k])){var h=d(a[k]),e={height:h.height(),width:h.width()},b=h.offset(),l=h.data("inview"),m;if(b.top+e.height>c.top&&b.top<c.top+i.height&&b.left+e.width>c.left&&b.left<c.left+i.width){m=
 c.left>b.left?"right":c.left+i.width<b.left+e.width?"left":"both";e=c.top>b.top?"bottom":c.top+i.height<b.top+e.height?"top":"both";b=m+"-"+e;if(!l||l!==b)h.data("inview",b).trigger("inview",[true,m,e])}else l&&h.data("inview",false).trigger("inview",[false])}}},250)})(jQuery);
\ No newline at end of file

From bae761e5901698365a09960834999d96e347c973 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Sun, 26 Jun 2011 21:26:21 +0200
Subject: [PATCH 28/66] jQuery 1.6 support + Major refactoring

---
 jquery.inview.js     | 179 +++++++++++++++++++++----------------------
 jquery.inview.min.js |   6 +-
 test/index.html      |   8 +-
 test/test.js         |  10 ++-
 4 files changed, 104 insertions(+), 99 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 64ea2d3..b2a0b5a 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -4,105 +4,104 @@
  *    - forked from http://github.com/zuk/jquery.inview/
  */
 (function ($) {
-    function getViewportSize() {
-        var mode, domObject, size = { height: window.innerHeight, width: window.innerWidth };
-
-        // if this is correct then return it. iPad has compat Mode, so will
-        // go into check clientHeight/clientWidth (which has the wrong value).
-        if (!size.height) {
-            mode = document.compatMode;
-            if (mode || !$.support.boxModel) { // IE, Gecko
-                domObject = mode === 'CSS1Compat' ?
-                    document.documentElement : // Standards
-                    document.body; // Quirks
-                size = {
-                    height: domObject.clientHeight,
-                    width:  domObject.clientWidth
-                };
-            }
-        }
-
-        return size;
+  var inviewObjects = {};
+  
+  $.event.special.inview = {
+    add: function(data) {
+      inviewObjects[data.guid] = { data: data, $element: $(this) };
+    },
+    
+    remove: function(data) {
+      try { delete inviewObjects[data.guid]; } catch(e) {}
     }
+  };
+  
+  function getViewportSize() {
+    var mode, domObject, size = { height: window.innerHeight, width: window.innerWidth };
 
-    function getViewportOffset() {
-        return {
-            top:  window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop,
-            left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft
+    // if this is correct then return it. iPad has compat Mode, so will
+    // go into check clientHeight/clientWidth (which has the wrong value).
+    if (!size.height) {
+      mode = document.compatMode;
+      if (mode || !$.support.boxModel) { // IE, Gecko
+        domObject = mode === 'CSS1Compat' ?
+          document.documentElement : // Standards
+          document.body; // Quirks
+        size = {
+          height: domObject.clientHeight,
+          width:  domObject.clientWidth
         };
+      }
     }
 
-    function checkInView() {
-        var elements = [], elementsLength, i = 0, viewportSize, viewportOffset, expando = $.expando;
+    return size;
+  }
 
-        // naughty, but this is how it knows which elements to check for
-        $.each($.cache, function(i, cacheObj) {
-            var events = cacheObj.events;
-            if (!events) {
-                // needed for jQuery 1.5+
-                cacheObj = this[expando];
-                events = cacheObj && cacheObj.events;
-            }
-            
-            if (events && events.inview) {
-                if (events.live) {
-                    var context = $(cacheObj.handle.elem);
-                    $.each(events.live, function() {
-                        if (this.origType.substr(0, 6) === 'inview') {
-                            elements = elements.concat(context.find(this.selector).toArray());
-                        }
-                    });
-                } else {
-                    elements.push(cacheObj.handle.elem);
-                }
-            }
-        });
-        
-        elementsLength = elements.length;
-        if (elementsLength) {
-            viewportSize   = getViewportSize();
-            viewportOffset = getViewportOffset();
+  function getViewportOffset() {
+    return {
+      top:  window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop,
+      left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft
+    };
+  }
 
-            for (; i<elementsLength; i++) {
-                // Ignore elements that are not in the DOM tree
-                if (!$.contains(document.documentElement, elements[i])) {
-                  continue;
-                }
+  function checkInView() {
+    var elements = [], elementsLength, i = 0, viewportSize, viewportOffset;
+    
+    $.each(inviewObjects, function(i, inviewObject) {
+      var data      = inviewObject.data,
+          $element  = inviewObject.$element;
+      if (data.selector) {
+        elements = elements.concat($element.find(data.selector).toArray());
+      } else {
+        elements.push($element[0]);
+      }
+    });
+    
+    elementsLength = elements.length;
+    if (elementsLength) {
+      viewportSize   = getViewportSize();
+      viewportOffset = getViewportOffset();
+
+      for (; i<elementsLength; i++) {
+        // Ignore elements that are not in the DOM tree
+        if (!$.contains(document.documentElement, elements[i])) {
+          continue;
+        }
 
-                var $element      = $(elements[i]),
-                    elementSize   = { height: $element.height(), width: $element.width() },
-                    elementOffset = $element.offset(),
-                    inView        = $element.data('inview'),
-                    visiblePartX,
-                    visiblePartY,
-                    visiblePartsMerged;
-                if (elementOffset.top + elementSize.height > viewportOffset.top &&
-                    elementOffset.top < viewportOffset.top + viewportSize.height &&
-                    elementOffset.left + elementSize.width > viewportOffset.left &&
-                    elementOffset.left < viewportOffset.left + viewportSize.width) {
-                    visiblePartX = (viewportOffset.left > elementOffset.left ?
-                        'right' : (viewportOffset.left + viewportSize.width) < (elementOffset.left + elementSize.width) ?
-                        'left' : 'both');
-                    visiblePartY = (viewportOffset.top > elementOffset.top ?
-                        'bottom' : (viewportOffset.top + viewportSize.height) < (elementOffset.top + elementSize.height) ?
-                        'top' : 'both');
-                    visiblePartsMerged = visiblePartX + "-" + visiblePartY;
-                    if (!inView || inView !== visiblePartsMerged) {
-                        $element.data('inview', visiblePartsMerged).trigger('inview', [true, visiblePartX, visiblePartY]);
-                    }
-                } else if (inView) {
-                  $element.data('inview', false).trigger('inview', [false]);
-                }
-            }
+        var $element      = $(elements[i]),
+            elementSize   = { height: $element.height(), width: $element.width() },
+            elementOffset = $element.offset(),
+            inView        = $element.data('inview'),
+            visiblePartX,
+            visiblePartY,
+            visiblePartsMerged;
+        if (elementOffset.top + elementSize.height > viewportOffset.top &&
+            elementOffset.top < viewportOffset.top + viewportSize.height &&
+            elementOffset.left + elementSize.width > viewportOffset.left &&
+            elementOffset.left < viewportOffset.left + viewportSize.width) {
+          visiblePartX = (viewportOffset.left > elementOffset.left ?
+            'right' : (viewportOffset.left + viewportSize.width) < (elementOffset.left + elementSize.width) ?
+            'left' : 'both');
+          visiblePartY = (viewportOffset.top > elementOffset.top ?
+            'bottom' : (viewportOffset.top + viewportSize.height) < (elementOffset.top + elementSize.height) ?
+            'top' : 'both');
+          visiblePartsMerged = visiblePartX + "-" + visiblePartY;
+          if (!inView || inView !== visiblePartsMerged) {
+            $element.data('inview', visiblePartsMerged).trigger('inview', [true, visiblePartX, visiblePartY]);
+          }
+        } else if (inView) {
+          $element.data('inview', false).trigger('inview', [false]);
         }
+      }
     }
+  }
 
-    // Use setInterval in order to also make sure this captures elements within
-    // "overflow:scroll" elements or elements that appeared in the dom tree due to
-    // dom manipulation and reflow
-    // old: $(window).scroll(checkInView);
-    //
-    // By the way, iOS (iPad, iPhone, ...) seems to not execute, or at least delays
-    // intervals while the user scrolls. Therefore the inview event might fire a bit late there
-    setInterval(checkInView, 250);
+  // Use setInterval in order to also make sure this captures elements within
+  // "overflow:scroll" elements or elements that appeared in the dom tree due to
+  // dom manipulation and reflow
+  // old: $(window).scroll(checkInView);
+  //
+  // By the way, iOS (iPad, iPhone, ...) seems to not execute, or at least delays
+  // intervals while the user scrolls. Therefore the inview event might fire a bit late there
+  setInterval(checkInView, 250);
 })(jQuery);
\ No newline at end of file
diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index b9e66f2..d81de8b 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1,3 +1,3 @@
-(function(d){function n(){var a,f={height:window.innerHeight,width:window.innerWidth};if(!f.height)if((a=document.compatMode)||!d.support.boxModel){a=a==="CSS1Compat"?document.documentElement:document.body;f={height:a.clientHeight,width:a.clientWidth}}return f}setInterval(function(){var a=[],f,k=0,i,c,o=d.expando;d.each(d.cache,function(q,j){var g=j.events;if(!g)g=(j=this[o])&&j.events;if(g&&g.inview)if(g.live){var p=d(j.handle.elem);d.each(g.live,function(){if(this.origType.substr(0,6)==="inview")a=
-a.concat(p.find(this.selector).toArray())})}else a.push(j.handle.elem)});if(f=a.length){i=n();for(c={top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft};k<f;k++)if(d.contains(document.documentElement,a[k])){var h=d(a[k]),e={height:h.height(),width:h.width()},b=h.offset(),l=h.data("inview"),m;if(b.top+e.height>c.top&&b.top<c.top+i.height&&b.left+e.width>c.left&&b.left<c.left+i.width){m=
-c.left>b.left?"right":c.left+i.width<b.left+e.width?"left":"both";e=c.top>b.top?"bottom":c.top+i.height<b.top+e.height?"top":"both";b=m+"-"+e;if(!l||l!==b)h.data("inview",b).trigger("inview",[true,m,e])}else l&&h.data("inview",false).trigger("inview",[false])}}},250)})(jQuery);
\ No newline at end of file
+(function(f){function m(){var a,d={height:window.innerHeight,width:window.innerWidth};if(!d.height&&((a=document.compatMode)||!f.support.boxModel))a=a==="CSS1Compat"?document.documentElement:document.body,d={height:a.clientHeight,width:a.clientWidth};return d}var j={};f.event.special.inview={add:function(a){j[a.guid]={data:a,$element:f(this)}},remove:function(a){try{delete j[a.guid]}catch(d){}}};setInterval(function(){var a=[],d,i=0,h,b;f.each(j,function(c,b){var d=b.data,e=b.$element;d.selector?
+a=a.concat(e.find(d.selector).toArray()):a.push(e[0])});if(d=a.length){h=m();for(b={top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft};i<d;i++)if(f.contains(document.documentElement,a[i])){var g=f(a[i]),e={height:g.height(),width:g.width()},c=g.offset(),k=g.data("inview"),l;c.top+e.height>b.top&&c.top<b.top+h.height&&c.left+e.width>b.left&&c.left<b.left+h.width?(l=b.left>c.left?
+"right":b.left+h.width<c.left+e.width?"left":"both",e=b.top>c.top?"bottom":b.top+h.height<c.top+e.height?"top":"both",c=l+"-"+e,(!k||k!==c)&&g.data("inview",c).trigger("inview",[!0,l,e])):k&&g.data("inview",!1).trigger("inview",[!1])}}},250)})(jQuery);
\ No newline at end of file
diff --git a/test/index.html b/test/index.html
index e9c6c48..2ce40ba 100644
--- a/test/index.html
+++ b/test/index.html
@@ -3,7 +3,7 @@
   <head>
     <title>QUnit Test Suite</title>
     <meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height">
-    <link rel="stylesheet" href="http://github.com/jquery/qunit/raw/master/qunit/qunit.css">
+    <link rel="stylesheet" href="http://code.jquery.com/qunit/git/qunit.css">
     
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
     <script src="../jquery.inview.js"></script>
@@ -13,7 +13,11 @@
     <script src="../jquery.inview.js"></script>
     <script>window["jQuery 1.5"] = $.noConflict(true);</script>
     
-    <script src="http://github.com/jquery/qunit/raw/master/qunit/qunit.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
+    <script src="../jquery.inview.js"></script>
+    <script>window["jQuery 1.6"] = $.noConflict(true);</script>
+    
+    <script src="http://code.jquery.com/qunit/git/qunit.js"></script>
     <script src="test.js"></script>
   </head>
   <body>
diff --git a/test/test.js b/test/test.js
index 208d33f..9e16048 100644
--- a/test/test.js
+++ b/test/test.js
@@ -1,4 +1,6 @@
-window["jQuery 1.5"].each(['jQuery 1.4', 'jQuery 1.5'], function(i, version) {
+QUnit.config.reorder = false;
+
+window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i, version) {
   var jQuery  = window[version],
       $       = jQuery;
 
@@ -8,11 +10,11 @@ window["jQuery 1.5"].each(['jQuery 1.4', 'jQuery 1.5'], function(i, version) {
 
       this.size = 20000;
       this.container = $('<div>', {
-        className: 'test-container'
+        "class": 'test-container'
       }).appendTo("body");
       this.element = $('<div>', {
         html: 'testing ...',
-        className: 'test-element'
+        "class": 'test-element'
       }).css({
         background: '#eee',
         width:      '50px',
@@ -267,7 +269,7 @@ window["jQuery 1.5"].each(['jQuery 1.4', 'jQuery 1.5'], function(i, version) {
   test('Check "live" events', function() {
     expect(3);
     stop(2000);
-
+    
     var that = this,
         elems = $("body .test-container > div.test-element");
     elems.live("inview", function(event) {

From 51d986a9cdfd7648db0bca4f28e357213a8eef39 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Mon, 27 Jun 2011 01:53:07 +0200
Subject: [PATCH 29/66] Some performance improvements inspired by comments of
 'Rafael Xavier de Souza'

---
 jquery.inview.js     | 30 +++++++++++++++++-------------
 jquery.inview.min.js |  6 +++---
 2 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index b2a0b5a..de0a5a6 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -4,7 +4,7 @@
  *    - forked from http://github.com/zuk/jquery.inview/
  */
 (function ($) {
-  var inviewObjects = {};
+  var inviewObjects = {}, viewportSize, viewportOffset, d = document, w = window, root = d.documentElement;
   
   $.event.special.inview = {
     add: function(data) {
@@ -17,16 +17,16 @@
   };
   
   function getViewportSize() {
-    var mode, domObject, size = { height: window.innerHeight, width: window.innerWidth };
+    var mode, domObject, size = { height: w.innerHeight, width: w.innerWidth };
 
     // if this is correct then return it. iPad has compat Mode, so will
     // go into check clientHeight/clientWidth (which has the wrong value).
     if (!size.height) {
-      mode = document.compatMode;
+      mode = d.compatMode;
       if (mode || !$.support.boxModel) { // IE, Gecko
         domObject = mode === 'CSS1Compat' ?
-          document.documentElement : // Standards
-          document.body; // Quirks
+          de : // Standards
+          d.body; // Quirks
         size = {
           height: domObject.clientHeight,
           width:  domObject.clientWidth
@@ -39,13 +39,16 @@
 
   function getViewportOffset() {
     return {
-      top:  window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop,
-      left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft
+      top:  w.pageYOffset || root.scrollTop || d.body.scrollTop,
+      left: w.pageXOffset || root.scrollLeft || d.body.scrollLeft
     };
   }
 
   function checkInView() {
-    var elements = [], elementsLength, i = 0, viewportSize, viewportOffset;
+    var elements = [], elementsLength, i = 0;
+    
+    viewportSize   = viewportSize   || getViewportSize();
+    viewportOffset = viewportOffset || getViewportOffset();
     
     $.each(inviewObjects, function(i, inviewObject) {
       var data      = inviewObject.data,
@@ -59,12 +62,9 @@
     
     elementsLength = elements.length;
     if (elementsLength) {
-      viewportSize   = getViewportSize();
-      viewportOffset = getViewportOffset();
-
       for (; i<elementsLength; i++) {
         // Ignore elements that are not in the DOM tree
-        if (!$.contains(document.documentElement, elements[i])) {
+        if (!$.contains(root, elements[i])) {
           continue;
         }
 
@@ -95,7 +95,11 @@
       }
     }
   }
-
+  
+  $(w).bind("scroll resize", function() {
+    viewportSize = viewportOffset = null;
+  });
+  
   // Use setInterval in order to also make sure this captures elements within
   // "overflow:scroll" elements or elements that appeared in the dom tree due to
   // dom manipulation and reflow
diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index d81de8b..59d51ba 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1,3 +1,3 @@
-(function(f){function m(){var a,d={height:window.innerHeight,width:window.innerWidth};if(!d.height&&((a=document.compatMode)||!f.support.boxModel))a=a==="CSS1Compat"?document.documentElement:document.body,d={height:a.clientHeight,width:a.clientWidth};return d}var j={};f.event.special.inview={add:function(a){j[a.guid]={data:a,$element:f(this)}},remove:function(a){try{delete j[a.guid]}catch(d){}}};setInterval(function(){var a=[],d,i=0,h,b;f.each(j,function(c,b){var d=b.data,e=b.$element;d.selector?
-a=a.concat(e.find(d.selector).toArray()):a.push(e[0])});if(d=a.length){h=m();for(b={top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft};i<d;i++)if(f.contains(document.documentElement,a[i])){var g=f(a[i]),e={height:g.height(),width:g.width()},c=g.offset(),k=g.data("inview"),l;c.top+e.height>b.top&&c.top<b.top+h.height&&c.left+e.width>b.left&&c.left<b.left+h.width?(l=b.left>c.left?
-"right":b.left+h.width<c.left+e.width?"left":"both",e=b.top>c.top?"bottom":b.top+h.height<c.top+e.height?"top":"both",c=l+"-"+e,(!k||k!==c)&&g.data("inview",c).trigger("inview",[!0,l,e])):k&&g.data("inview",!1).trigger("inview",[!1])}}},250)})(jQuery);
\ No newline at end of file
+(function(d){function p(){var a,b={height:h.innerHeight,width:h.innerWidth};if(!b.height&&((a=i.compatMode)||!d.support.boxModel))a=a==="CSS1Compat"?de:i.body,b={height:a.clientHeight,width:a.clientWidth};return b}var k={},e,b,i=document,h=window,l=i.documentElement;d.event.special.inview={add:function(a){k[a.guid]={data:a,$element:d(this)}},remove:function(a){try{delete k[a.guid]}catch(b){}}};d(h).bind("scroll resize",function(){e=b=null});setInterval(function(){var a=[],o,j=0;e=e||p();b=b||{top:h.pageYOffset||
+l.scrollTop||i.body.scrollTop,left:h.pageXOffset||l.scrollLeft||i.body.scrollLeft};d.each(k,function(b,c){var d=c.data,e=c.$element;d.selector?a=a.concat(e.find(d.selector).toArray()):a.push(e[0])});if(o=a.length)for(;j<o;j++)if(d.contains(l,a[j])){var g=d(a[j]),f={height:g.height(),width:g.width()},c=g.offset(),m=g.data("inview"),n;c.top+f.height>b.top&&c.top<b.top+e.height&&c.left+f.width>b.left&&c.left<b.left+e.width?(n=b.left>c.left?"right":b.left+e.width<c.left+f.width?"left":"both",f=b.top>
+c.top?"bottom":b.top+e.height<c.top+f.height?"top":"both",c=n+"-"+f,(!m||m!==c)&&g.data("inview",c).trigger("inview",[!0,n,f])):m&&g.data("inview",!1).trigger("inview",[!1])}},250)})(jQuery);
\ No newline at end of file

From 85fa1abdff33d2f35c34f72b85fe20b79efc832b Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Mon, 27 Jun 2011 20:50:29 +0200
Subject: [PATCH 30/66] Further performance/minification optimizations

---
 jquery.inview.js     | 30 +++++++++++++-----------------
 jquery.inview.min.js |  6 +++---
 2 files changed, 16 insertions(+), 20 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index de0a5a6..088f304 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -4,7 +4,7 @@
  *    - forked from http://github.com/zuk/jquery.inview/
  */
 (function ($) {
-  var inviewObjects = {}, viewportSize, viewportOffset, d = document, w = window, root = d.documentElement;
+  var inviewObjects = {}, viewportSize, viewportOffset, d = document, w = window, documentElement = d.documentElement;
   
   $.event.special.inview = {
     add: function(data) {
@@ -25,7 +25,7 @@
       mode = d.compatMode;
       if (mode || !$.support.boxModel) { // IE, Gecko
         domObject = mode === 'CSS1Compat' ?
-          de : // Standards
+          documentElement : // Standards
           d.body; // Quirks
         size = {
           height: domObject.clientHeight,
@@ -39,36 +39,32 @@
 
   function getViewportOffset() {
     return {
-      top:  w.pageYOffset || root.scrollTop || d.body.scrollTop,
-      left: w.pageXOffset || root.scrollLeft || d.body.scrollLeft
+      top:  w.pageYOffset || documentElement.scrollTop   || d.body.scrollTop,
+      left: w.pageXOffset || documentElement.scrollLeft  || d.body.scrollLeft
     };
   }
 
   function checkInView() {
-    var elements = [], elementsLength, i = 0;
-    
-    viewportSize   = viewportSize   || getViewportSize();
-    viewportOffset = viewportOffset || getViewportOffset();
+    var $elements = $(), elementsLength, i = 0;
     
     $.each(inviewObjects, function(i, inviewObject) {
-      var data      = inviewObject.data,
+      var selector  = inviewObject.data.selector,
           $element  = inviewObject.$element;
-      if (data.selector) {
-        elements = elements.concat($element.find(data.selector).toArray());
-      } else {
-        elements.push($element[0]);
-      }
+      $elements = $elements.add(selector ? $element.find(selector) : $element);
     });
     
-    elementsLength = elements.length;
+    elementsLength = $elements.length;
     if (elementsLength) {
+      viewportSize   = viewportSize   || getViewportSize();
+      viewportOffset = viewportOffset || getViewportOffset();
+      
       for (; i<elementsLength; i++) {
         // Ignore elements that are not in the DOM tree
-        if (!$.contains(root, elements[i])) {
+        if (!$.contains(documentElement, $elements[i])) {
           continue;
         }
 
-        var $element      = $(elements[i]),
+        var $element      = $($elements[i]),
             elementSize   = { height: $element.height(), width: $element.width() },
             elementOffset = $element.offset(),
             inView        = $element.data('inview'),
diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index 59d51ba..edfe3ea 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1,3 +1,3 @@
-(function(d){function p(){var a,b={height:h.innerHeight,width:h.innerWidth};if(!b.height&&((a=i.compatMode)||!d.support.boxModel))a=a==="CSS1Compat"?de:i.body,b={height:a.clientHeight,width:a.clientWidth};return b}var k={},e,b,i=document,h=window,l=i.documentElement;d.event.special.inview={add:function(a){k[a.guid]={data:a,$element:d(this)}},remove:function(a){try{delete k[a.guid]}catch(b){}}};d(h).bind("scroll resize",function(){e=b=null});setInterval(function(){var a=[],o,j=0;e=e||p();b=b||{top:h.pageYOffset||
-l.scrollTop||i.body.scrollTop,left:h.pageXOffset||l.scrollLeft||i.body.scrollLeft};d.each(k,function(b,c){var d=c.data,e=c.$element;d.selector?a=a.concat(e.find(d.selector).toArray()):a.push(e[0])});if(o=a.length)for(;j<o;j++)if(d.contains(l,a[j])){var g=d(a[j]),f={height:g.height(),width:g.width()},c=g.offset(),m=g.data("inview"),n;c.top+f.height>b.top&&c.top<b.top+e.height&&c.left+f.width>b.left&&c.left<b.left+e.width?(n=b.left>c.left?"right":b.left+e.width<c.left+f.width?"left":"both",f=b.top>
-c.top?"bottom":b.top+e.height<c.top+f.height?"top":"both",c=n+"-"+f,(!m||m!==c)&&g.data("inview",c).trigger("inview",[!0,n,f])):m&&g.data("inview",!1).trigger("inview",[!1])}},250)})(jQuery);
\ No newline at end of file
+(function(d){function p(){var b,a={height:h.innerHeight,width:h.innerWidth};if(!a.height&&((b=i.compatMode)||!d.support.boxModel))b=b==="CSS1Compat"?j:i.body,a={height:b.clientHeight,width:b.clientWidth};return a}var l={},e,a,i=document,h=window,j=i.documentElement;d.event.special.inview={add:function(b){l[b.guid]={data:b,$element:d(this)}},remove:function(b){try{delete l[b.guid]}catch(a){}}};d(h).bind("scroll resize",function(){e=a=null});setInterval(function(){var b=d(),o,k=0;d.each(l,function(a,
+c){var d=c.data.selector,e=c.$element;b=b.add(d?e.find(d):e)});if(o=b.length){e=e||p();for(a=a||{top:h.pageYOffset||j.scrollTop||i.body.scrollTop,left:h.pageXOffset||j.scrollLeft||i.body.scrollLeft};k<o;k++)if(d.contains(j,b[k])){var g=d(b[k]),f={height:g.height(),width:g.width()},c=g.offset(),m=g.data("inview"),n;c.top+f.height>a.top&&c.top<a.top+e.height&&c.left+f.width>a.left&&c.left<a.left+e.width?(n=a.left>c.left?"right":a.left+e.width<c.left+f.width?"left":"both",f=a.top>c.top?"bottom":a.top+
+e.height<c.top+f.height?"top":"both",c=n+"-"+f,(!m||m!==c)&&g.data("inview",c).trigger("inview",[!0,n,f])):m&&g.data("inview",!1).trigger("inview",[!1])}}},250)})(jQuery);
\ No newline at end of file

From f35321ce10534b041afde20b0f620761dc02f30a Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Thu, 30 Jun 2011 22:58:20 +0200
Subject: [PATCH 31/66] Fix binding 'inview' to multiple elements at once (thx
 @gingerbeardman)

---
 jquery.inview.js     | 23 ++++++++++++-----------
 jquery.inview.min.js |  6 +++---
 test/test.js         | 24 ++++++++++++++++++++++++
 3 files changed, 39 insertions(+), 14 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 088f304..e15b162 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -4,18 +4,19 @@
  *    - forked from http://github.com/zuk/jquery.inview/
  */
 (function ($) {
-  var inviewObjects = {}, viewportSize, viewportOffset, d = document, w = window, documentElement = d.documentElement;
-  
+  var inviewObjects = {}, viewportSize, viewportOffset,
+      d = document, w = window, documentElement = d.documentElement, expando = $.expando;
+
   $.event.special.inview = {
     add: function(data) {
-      inviewObjects[data.guid] = { data: data, $element: $(this) };
+      inviewObjects[data.guid + "-" + this[expando]] = { data: data, $element: $(this) };
     },
-    
+
     remove: function(data) {
-      try { delete inviewObjects[data.guid]; } catch(e) {}
+      try { delete inviewObjects[data.guid + "-" + this[expando]]; } catch(e) {}
     }
   };
-  
+
   function getViewportSize() {
     var mode, domObject, size = { height: w.innerHeight, width: w.innerWidth };
 
@@ -46,18 +47,18 @@
 
   function checkInView() {
     var $elements = $(), elementsLength, i = 0;
-    
+
     $.each(inviewObjects, function(i, inviewObject) {
       var selector  = inviewObject.data.selector,
           $element  = inviewObject.$element;
       $elements = $elements.add(selector ? $element.find(selector) : $element);
     });
-    
+
     elementsLength = $elements.length;
     if (elementsLength) {
       viewportSize   = viewportSize   || getViewportSize();
       viewportOffset = viewportOffset || getViewportOffset();
-      
+
       for (; i<elementsLength; i++) {
         // Ignore elements that are not in the DOM tree
         if (!$.contains(documentElement, $elements[i])) {
@@ -91,11 +92,11 @@
       }
     }
   }
-  
+
   $(w).bind("scroll resize", function() {
     viewportSize = viewportOffset = null;
   });
-  
+
   // Use setInterval in order to also make sure this captures elements within
   // "overflow:scroll" elements or elements that appeared in the dom tree due to
   // dom manipulation and reflow
diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index edfe3ea..8ae04de 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1,3 +1,3 @@
-(function(d){function p(){var b,a={height:h.innerHeight,width:h.innerWidth};if(!a.height&&((b=i.compatMode)||!d.support.boxModel))b=b==="CSS1Compat"?j:i.body,a={height:b.clientHeight,width:b.clientWidth};return a}var l={},e,a,i=document,h=window,j=i.documentElement;d.event.special.inview={add:function(b){l[b.guid]={data:b,$element:d(this)}},remove:function(b){try{delete l[b.guid]}catch(a){}}};d(h).bind("scroll resize",function(){e=a=null});setInterval(function(){var b=d(),o,k=0;d.each(l,function(a,
-c){var d=c.data.selector,e=c.$element;b=b.add(d?e.find(d):e)});if(o=b.length){e=e||p();for(a=a||{top:h.pageYOffset||j.scrollTop||i.body.scrollTop,left:h.pageXOffset||j.scrollLeft||i.body.scrollLeft};k<o;k++)if(d.contains(j,b[k])){var g=d(b[k]),f={height:g.height(),width:g.width()},c=g.offset(),m=g.data("inview"),n;c.top+f.height>a.top&&c.top<a.top+e.height&&c.left+f.width>a.left&&c.left<a.left+e.width?(n=a.left>c.left?"right":a.left+e.width<c.left+f.width?"left":"both",f=a.top>c.top?"bottom":a.top+
-e.height<c.top+f.height?"top":"both",c=n+"-"+f,(!m||m!==c)&&g.data("inview",c).trigger("inview",[!0,n,f])):m&&g.data("inview",!1).trigger("inview",[!1])}}},250)})(jQuery);
\ No newline at end of file
+(function(d){function p(){var b,a={height:h.innerHeight,width:h.innerWidth};if(!a.height&&((b=i.compatMode)||!d.support.boxModel))b=b==="CSS1Compat"?k:i.body,a={height:b.clientHeight,width:b.clientWidth};return a}var m={},e,a,i=document,h=window,k=i.documentElement,j=d.expando;d.event.special.inview={add:function(b){m[b.guid+"-"+this[j]]={data:b,$element:d(this)}},remove:function(b){try{delete m[b.guid+"-"+this[j]]}catch(a){}}};d(h).bind("scroll resize",function(){e=a=null});setInterval(function(){var b=
+d(),j,l=0;d.each(m,function(a,c){var d=c.data.selector,e=c.$element;b=b.add(d?e.find(d):e)});if(j=b.length){e=e||p();for(a=a||{top:h.pageYOffset||k.scrollTop||i.body.scrollTop,left:h.pageXOffset||k.scrollLeft||i.body.scrollLeft};l<j;l++)if(d.contains(k,b[l])){var g=d(b[l]),f={height:g.height(),width:g.width()},c=g.offset(),n=g.data("inview"),o;c.top+f.height>a.top&&c.top<a.top+e.height&&c.left+f.width>a.left&&c.left<a.left+e.width?(o=a.left>c.left?"right":a.left+e.width<c.left+f.width?"left":"both",
+f=a.top>c.top?"bottom":a.top+e.height<c.top+f.height?"top":"both",c=o+"-"+f,(!n||n!==c)&&g.data("inview",c).trigger("inview",[!0,o,f])):n&&g.data("inview",!1).trigger("inview",[!1])}}},250)})(jQuery);
\ No newline at end of file
diff --git a/test/test.js b/test/test.js
index 9e16048..b444845 100644
--- a/test/test.js
+++ b/test/test.js
@@ -12,6 +12,7 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
       this.container = $('<div>', {
         "class": 'test-container'
       }).appendTo("body");
+
       this.element = $('<div>', {
         html: 'testing ...',
         "class": 'test-element'
@@ -21,6 +22,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
         height:     '50px',
         position:   'absolute'
       });
+
+      this.element2 = this.element.clone();
     },
 
     teardown: function() {
@@ -320,4 +323,25 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
       left: '0'
     }).appendTo(this.container);
   });
+
+
+  test('Check multiple elements', function() {
+    expect(2);
+    stop(2000);
+
+    var i = 0;
+    console.log("------------");
+    this.element.add(this.element2).css({
+      top: '0',
+      left: '0'
+    }).appendTo(this.container);
+
+    $('.test-element').bind('inview', function() {
+      ok(true);
+      if (++i == 2) {
+        start();
+      }
+    });
+  });
+
 });

From e3973f44393530a27ef8a4fd6cacfca98c2cd658 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Thu, 30 Jun 2011 23:12:12 +0200
Subject: [PATCH 32/66] Removed console.log from qunit test

---
 test/test.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/test.js b/test/test.js
index b444845..601c7b7 100644
--- a/test/test.js
+++ b/test/test.js
@@ -330,7 +330,7 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
     stop(2000);
 
     var i = 0;
-    console.log("------------");
+
     this.element.add(this.element2).css({
       top: '0',
       left: '0'

From 809f17fa6fe775e09245b2a929f3c5ddfa9e220c Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Mon, 11 Jul 2011 22:59:49 +0200
Subject: [PATCH 33/66] Fix a strange Firefox 5 bug that causes a js error when
 switching between tabs

---
 jquery.inview.js     | 11 +++++++++++
 jquery.inview.min.js |  6 +++---
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index e15b162..36fabaa 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -72,6 +72,17 @@
             visiblePartX,
             visiblePartY,
             visiblePartsMerged;
+        
+        // Don't ask me why because I haven't figured out yet:
+        // viewportOffset and viewportSize are sometimes suddenly null in Firefox 5.
+        // There's no logical 
+        // Even though it sounds weird:
+        // It seems that the execution of this function is interferred by the onresize/onscroll event
+        // where viewportOffset and viewportSize are unset
+        if (!viewportOffset || !viewportSize) {
+          return;
+        }
+        
         if (elementOffset.top + elementSize.height > viewportOffset.top &&
             elementOffset.top < viewportOffset.top + viewportSize.height &&
             elementOffset.left + elementSize.width > viewportOffset.left &&
diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index 8ae04de..b2f7ee0 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1,3 +1,3 @@
-(function(d){function p(){var b,a={height:h.innerHeight,width:h.innerWidth};if(!a.height&&((b=i.compatMode)||!d.support.boxModel))b=b==="CSS1Compat"?k:i.body,a={height:b.clientHeight,width:b.clientWidth};return a}var m={},e,a,i=document,h=window,k=i.documentElement,j=d.expando;d.event.special.inview={add:function(b){m[b.guid+"-"+this[j]]={data:b,$element:d(this)}},remove:function(b){try{delete m[b.guid+"-"+this[j]]}catch(a){}}};d(h).bind("scroll resize",function(){e=a=null});setInterval(function(){var b=
-d(),j,l=0;d.each(m,function(a,c){var d=c.data.selector,e=c.$element;b=b.add(d?e.find(d):e)});if(j=b.length){e=e||p();for(a=a||{top:h.pageYOffset||k.scrollTop||i.body.scrollTop,left:h.pageXOffset||k.scrollLeft||i.body.scrollLeft};l<j;l++)if(d.contains(k,b[l])){var g=d(b[l]),f={height:g.height(),width:g.width()},c=g.offset(),n=g.data("inview"),o;c.top+f.height>a.top&&c.top<a.top+e.height&&c.left+f.width>a.left&&c.left<a.left+e.width?(o=a.left>c.left?"right":a.left+e.width<c.left+f.width?"left":"both",
-f=a.top>c.top?"bottom":a.top+e.height<c.top+f.height?"top":"both",c=o+"-"+f,(!n||n!==c)&&g.data("inview",c).trigger("inview",[!0,o,f])):n&&g.data("inview",!1).trigger("inview",[!1])}}},250)})(jQuery);
\ No newline at end of file
+(function(c){function p(){var d,a={height:h.innerHeight,width:h.innerWidth};if(!a.height&&((d=i.compatMode)||!c.support.boxModel))d=d==="CSS1Compat"?k:i.body,a={height:d.clientHeight,width:d.clientWidth};return a}var m={},e,a,i=document,h=window,k=i.documentElement,j=c.expando;c.event.special.inview={add:function(a){m[a.guid+"-"+this[j]]={data:a,$element:c(this)}},remove:function(a){try{delete m[a.guid+"-"+this[j]]}catch(c){}}};c(h).bind("scroll resize",function(){e=a=null});setInterval(function(){var d=
+c(),j,l=0;c.each(m,function(a,b){var c=b.data.selector,e=b.$element;d=d.add(c?e.find(c):e)});if(j=d.length){e=e||p();for(a=a||{top:h.pageYOffset||k.scrollTop||i.body.scrollTop,left:h.pageXOffset||k.scrollLeft||i.body.scrollLeft};l<j;l++)if(c.contains(k,d[l])){var g=c(d[l]),f={height:g.height(),width:g.width()},b=g.offset(),n=g.data("inview"),o;if(!a||!e)break;b.top+f.height>a.top&&b.top<a.top+e.height&&b.left+f.width>a.left&&b.left<a.left+e.width?(o=a.left>b.left?"right":a.left+e.width<b.left+f.width?
+"left":"both",f=a.top>b.top?"bottom":a.top+e.height<b.top+f.height?"top":"both",b=o+"-"+f,(!n||n!==b)&&g.data("inview",b).trigger("inview",[!0,o,f])):n&&g.data("inview",!1).trigger("inview",[!1])}}},250)})(jQuery);
\ No newline at end of file

From 90e95ea7c38a6fb560b3bdfd5711017aabccff6e Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Sun, 17 Jul 2011 23:36:23 +0200
Subject: [PATCH 34/66] Fix typo in comment

---
 jquery.inview.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 36fabaa..a38ab16 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -75,7 +75,6 @@
         
         // Don't ask me why because I haven't figured out yet:
         // viewportOffset and viewportSize are sometimes suddenly null in Firefox 5.
-        // There's no logical 
         // Even though it sounds weird:
         // It seems that the execution of this function is interferred by the onresize/onscroll event
         // where viewportOffset and viewportSize are unset

From 29a1c9ebb28c168f9762a49e036775dd2f291dda Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Sat, 27 Aug 2011 09:19:02 +0300
Subject: [PATCH 35/66] Fix typos in README

---
 README.textile | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.textile b/README.textile
index 05b9e01..2c36685 100644
--- a/README.textile
+++ b/README.textile
@@ -39,7 +39,7 @@ bc.. $('div').unbind('inview');
 
 p. Remember you can also bind once:
 
-bc.. $('div').one('inview' fn);
+bc.. $('div').one('inview', fn);
 
 h2. Live events
 
@@ -47,7 +47,7 @@ Yep, inview events can also be used with .live/.delegate methods.
 _Please note that this could slow down your app when the selector is too complex and/or matches a huge set of elements._
 The following code snippet only loads images when they appear in the browser's viewport.
 
-bc..  // Assuming that all images have set the _data-src_ attribute instead of the _src_ attribute
+bc..  // Assuming that all images have set the 'data-src' attribute instead of the 'src'attribute
   $("img[data-src]").live("inview", function() {
     var $this = $(this);
     $this.attr("src", $this.attr("data-src"));

From f5a2cc204a2e5787702783ad058d028ef8d62225 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Thu, 27 Oct 2011 12:25:49 +0200
Subject: [PATCH 36/66] Use asyncTest() rather than test() and include jQuery
 1.7rc1 in unit tests

---
 test/index.html |  4 ++++
 test/test.js    | 44 ++++++++++++++------------------------------
 2 files changed, 18 insertions(+), 30 deletions(-)

diff --git a/test/index.html b/test/index.html
index 2ce40ba..06fe6de 100644
--- a/test/index.html
+++ b/test/index.html
@@ -17,6 +17,10 @@
     <script src="../jquery.inview.js"></script>
     <script>window["jQuery 1.6"] = $.noConflict(true);</script>
     
+    <script src="http://code.jquery.com/jquery-1.7rc1.min.js"></script>
+    <script src="../jquery.inview.js"></script>
+    <script>window["jQuery 1.7"] = $.noConflict(true);</script>
+    
     <script src="http://code.jquery.com/qunit/git/qunit.js"></script>
     <script src="test.js"></script>
   </head>
diff --git a/test/test.js b/test/test.js
index 601c7b7..e5b7c6c 100644
--- a/test/test.js
+++ b/test/test.js
@@ -1,6 +1,4 @@
-QUnit.config.reorder = false;
-
-window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i, version) {
+window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6', 'jQuery 1.7'], function(i, version) {
   var jQuery  = window[version],
       $       = jQuery;
 
@@ -35,9 +33,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
   });
 
 
-  test('Check vertical scrolling', function() {
+  asyncTest('Check vertical scrolling', function() {
     expect(5);
-    stop(10000);
 
     var element = this.element,
         firstCall,
@@ -51,7 +48,6 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
 
     setTimeout(function() {
       $(window).scrollTop(0).scrollLeft(0);
-
       ok(!firstCall, 'inview shouldn\'t be triggered initially when the element isn\'t in the viewport');
       element.unbind('inview.firstCall');
       element.bind('inview.secondCall', function(event, inViewParam) {
@@ -85,9 +81,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
   });
 
 
-  test('Check horizontal scrolling', function() {
+  asyncTest('Check horizontal scrolling', function() {
     expect(5);
-    stop(10000);
 
     var element = this.element,
         firstCall,
@@ -135,9 +130,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
   });
 
 
-  test('Move element into viewport without scrolling', function() {
+  asyncTest('Move element into viewport without scrolling', function() {
     expect(3);
-    stop(10000);
 
     var element = this.element, calls = 0;
 
@@ -169,9 +163,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
   });
 
 
-  test('Check whether element which isn\'t in the dom tree triggers the callback', function() {
+  asyncTest('Check whether element which isn\'t in the dom tree triggers the callback', function() {
     expect(0);
-    stop(2000);
 
     this.element.bind('inview', function(event, isInView) {
       ok(false, 'Callback shouldn\'t be fired since the element isn\'t even in the dom tree');
@@ -182,9 +175,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
   });
 
 
-  test('Check whether element which is on the top outside of viewport is not firing the event', function() {
+  asyncTest('Check whether element which is on the top outside of viewport is not firing the event', function() {
     expect(0);
-    stop(2000);
 
     this.element.bind('inview', function(event, isInView) {
       ok(false, 'Callback shouldn\'t be fired since the element is outside of viewport');
@@ -200,9 +192,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
   });
 
 
-  test('Check whether element which is on the left outside of viewport is not firing the event', function() {
+  asyncTest('Check whether element which is on the left outside of viewport is not firing the event', function() {
     expect(0);
-    stop(2000);
 
     this.element.bind('inview', function(event, isInView) {
       ok(false, 'Callback shouldn\'t be fired since the element is outside of viewport');
@@ -218,9 +209,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
   });
 
 
-  test('Check visiblePartX & visiblePartY parameters #1', function() {
+  asyncTest('Check visiblePartX & visiblePartY parameters #1', function() {
     expect(2);
-    stop(2000);
 
     this.element.css({
       top: '-25px',
@@ -235,9 +225,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
   });
 
 
-  test('Check visiblePartX & visiblePartY parameters #2', function() {
+  asyncTest('Check visiblePartX & visiblePartY parameters #2', function() {
     expect(2);
-    stop(2000);
 
     this.element.css({
       top: '0',
@@ -252,9 +241,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
   });
 
 
-  test('Check visiblePartX & visiblePartY parameters #3', function() {
+  asyncTest('Check visiblePartX & visiblePartY parameters #3', function() {
     expect(2);
-    stop(2000);
 
     this.element.css({
       top: '0',
@@ -269,9 +257,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
   });
 
 
-  test('Check "live" events', function() {
+  asyncTest('Check "live" events', function() {
     expect(3);
-    stop(2000);
     
     var that = this,
         elems = $("body .test-container > div.test-element");
@@ -290,9 +277,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
   });
 
 
-  test('Check "delegate" events', function() {
+  asyncTest('Check "delegate" events', function() {
     expect(3);
-    stop(2000);
 
     var that = this;
     this.container.delegate(".test-element", "inview", function(event) {
@@ -309,9 +295,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
   });
 
 
-  test('Check namespaced "delegate" events', function() {
+  asyncTest('Check namespaced "delegate" events', function() {
     expect(1);
-    stop(2000);
 
     this.container.delegate(".test-element", "inview.foo", function(event) {
       ok(true, "Delegated event correctly fired");
@@ -325,9 +310,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6'], function(i
   });
 
 
-  test('Check multiple elements', function() {
+  asyncTest('Check multiple elements', function() {
     expect(2);
-    stop(2000);
 
     var i = 0;
 

From 64cc2120ac869d5246fb8a8e840abe821e0f9c9f Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Thu, 27 Oct 2011 12:26:57 +0200
Subject: [PATCH 37/66] Re-insert qunit reorder prevention

---
 test/test.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/test/test.js b/test/test.js
index e5b7c6c..7f70877 100644
--- a/test/test.js
+++ b/test/test.js
@@ -1,3 +1,5 @@
+QUnit.config.reorder = false;
+
 window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6', 'jQuery 1.7'], function(i, version) {
   var jQuery  = window[version],
       $       = jQuery;

From dd73e0ca755b61ea9a97b3d6713e020f5b39ff25 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@xing.com>
Date: Sun, 1 Apr 2012 22:59:51 +0200
Subject: [PATCH 38/66] Fix deprecated QUnit methods

---
 test/test.js | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/test/test.js b/test/test.js
index 7f70877..a92367c 100644
--- a/test/test.js
+++ b/test/test.js
@@ -144,17 +144,17 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6', 'jQuery 1.7
 
     setTimeout(function() {
 
-      equals(calls, 0, 'Callback hasn\'t been fired since the element isn\'t in the viewport');
+      equal(calls, 0, 'Callback hasn\'t been fired since the element isn\'t in the viewport');
       element.css({ left: 0 });
 
       setTimeout(function() {
 
-        equals(calls, 1, 'Callback has been fired after the element appeared in the viewport');
+        equal(calls, 1, 'Callback has been fired after the element appeared in the viewport');
         element.css({ left: '10000px' });
 
         setTimeout(function() {
 
-          equals(calls, 2, 'Callback has been fired after the element disappeared from viewport');
+          equal(calls, 2, 'Callback has been fired after the element disappeared from viewport');
           start();
 
         }, 1000);
@@ -220,8 +220,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6', 'jQuery 1.7
     }).appendTo('body');
 
     this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
-      equals(visiblePartX, 'right', 'visiblePartX has correct value');
-      equals(visiblePartY, 'bottom', 'visiblePartY has correct value');
+      equal(visiblePartX, 'right', 'visiblePartX has correct value');
+      equal(visiblePartY, 'bottom', 'visiblePartY has correct value');
       start();
     });
   });
@@ -236,8 +236,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6', 'jQuery 1.7
     }).appendTo('body');
 
     this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
-      equals(visiblePartX, 'right', 'visiblePartX has correct value');
-      equals(visiblePartY, 'both', 'visiblePartY has correct value');
+      equal(visiblePartX, 'right', 'visiblePartX has correct value');
+      equal(visiblePartY, 'both', 'visiblePartY has correct value');
       start();
     });
   });
@@ -252,8 +252,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6', 'jQuery 1.7
     }).appendTo('body');
 
     this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
-      equals(visiblePartX, 'both', 'visiblePartX has correct value');
-      equals(visiblePartY, 'both', 'visiblePartY has correct value');
+      equal(visiblePartX, 'both', 'visiblePartX has correct value');
+      equal(visiblePartY, 'both', 'visiblePartY has correct value');
       start();
     });
   });
@@ -267,8 +267,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6', 'jQuery 1.7
     elems.live("inview", function(event) {
       elems.die("inview");
       ok(true, "Live event correctly fired");
-      equals(event.currentTarget, that.element[0], "event.currentTarget correctly set");
-      equals(this, that.element[0], "Handler bound to target element");
+      equal(event.currentTarget, that.element[0], "event.currentTarget correctly set");
+      equal(this, that.element[0], "Handler bound to target element");
       start();
     });
 
@@ -285,8 +285,8 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6', 'jQuery 1.7
     var that = this;
     this.container.delegate(".test-element", "inview", function(event) {
       ok(true, "Delegated event correctly fired");
-      equals(event.currentTarget, that.element[0], "event.currentTarget correctly set");
-      equals(this, that.element[0], "Handler bound to target element");
+      equal(event.currentTarget, that.element[0], "event.currentTarget correctly set");
+      equal(this, that.element[0], "Handler bound to target element");
       start();
     });
 

From cb1c17ad66f34f44d082d4b6ecc9d8d95f7a0750 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Mon, 2 Apr 2012 00:03:47 +0300
Subject: [PATCH 39/66] Update LICENSE :)

---
 LICENSE | 46 +++++++++-------------------------------------
 1 file changed, 9 insertions(+), 37 deletions(-)

diff --git a/LICENSE b/LICENSE
index 1ed340e..07b7a81 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,41 +1,13 @@
-Attribution-Non-Commercial-Share Alike 2.0 UK: England & Wales
+           DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+                   Version 2, December 2004
 
-http://creativecommons.org/licenses/by-nc-sa/2.0/uk/
+Copyright (C) 2004 Sam Hocevar <sam@hocevar.net>
 
-You are free:
+Everyone is permitted to copy and distribute verbatim or modified
+copies of this license document, and changing it is allowed as long
+as the name is changed.
 
-    * to copy, distribute, display, and perform the work
-    * to make derivative works
-
-
-Under the following conditions:
-
-    * Attribution — You must give the original author credit.
-      Attribute this work:
-      Information
-      What does "Attribute this work" mean?
-      The page you came from contained embedded licensing metadata, 
-      including how the creator wishes to be attributed for re-use. 
-      You can use the HTML here to cite the work. Doing so will 
-      also include metadata on your page so that others can find the 
-      original work as well.
-
-    * Non-Commercial — You may not use this work for commercial 
-      purposes.
-    * Share Alike — If you alter, transform, or build upon this 
-      work, you may distribute the resulting work only under a 
-      licence identical to this one.
-
-With the understanding that:
-
-    * Waiver — Any of the above conditions can be waived if you get 
-      permission from the copyright holder.
-    * Other Rights — In no way are any of the following rights 
-      affected by the license:
-          o Your fair dealing or fair use rights;
-          o The author's moral rights;
-          o Rights other persons may have either in the work itself 
-            or in how the work is used, such as publicity or privacy rights.
-    * Notice — For any reuse or distribution, you must make clear to 
-      others the licence terms of this work.
+           DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+  TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
 
+ 0. You just DO WHAT THE FUCK YOU WANT TO.
\ No newline at end of file

From e6bd9029c92fddaa7e94ff6ac225cefe566a0d05 Mon Sep 17 00:00:00 2001
From: tiff <christopher.blum@spellboy.com>
Date: Mon, 3 Sep 2012 11:53:36 +0200
Subject: [PATCH 40/66] Add jquery 1.8 to unit tests

---
 test/index.html | 6 +++++-
 test/test.js    | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/test/index.html b/test/index.html
index 06fe6de..35040b7 100644
--- a/test/index.html
+++ b/test/index.html
@@ -17,10 +17,14 @@
     <script src="../jquery.inview.js"></script>
     <script>window["jQuery 1.6"] = $.noConflict(true);</script>
     
-    <script src="http://code.jquery.com/jquery-1.7rc1.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
     <script src="../jquery.inview.js"></script>
     <script>window["jQuery 1.7"] = $.noConflict(true);</script>
     
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
+    <script src="../jquery.inview.js"></script>
+    <script>window["jQuery 1.8"] = $.noConflict(true);</script>
+    
     <script src="http://code.jquery.com/qunit/git/qunit.js"></script>
     <script src="test.js"></script>
   </head>
diff --git a/test/test.js b/test/test.js
index a92367c..5db3e63 100644
--- a/test/test.js
+++ b/test/test.js
@@ -1,6 +1,6 @@
 QUnit.config.reorder = false;
 
-window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6', 'jQuery 1.7'], function(i, version) {
+window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6', 'jQuery 1.7', 'jQuery 1.8'], function(i, version) {
   var jQuery  = window[version],
       $       = jQuery;
 

From c6d00311f8aa5a8f77b6b74b22cb3da50b1d5cd3 Mon Sep 17 00:00:00 2001
From: tiff <christopher.blum@spellboy.com>
Date: Tue, 4 Sep 2012 15:05:18 +0200
Subject: [PATCH 41/66] Add charset and ua-compatible meta tag to unit test
 suite

---
 test/index.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/test/index.html b/test/index.html
index 35040b7..16c5528 100644
--- a/test/index.html
+++ b/test/index.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
+    <meta charset="utf-8">
     <title>QUnit Test Suite</title>
     <meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height">
     <link rel="stylesheet" href="http://code.jquery.com/qunit/git/qunit.css">

From f5300d620919c076aa1695d42818047e09faf881 Mon Sep 17 00:00:00 2001
From: tiff <christopher.blum@spellboy.com>
Date: Tue, 30 Oct 2012 16:53:55 +0100
Subject: [PATCH 42/66] Handle 'focus-scrolls' in IE < 9

---
 jquery.inview.js     |  7 +++++++
 jquery.inview.min.js |  6 +++---
 test/test.js         | 23 +++++++++++++++++++++++
 3 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index a38ab16..6612b89 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -106,6 +106,13 @@
   $(w).bind("scroll resize", function() {
     viewportSize = viewportOffset = null;
   });
+  
+  // IE < 9 scrolls to focused elements without firing the "scroll" event
+  if (!documentElement.addEventListener && documentElement.attachEvent) {
+    documentElement.attachEvent("onfocusin", function() {
+      viewportOffset = null;
+    });
+  }
 
   // Use setInterval in order to also make sure this captures elements within
   // "overflow:scroll" elements or elements that appeared in the dom tree due to
diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index b2f7ee0..8102edc 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1,3 +1,3 @@
-(function(c){function p(){var d,a={height:h.innerHeight,width:h.innerWidth};if(!a.height&&((d=i.compatMode)||!c.support.boxModel))d=d==="CSS1Compat"?k:i.body,a={height:d.clientHeight,width:d.clientWidth};return a}var m={},e,a,i=document,h=window,k=i.documentElement,j=c.expando;c.event.special.inview={add:function(a){m[a.guid+"-"+this[j]]={data:a,$element:c(this)}},remove:function(a){try{delete m[a.guid+"-"+this[j]]}catch(c){}}};c(h).bind("scroll resize",function(){e=a=null});setInterval(function(){var d=
-c(),j,l=0;c.each(m,function(a,b){var c=b.data.selector,e=b.$element;d=d.add(c?e.find(c):e)});if(j=d.length){e=e||p();for(a=a||{top:h.pageYOffset||k.scrollTop||i.body.scrollTop,left:h.pageXOffset||k.scrollLeft||i.body.scrollLeft};l<j;l++)if(c.contains(k,d[l])){var g=c(d[l]),f={height:g.height(),width:g.width()},b=g.offset(),n=g.data("inview"),o;if(!a||!e)break;b.top+f.height>a.top&&b.top<a.top+e.height&&b.left+f.width>a.left&&b.left<a.left+e.width?(o=a.left>b.left?"right":a.left+e.width<b.left+f.width?
-"left":"both",f=a.top>b.top?"bottom":a.top+e.height<b.top+f.height?"top":"both",b=o+"-"+f,(!n||n!==b)&&g.data("inview",b).trigger("inview",[!0,o,f])):n&&g.data("inview",!1).trigger("inview",[!1])}}},250)})(jQuery);
\ No newline at end of file
+(function(d){var p={},e,a,h=document,i=window,f=h.documentElement,j=d.expando;d.event.special.inview={add:function(a){p[a.guid+"-"+this[j]]={data:a,$element:d(this)}},remove:function(a){try{delete p[a.guid+"-"+this[j]]}catch(d){}}};d(i).bind("scroll resize",function(){e=a=null});!f.addEventListener&&f.attachEvent&&f.attachEvent("onfocusin",function(){a=null});setInterval(function(){var k=d(),j,n=0;d.each(p,function(a,b){var c=b.data.selector,d=b.$element;k=k.add(c?d.find(c):d)});if(j=k.length){var b;
+if(!(b=e)){var g={height:i.innerHeight,width:i.innerWidth};if(!g.height&&((b=h.compatMode)||!d.support.boxModel))b="CSS1Compat"===b?f:h.body,g={height:b.clientHeight,width:b.clientWidth};b=g}e=b;for(a=a||{top:i.pageYOffset||f.scrollTop||h.body.scrollTop,left:i.pageXOffset||f.scrollLeft||h.body.scrollLeft};n<j;n++)if(d.contains(f,k[n])){b=d(k[n]);var l=b.height(),m=b.width(),c=b.offset(),g=b.data("inview");if(!a||!e)break;c.top+l>a.top&&c.top<a.top+e.height&&c.left+m>a.left&&c.left<a.left+e.width?
+(m=a.left>c.left?"right":a.left+e.width<c.left+m?"left":"both",l=a.top>c.top?"bottom":a.top+e.height<c.top+l?"top":"both",c=m+"-"+l,(!g||g!==c)&&b.data("inview",c).trigger("inview",[!0,m,l])):g&&b.data("inview",!1).trigger("inview",[!1])}}},250)})(jQuery);
\ No newline at end of file
diff --git a/test/test.js b/test/test.js
index 5db3e63..598034d 100644
--- a/test/test.js
+++ b/test/test.js
@@ -329,5 +329,28 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6', 'jQuery 1.7
       }
     });
   });
+  
+  if (!("ontouchstart" in window)) {
+    asyncTest('Scroll to element via focus()', function() {
+      // This test will fail on iOS
+
+      expect(1);
+
+      var $input = $("<input>").css({
+        position: "absolute",
+        top: "7000px",
+        left: "5000px"
+      }).appendTo(this.container);
+
+      $input.bind('inview', function() {
+        ok(true);
+        $input.remove();
+        start();
+      });
 
+      setTimeout(function() {
+        $input.focus();
+      }, 1000);
+    });
+  }
 });

From 440a81af07b47184b2876a1e0ffbcb8c33b3df9e Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Wed, 28 Nov 2012 09:07:42 +0100
Subject: [PATCH 43/66] Handle invisible (display: none;) elements

---
 example/{simple_example.html => simple.html} |  0
 jquery.inview.js                             |  6 +++--
 jquery.inview.min.js                         |  6 ++---
 test/test.js                                 | 23 ++++++++++++++++++++
 4 files changed, 30 insertions(+), 5 deletions(-)
 rename example/{simple_example.html => simple.html} (100%)

diff --git a/example/simple_example.html b/example/simple.html
similarity index 100%
rename from example/simple_example.html
rename to example/simple.html
diff --git a/jquery.inview.js b/jquery.inview.js
index 6612b89..f611860 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -65,7 +65,8 @@
           continue;
         }
 
-        var $element      = $($elements[i]),
+        var element       = $elements[i],
+            $element      = $(element),
             elementSize   = { height: $element.height(), width: $element.width() },
             elementOffset = $element.offset(),
             inView        = $element.data('inview'),
@@ -82,7 +83,8 @@
           return;
         }
         
-        if (elementOffset.top + elementSize.height > viewportOffset.top &&
+        if (element.offsetWidth > 0 && element.offsetHeight > 0 && element.style.display != "none" &&
+            elementOffset.top + elementSize.height > viewportOffset.top &&
             elementOffset.top < viewportOffset.top + viewportSize.height &&
             elementOffset.left + elementSize.width > viewportOffset.left &&
             elementOffset.left < viewportOffset.left + viewportSize.width) {
diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index 8102edc..bca75ef 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1,3 +1,3 @@
-(function(d){var p={},e,a,h=document,i=window,f=h.documentElement,j=d.expando;d.event.special.inview={add:function(a){p[a.guid+"-"+this[j]]={data:a,$element:d(this)}},remove:function(a){try{delete p[a.guid+"-"+this[j]]}catch(d){}}};d(i).bind("scroll resize",function(){e=a=null});!f.addEventListener&&f.attachEvent&&f.attachEvent("onfocusin",function(){a=null});setInterval(function(){var k=d(),j,n=0;d.each(p,function(a,b){var c=b.data.selector,d=b.$element;k=k.add(c?d.find(c):d)});if(j=k.length){var b;
-if(!(b=e)){var g={height:i.innerHeight,width:i.innerWidth};if(!g.height&&((b=h.compatMode)||!d.support.boxModel))b="CSS1Compat"===b?f:h.body,g={height:b.clientHeight,width:b.clientWidth};b=g}e=b;for(a=a||{top:i.pageYOffset||f.scrollTop||h.body.scrollTop,left:i.pageXOffset||f.scrollLeft||h.body.scrollLeft};n<j;n++)if(d.contains(f,k[n])){b=d(k[n]);var l=b.height(),m=b.width(),c=b.offset(),g=b.data("inview");if(!a||!e)break;c.top+l>a.top&&c.top<a.top+e.height&&c.left+m>a.left&&c.left<a.left+e.width?
-(m=a.left>c.left?"right":a.left+e.width<c.left+m?"left":"both",l=a.top>c.top?"bottom":a.top+e.height<c.top+l?"top":"both",c=m+"-"+l,(!g||g!==c)&&b.data("inview",c).trigger("inview",[!0,m,l])):g&&b.data("inview",!1).trigger("inview",[!1])}}},250)})(jQuery);
\ No newline at end of file
+(function(d){var p={},e,a,i=document,j=window,f=i.documentElement,k=d.expando;d.event.special.inview={add:function(a){p[a.guid+"-"+this[k]]={data:a,$element:d(this)}},remove:function(a){try{delete p[a.guid+"-"+this[k]]}catch(d){}}};d(j).bind("scroll resize",function(){e=a=null});!f.addEventListener&&f.attachEvent&&f.attachEvent("onfocusin",function(){a=null});setInterval(function(){var l=d(),k,n=0;d.each(p,function(a,b){var c=b.data.selector,d=b.$element;l=l.add(c?d.find(c):d)});if(k=l.length){var b;
+if(!(b=e)){var g={height:j.innerHeight,width:j.innerWidth};if(!g.height&&((b=i.compatMode)||!d.support.boxModel))b="CSS1Compat"===b?f:i.body,g={height:b.clientHeight,width:b.clientWidth};b=g}e=b;for(a=a||{top:j.pageYOffset||f.scrollTop||i.body.scrollTop,left:j.pageXOffset||f.scrollLeft||i.body.scrollLeft};n<k;n++)if(d.contains(f,l[n])){var h=l[n];b=d(h);var m=b.height(),q=b.width(),c=b.offset(),g=b.data("inview");if(!a||!e)break;0<h.offsetWidth&&0<h.offsetHeight&&"none"!=h.style.display&&c.top+m>
+a.top&&c.top<a.top+e.height&&c.left+q>a.left&&c.left<a.left+e.width?(h=a.left>c.left?"right":a.left+e.width<c.left+q?"left":"both",m=a.top>c.top?"bottom":a.top+e.height<c.top+m?"top":"both",c=h+"-"+m,(!g||g!==c)&&b.data("inview",c).trigger("inview",[!0,h,m])):g&&b.data("inview",!1).trigger("inview",[!1])}}},250)})(jQuery);
\ No newline at end of file
diff --git a/test/test.js b/test/test.js
index 598034d..92887a2 100644
--- a/test/test.js
+++ b/test/test.js
@@ -312,6 +312,29 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6', 'jQuery 1.7
   });
 
 
+  asyncTest('Check hidden element', function() {
+    var that = this;
+    
+    expect(1);
+    
+    this.hiddenElement = $("<span>", { text: "foo" });
+    this.hiddenElement.hide();
+    this.hiddenElement.bind("inview", function() {
+      ok(false, "display: none; should not trigger inview event");
+    });
+    this.hiddenElement.prependTo("body");
+    
+    setTimeout(function() {
+      that.hiddenElement.unbind("inview");
+      that.hiddenElement.bind("inview", function() {
+        ok(true, "display: block; should trigger inview event");
+        that.hiddenElement.remove();
+        start();
+      });
+      that.hiddenElement.show();
+    }, 1000);
+  });
+
   asyncTest('Check multiple elements', function() {
     expect(2);
 

From 8ba57f432787ad43317507902a4ec410f8a38237 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Wed, 16 Jan 2013 13:03:29 +0100
Subject: [PATCH 44/66] Revert "Handle invisible (display: none;) elements"

This reverts commit 440a81af07b47184b2876a1e0ffbcb8c33b3df9e.
---
 example/{simple.html => simple_example.html} |  0
 jquery.inview.js                             |  6 ++---
 jquery.inview.min.js                         |  6 ++---
 test/test.js                                 | 23 --------------------
 4 files changed, 5 insertions(+), 30 deletions(-)
 rename example/{simple.html => simple_example.html} (100%)

diff --git a/example/simple.html b/example/simple_example.html
similarity index 100%
rename from example/simple.html
rename to example/simple_example.html
diff --git a/jquery.inview.js b/jquery.inview.js
index f611860..6612b89 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -65,8 +65,7 @@
           continue;
         }
 
-        var element       = $elements[i],
-            $element      = $(element),
+        var $element      = $($elements[i]),
             elementSize   = { height: $element.height(), width: $element.width() },
             elementOffset = $element.offset(),
             inView        = $element.data('inview'),
@@ -83,8 +82,7 @@
           return;
         }
         
-        if (element.offsetWidth > 0 && element.offsetHeight > 0 && element.style.display != "none" &&
-            elementOffset.top + elementSize.height > viewportOffset.top &&
+        if (elementOffset.top + elementSize.height > viewportOffset.top &&
             elementOffset.top < viewportOffset.top + viewportSize.height &&
             elementOffset.left + elementSize.width > viewportOffset.left &&
             elementOffset.left < viewportOffset.left + viewportSize.width) {
diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index bca75ef..8102edc 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1,3 +1,3 @@
-(function(d){var p={},e,a,i=document,j=window,f=i.documentElement,k=d.expando;d.event.special.inview={add:function(a){p[a.guid+"-"+this[k]]={data:a,$element:d(this)}},remove:function(a){try{delete p[a.guid+"-"+this[k]]}catch(d){}}};d(j).bind("scroll resize",function(){e=a=null});!f.addEventListener&&f.attachEvent&&f.attachEvent("onfocusin",function(){a=null});setInterval(function(){var l=d(),k,n=0;d.each(p,function(a,b){var c=b.data.selector,d=b.$element;l=l.add(c?d.find(c):d)});if(k=l.length){var b;
-if(!(b=e)){var g={height:j.innerHeight,width:j.innerWidth};if(!g.height&&((b=i.compatMode)||!d.support.boxModel))b="CSS1Compat"===b?f:i.body,g={height:b.clientHeight,width:b.clientWidth};b=g}e=b;for(a=a||{top:j.pageYOffset||f.scrollTop||i.body.scrollTop,left:j.pageXOffset||f.scrollLeft||i.body.scrollLeft};n<k;n++)if(d.contains(f,l[n])){var h=l[n];b=d(h);var m=b.height(),q=b.width(),c=b.offset(),g=b.data("inview");if(!a||!e)break;0<h.offsetWidth&&0<h.offsetHeight&&"none"!=h.style.display&&c.top+m>
-a.top&&c.top<a.top+e.height&&c.left+q>a.left&&c.left<a.left+e.width?(h=a.left>c.left?"right":a.left+e.width<c.left+q?"left":"both",m=a.top>c.top?"bottom":a.top+e.height<c.top+m?"top":"both",c=h+"-"+m,(!g||g!==c)&&b.data("inview",c).trigger("inview",[!0,h,m])):g&&b.data("inview",!1).trigger("inview",[!1])}}},250)})(jQuery);
\ No newline at end of file
+(function(d){var p={},e,a,h=document,i=window,f=h.documentElement,j=d.expando;d.event.special.inview={add:function(a){p[a.guid+"-"+this[j]]={data:a,$element:d(this)}},remove:function(a){try{delete p[a.guid+"-"+this[j]]}catch(d){}}};d(i).bind("scroll resize",function(){e=a=null});!f.addEventListener&&f.attachEvent&&f.attachEvent("onfocusin",function(){a=null});setInterval(function(){var k=d(),j,n=0;d.each(p,function(a,b){var c=b.data.selector,d=b.$element;k=k.add(c?d.find(c):d)});if(j=k.length){var b;
+if(!(b=e)){var g={height:i.innerHeight,width:i.innerWidth};if(!g.height&&((b=h.compatMode)||!d.support.boxModel))b="CSS1Compat"===b?f:h.body,g={height:b.clientHeight,width:b.clientWidth};b=g}e=b;for(a=a||{top:i.pageYOffset||f.scrollTop||h.body.scrollTop,left:i.pageXOffset||f.scrollLeft||h.body.scrollLeft};n<j;n++)if(d.contains(f,k[n])){b=d(k[n]);var l=b.height(),m=b.width(),c=b.offset(),g=b.data("inview");if(!a||!e)break;c.top+l>a.top&&c.top<a.top+e.height&&c.left+m>a.left&&c.left<a.left+e.width?
+(m=a.left>c.left?"right":a.left+e.width<c.left+m?"left":"both",l=a.top>c.top?"bottom":a.top+e.height<c.top+l?"top":"both",c=m+"-"+l,(!g||g!==c)&&b.data("inview",c).trigger("inview",[!0,m,l])):g&&b.data("inview",!1).trigger("inview",[!1])}}},250)})(jQuery);
\ No newline at end of file
diff --git a/test/test.js b/test/test.js
index 92887a2..598034d 100644
--- a/test/test.js
+++ b/test/test.js
@@ -312,29 +312,6 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6', 'jQuery 1.7
   });
 
 
-  asyncTest('Check hidden element', function() {
-    var that = this;
-    
-    expect(1);
-    
-    this.hiddenElement = $("<span>", { text: "foo" });
-    this.hiddenElement.hide();
-    this.hiddenElement.bind("inview", function() {
-      ok(false, "display: none; should not trigger inview event");
-    });
-    this.hiddenElement.prependTo("body");
-    
-    setTimeout(function() {
-      that.hiddenElement.unbind("inview");
-      that.hiddenElement.bind("inview", function() {
-        ok(true, "display: block; should trigger inview event");
-        that.hiddenElement.remove();
-        start();
-      });
-      that.hiddenElement.show();
-    }, 1000);
-  });
-
   asyncTest('Check multiple elements', function() {
     expect(2);
 

From d17d731568bd29305a9ae93323d37d414caacb16 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Wed, 16 Jan 2013 13:10:59 +0100
Subject: [PATCH 45/66] Make tests pass in jQuery 1.9

---
 test/index.html | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/test/index.html b/test/index.html
index 16c5528..58f5689 100644
--- a/test/index.html
+++ b/test/index.html
@@ -27,6 +27,10 @@
     <script src="../jquery.inview.js"></script>
     <script>window["jQuery 1.8"] = $.noConflict(true);</script>
     
+    <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
+    <script src="../jquery.inview.js"></script>
+    <script>window["jQuery 1.9"] = $.noConflict(true);</script>
+    
     <script src="http://code.jquery.com/qunit/git/qunit.js"></script>
     <script src="test.js"></script>
   </head>

From a947eccddc1013f908822275dbba23f4f17a7377 Mon Sep 17 00:00:00 2001
From: Joby Rudolph <jerudolph@gmail.com>
Date: Fri, 15 Nov 2013 11:01:56 -0700
Subject: [PATCH 46/66] =?UTF-8?q?Make=20the=20setInterval=20call=20conditi?=
 =?UTF-8?q?onal=20based=20on=20whether=20any=20elements=20are=20actually?=
 =?UTF-8?q?=20listening=20to=20for=20the=20=E2=80=98invew=E2=80=99=20event?=
 =?UTF-8?q?.=20Clear=20the=20interval=20if=20all=20elements=20are=20remove?=
 =?UTF-8?q?d.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jquery.inview.js | 31 +++++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 6612b89..b2c29c1 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -5,15 +5,35 @@
  */
 (function ($) {
   var inviewObjects = {}, viewportSize, viewportOffset,
-      d = document, w = window, documentElement = d.documentElement, expando = $.expando;
+      d = document, w = window, documentElement = d.documentElement, expando = $.expando, timer;
 
   $.event.special.inview = {
     add: function(data) {
       inviewObjects[data.guid + "-" + this[expando]] = { data: data, $element: $(this) };
+
+      // Use setInterval in order to also make sure this captures elements within
+      // "overflow:scroll" elements or elements that appeared in the dom tree due to
+      // dom manipulation and reflow
+      // old: $(window).scroll(checkInView);
+      //
+      // By the way, iOS (iPad, iPhone, ...) seems to not execute, or at least delays
+      // intervals while the user scrolls. Therefore the inview event might fire a bit late there
+      // 
+      // Don't waste cycles with an interval until we get at least one element that
+      // has bound to the inview event.  
+      if (!timer && !$.isEmptyObject(inviewObjects)) {
+         timer = setInterval(checkInView, 250);
+      }
     },
 
     remove: function(data) {
       try { delete inviewObjects[data.guid + "-" + this[expando]]; } catch(e) {}
+
+      // Clear interval when we no longer have any elements listening
+      if ($.isEmptyObject(inviewObjects)) {
+         clearInterval(timer);
+         timer = null;
+      }
     }
   };
 
@@ -113,13 +133,4 @@
       viewportOffset = null;
     });
   }
-
-  // Use setInterval in order to also make sure this captures elements within
-  // "overflow:scroll" elements or elements that appeared in the dom tree due to
-  // dom manipulation and reflow
-  // old: $(window).scroll(checkInView);
-  //
-  // By the way, iOS (iPad, iPhone, ...) seems to not execute, or at least delays
-  // intervals while the user scrolls. Therefore the inview event might fire a bit late there
-  setInterval(checkInView, 250);
 })(jQuery);
\ No newline at end of file

From 7d3ddcee301ef3f2f5c5946aa8152e21045fbed3 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Sat, 15 Mar 2014 15:00:13 +0100
Subject: [PATCH 47/66] Add bower.json

---
 bower.json | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 bower.json

diff --git a/bower.json b/bower.json
new file mode 100644
index 0000000..82bd611
--- /dev/null
+++ b/bower.json
@@ -0,0 +1,6 @@
+{
+  "name": "protonet/jquery.inview",
+  "version": "1.0.0",
+  "main": "jquery.inview.js",
+  "description": "jQuery event that is fired as soon as an element appears in the user's viewport."
+}
\ No newline at end of file

From ba716839c2643ae961416d135fead41cab9ed517 Mon Sep 17 00:00:00 2001
From: Sho Sawada <shao@thebitcellar.com>
Date: Thu, 10 Jul 2014 21:48:36 +0900
Subject: [PATCH 48/66] add jQuery Mobile compatibility

---
 jquery.inview.js     | 4 ++--
 jquery.inview.min.js | 4 +---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index b2c29c1..49dd2ba 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -123,7 +123,7 @@
     }
   }
 
-  $(w).bind("scroll resize", function() {
+  $(w).bind("scroll resize scrollstop", function() {
     viewportSize = viewportOffset = null;
   });
   
@@ -133,4 +133,4 @@
       viewportOffset = null;
     });
   }
-})(jQuery);
\ No newline at end of file
+})(jQuery);
diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index 8102edc..a6966ff 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1,3 +1 @@
-(function(d){var p={},e,a,h=document,i=window,f=h.documentElement,j=d.expando;d.event.special.inview={add:function(a){p[a.guid+"-"+this[j]]={data:a,$element:d(this)}},remove:function(a){try{delete p[a.guid+"-"+this[j]]}catch(d){}}};d(i).bind("scroll resize",function(){e=a=null});!f.addEventListener&&f.attachEvent&&f.attachEvent("onfocusin",function(){a=null});setInterval(function(){var k=d(),j,n=0;d.each(p,function(a,b){var c=b.data.selector,d=b.$element;k=k.add(c?d.find(c):d)});if(j=k.length){var b;
-if(!(b=e)){var g={height:i.innerHeight,width:i.innerWidth};if(!g.height&&((b=h.compatMode)||!d.support.boxModel))b="CSS1Compat"===b?f:h.body,g={height:b.clientHeight,width:b.clientWidth};b=g}e=b;for(a=a||{top:i.pageYOffset||f.scrollTop||h.body.scrollTop,left:i.pageXOffset||f.scrollLeft||h.body.scrollLeft};n<j;n++)if(d.contains(f,k[n])){b=d(k[n]);var l=b.height(),m=b.width(),c=b.offset(),g=b.data("inview");if(!a||!e)break;c.top+l>a.top&&c.top<a.top+e.height&&c.left+m>a.left&&c.left<a.left+e.width?
-(m=a.left>c.left?"right":a.left+e.width<c.left+m?"left":"both",l=a.top>c.top?"bottom":a.top+e.height<c.top+l?"top":"both",c=m+"-"+l,(!g||g!==c)&&b.data("inview",c).trigger("inview",[!0,m,l])):g&&b.data("inview",!1).trigger("inview",[!1])}}},250)})(jQuery);
\ No newline at end of file
+!function(t){function e(){var e,i,n={height:a.innerHeight,width:a.innerWidth};return n.height||(e=r.compatMode,(e||!t.support.boxModel)&&(i="CSS1Compat"===e?f:r.body,n={height:i.clientHeight,width:i.clientWidth})),n}function i(){return{top:a.pageYOffset||f.scrollTop||r.body.scrollTop,left:a.pageXOffset||f.scrollLeft||r.body.scrollLeft}}function n(){var n,l=t(),r=0;if(t.each(d,function(t,e){var i=e.data.selector,n=e.$element;l=l.add(i?n.find(i):n)}),n=l.length)for(o=o||e(),h=h||i();n>r;r++)if(t.contains(f,l[r])){var a,c,p,s=t(l[r]),u={height:s.height(),width:s.width()},g=s.offset(),v=s.data("inview");if(!h||!o)return;g.top+u.height>h.top&&g.top<h.top+o.height&&g.left+u.width>h.left&&g.left<h.left+o.width?(a=h.left>g.left?"right":h.left+o.width<g.left+u.width?"left":"both",c=h.top>g.top?"bottom":h.top+o.height<g.top+u.height?"top":"both",p=a+"-"+c,v&&v===p||s.data("inview",p).trigger("inview",[!0,a,c])):v&&s.data("inview",!1).trigger("inview",[!1])}}var o,h,l,d={},r=document,a=window,f=r.documentElement,c=t.expando;t.event.special.inview={add:function(e){d[e.guid+"-"+this[c]]={data:e,$element:t(this)},l||t.isEmptyObject(d)||(l=setInterval(n,250))},remove:function(e){try{delete d[e.guid+"-"+this[c]]}catch(i){}t.isEmptyObject(d)&&(clearInterval(l),l=null)}},t(a).bind("scroll resize scrollstop",function(){o=h=null}),!f.addEventListener&&f.attachEvent&&f.attachEvent("onfocusin",function(){h=null})}(jQuery);
\ No newline at end of file

From f52255695d7dbdf1869eb75667198390346cd5f9 Mon Sep 17 00:00:00 2001
From: Robert Freigang <robert.freigang@marktjagd.de>
Date: Fri, 23 Jan 2015 15:32:44 +0100
Subject: [PATCH 49/66] use array instead of jQuery "add" method to improve
 performance when creating list with all inview elements remove trailing
 whitespaces

---
 jquery.inview.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 49dd2ba..56815f0 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -18,9 +18,9 @@
       //
       // By the way, iOS (iPad, iPhone, ...) seems to not execute, or at least delays
       // intervals while the user scrolls. Therefore the inview event might fire a bit late there
-      // 
+      //
       // Don't waste cycles with an interval until we get at least one element that
-      // has bound to the inview event.  
+      // has bound to the inview event.
       if (!timer && !$.isEmptyObject(inviewObjects)) {
          timer = setInterval(checkInView, 250);
       }
@@ -66,12 +66,12 @@
   }
 
   function checkInView() {
-    var $elements = $(), elementsLength, i = 0;
+    var $elements = [], elementsLength, i = 0;
 
     $.each(inviewObjects, function(i, inviewObject) {
       var selector  = inviewObject.data.selector,
           $element  = inviewObject.$element;
-      $elements = $elements.add(selector ? $element.find(selector) : $element);
+      $elements.push(selector ? $element.find(selector) : $element);
     });
 
     elementsLength = $elements.length;
@@ -81,7 +81,7 @@
 
       for (; i<elementsLength; i++) {
         // Ignore elements that are not in the DOM tree
-        if (!$.contains(documentElement, $elements[i])) {
+        if (!$.contains(documentElement, $elements[i][0])) {
           continue;
         }
 
@@ -92,7 +92,7 @@
             visiblePartX,
             visiblePartY,
             visiblePartsMerged;
-        
+
         // Don't ask me why because I haven't figured out yet:
         // viewportOffset and viewportSize are sometimes suddenly null in Firefox 5.
         // Even though it sounds weird:
@@ -101,7 +101,7 @@
         if (!viewportOffset || !viewportSize) {
           return;
         }
-        
+
         if (elementOffset.top + elementSize.height > viewportOffset.top &&
             elementOffset.top < viewportOffset.top + viewportSize.height &&
             elementOffset.left + elementSize.width > viewportOffset.left &&
@@ -126,7 +126,7 @@
   $(w).bind("scroll resize scrollstop", function() {
     viewportSize = viewportOffset = null;
   });
-  
+
   // IE < 9 scrolls to focused elements without firing the "scroll" event
   if (!documentElement.addEventListener && documentElement.attachEvent) {
     documentElement.attachEvent("onfocusin", function() {

From c15fbe016d544f7500f4c5e004cb0eeb4c8add78 Mon Sep 17 00:00:00 2001
From: Joseph Ramos <joseph.ramos@taller.net.br>
Date: Mon, 14 Sep 2015 21:38:13 -0500
Subject: [PATCH 50/66] Include package.json

---
 package.json | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 package.json

diff --git a/package.json b/package.json
new file mode 100644
index 0000000..68afae1
--- /dev/null
+++ b/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "jquery-inview",
+  "version": "1.0.0",
+  "description": "Element 'inview' Event Plugin",
+  "main": "jquery.inview.js",
+  "directories": {
+    "example": "example",
+    "test": "test"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jardix22/jquery.inview.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/jardix22/jquery.inview/issues"
+  },
+  "homepage": "https://github.com/jardix22/jquery.inview#readme"
+}

From 8fc581ea32f236919604de5beaba2581507f7f2c Mon Sep 17 00:00:00 2001
From: Joseph Ramos <joseph.ramos@taller.net.br>
Date: Mon, 14 Sep 2015 21:39:09 -0500
Subject: [PATCH 51/66] AMD, CommonsJS and Global

---
 jquery.inview.js | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 56815f0..362c34b 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -3,7 +3,18 @@
  *    - based on the idea of Remy Sharp, http://remysharp.com/2009/01/26/element-in-view-event-plugin/
  *    - forked from http://github.com/zuk/jquery.inview/
  */
-(function ($) {
+(function (factory) {
+  if (typeof define == 'function' && define.amd) {
+    // AMD
+    define(['jquery'], factory);
+  } else if (typeof exports === 'object') {
+    // Node, CommonJS
+    module.exports = factory(require('jquery'));
+  } else {
+      // Browser globals
+    factory(jQuery);
+  }
+}(function ($) {
   var inviewObjects = {}, viewportSize, viewportOffset,
       d = document, w = window, documentElement = d.documentElement, expando = $.expando, timer;
 
@@ -133,4 +144,4 @@
       viewportOffset = null;
     });
   }
-})(jQuery);
+}));

From be2769f8fc9b22587df2bc293b8dd94ef26e0888 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Tue, 26 Jan 2016 16:08:09 +0100
Subject: [PATCH 52/66] * Support for jQuery 2.2+ * Removed visibleParts logic
 * No support for jQuery < 1.8

---
 jquery.inview.js | 97 +++++++++++++++++++++++-------------------------
 package.json     |  2 +-
 test/index.html  | 32 +++++-----------
 test/test.js     | 57 ++--------------------------
 4 files changed, 61 insertions(+), 127 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 362c34b..5247fa1 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -15,13 +15,13 @@
     factory(jQuery);
   }
 }(function ($) {
-  var inviewObjects = {}, viewportSize, viewportOffset,
-      d = document, w = window, documentElement = d.documentElement, expando = $.expando, timer;
+
+  var inviewObjects = [], viewportSize, viewportOffset,
+      d = document, w = window, documentElement = d.documentElement, timer;
 
   $.event.special.inview = {
     add: function(data) {
-      inviewObjects[data.guid + "-" + this[expando]] = { data: data, $element: $(this) };
-
+      inviewObjects.push({ data: data, $element: $(this), element: this });
       // Use setInterval in order to also make sure this captures elements within
       // "overflow:scroll" elements or elements that appeared in the dom tree due to
       // dom manipulation and reflow
@@ -32,16 +32,22 @@
       //
       // Don't waste cycles with an interval until we get at least one element that
       // has bound to the inview event.
-      if (!timer && !$.isEmptyObject(inviewObjects)) {
+      if (!timer && inviewObjects.length) {
          timer = setInterval(checkInView, 250);
       }
     },
 
     remove: function(data) {
-      try { delete inviewObjects[data.guid + "-" + this[expando]]; } catch(e) {}
+      for (var i=0; i<inviewObjects.length; i++) {
+        var inviewObject = inviewObjects[i];
+        if (inviewObject.element === this && inviewObject.data.guid === data.guid) {
+          inviewObjects.splice(i, 1);
+          break;
+        }
+      }
 
       // Clear interval when we no longer have any elements listening
-      if ($.isEmptyObject(inviewObjects)) {
+      if (!inviewObjects.length) {
          clearInterval(timer);
          timer = null;
       }
@@ -77,59 +83,48 @@
   }
 
   function checkInView() {
-    var $elements = [], elementsLength, i = 0;
+    if (!inviewObjects.length) {
+      return;
+    }
 
-    $.each(inviewObjects, function(i, inviewObject) {
+    var i = 0, $elements = $.map(inviewObjects, function(inviewObject) {
       var selector  = inviewObject.data.selector,
           $element  = inviewObject.$element;
-      $elements.push(selector ? $element.find(selector) : $element);
+      return selector ? $element.find(selector) : $element;
     });
 
-    elementsLength = $elements.length;
-    if (elementsLength) {
-      viewportSize   = viewportSize   || getViewportSize();
-      viewportOffset = viewportOffset || getViewportOffset();
+    viewportSize   = viewportSize   || getViewportSize();
+    viewportOffset = viewportOffset || getViewportOffset();
 
-      for (; i<elementsLength; i++) {
-        // Ignore elements that are not in the DOM tree
-        if (!$.contains(documentElement, $elements[i][0])) {
-          continue;
-        }
+    for (; i<inviewObjects.length; i++) {
+      // Ignore elements that are not in the DOM tree
+      if (!$.contains(documentElement, $elements[i][0])) {
+        continue;
+      }
 
-        var $element      = $($elements[i]),
-            elementSize   = { height: $element.height(), width: $element.width() },
-            elementOffset = $element.offset(),
-            inView        = $element.data('inview'),
-            visiblePartX,
-            visiblePartY,
-            visiblePartsMerged;
-
-        // Don't ask me why because I haven't figured out yet:
-        // viewportOffset and viewportSize are sometimes suddenly null in Firefox 5.
-        // Even though it sounds weird:
-        // It seems that the execution of this function is interferred by the onresize/onscroll event
-        // where viewportOffset and viewportSize are unset
-        if (!viewportOffset || !viewportSize) {
-          return;
-        }
+      var $element      = $($elements[i]),
+          elementSize   = { height: $element.height(), width: $element.width() },
+          elementOffset = $element.offset(),
+          inView        = $element.data('inview');
+
+      // Don't ask me why because I haven't figured out yet:
+      // viewportOffset and viewportSize are sometimes suddenly null in Firefox 5.
+      // Even though it sounds weird:
+      // It seems that the execution of this function is interferred by the onresize/onscroll event
+      // where viewportOffset and viewportSize are unset
+      if (!viewportOffset || !viewportSize) {
+        return;
+      }
 
-        if (elementOffset.top + elementSize.height > viewportOffset.top &&
-            elementOffset.top < viewportOffset.top + viewportSize.height &&
-            elementOffset.left + elementSize.width > viewportOffset.left &&
-            elementOffset.left < viewportOffset.left + viewportSize.width) {
-          visiblePartX = (viewportOffset.left > elementOffset.left ?
-            'right' : (viewportOffset.left + viewportSize.width) < (elementOffset.left + elementSize.width) ?
-            'left' : 'both');
-          visiblePartY = (viewportOffset.top > elementOffset.top ?
-            'bottom' : (viewportOffset.top + viewportSize.height) < (elementOffset.top + elementSize.height) ?
-            'top' : 'both');
-          visiblePartsMerged = visiblePartX + "-" + visiblePartY;
-          if (!inView || inView !== visiblePartsMerged) {
-            $element.data('inview', visiblePartsMerged).trigger('inview', [true, visiblePartX, visiblePartY]);
-          }
-        } else if (inView) {
-          $element.data('inview', false).trigger('inview', [false]);
+      if (elementOffset.top + elementSize.height > viewportOffset.top &&
+          elementOffset.top < viewportOffset.top + viewportSize.height &&
+          elementOffset.left + elementSize.width > viewportOffset.left &&
+          elementOffset.left < viewportOffset.left + viewportSize.width) {
+        if (!inView) {
+          $element.data('inview', true).trigger('inview', [true]);
         }
+      } else if (inView) {
+        $element.data('inview', false).trigger('inview', [false]);
       }
     }
   }
diff --git a/package.json b/package.json
index 68afae1..08f2327 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "test": "test"
   },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "open test/index.html"
   },
   "repository": {
     "type": "git",
diff --git a/test/index.html b/test/index.html
index 58f5689..431c721 100644
--- a/test/index.html
+++ b/test/index.html
@@ -5,33 +5,21 @@
     <meta charset="utf-8">
     <title>QUnit Test Suite</title>
     <meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height">
-    <link rel="stylesheet" href="http://code.jquery.com/qunit/git/qunit.css">
-    
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
-    <script src="../jquery.inview.js"></script>
-    <script>window["jQuery 1.4"] = $.noConflict(true);</script>
-    
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
-    <script src="../jquery.inview.js"></script>
-    <script>window["jQuery 1.5"] = $.noConflict(true);</script>
-    
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
-    <script src="../jquery.inview.js"></script>
-    <script>window["jQuery 1.6"] = $.noConflict(true);</script>
-    
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
-    <script src="../jquery.inview.js"></script>
-    <script>window["jQuery 1.7"] = $.noConflict(true);</script>
-    
+    <link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-1.20.0.css">
+
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
     <script src="../jquery.inview.js"></script>
     <script>window["jQuery 1.8"] = $.noConflict(true);</script>
     
-    <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
+    <script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
     <script src="../jquery.inview.js"></script>
-    <script>window["jQuery 1.9"] = $.noConflict(true);</script>
-    
-    <script src="http://code.jquery.com/qunit/git/qunit.js"></script>
+    <script>window["jQuery 1.12"] = $.noConflict(true);</script>
+
+    <script src="http://code.jquery.com/jquery-2.2.0.min.js"></script>
+    <script src="../jquery.inview.js"></script>
+    <script>window["jQuery 2.2"] = $.noConflict(true);</script>
+
+    <script src="https://code.jquery.com/qunit/qunit-1.20.0.js"></script>
     <script src="test.js"></script>
   </head>
   <body>
diff --git a/test/test.js b/test/test.js
index 598034d..6e84b55 100644
--- a/test/test.js
+++ b/test/test.js
@@ -1,6 +1,6 @@
 QUnit.config.reorder = false;
 
-window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6', 'jQuery 1.7', 'jQuery 1.8'], function(i, version) {
+window['jQuery 1.8'].each(['jQuery 1.8', 'jQuery 1.12', 'jQuery 2.2'], function(i, version) {
   var jQuery  = window[version],
       $       = jQuery;
 
@@ -211,61 +211,12 @@ window['jQuery 1.6'].each(['jQuery 1.4', 'jQuery 1.5', 'jQuery 1.6', 'jQuery 1.7
   });
 
 
-  asyncTest('Check visiblePartX & visiblePartY parameters #1', function() {
-    expect(2);
-
-    this.element.css({
-      top: '-25px',
-      left: '-25px'
-    }).appendTo('body');
-
-    this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
-      equal(visiblePartX, 'right', 'visiblePartX has correct value');
-      equal(visiblePartY, 'bottom', 'visiblePartY has correct value');
-      start();
-    });
-  });
-
-
-  asyncTest('Check visiblePartX & visiblePartY parameters #2', function() {
-    expect(2);
-
-    this.element.css({
-      top: '0',
-      left: '-25px'
-    }).appendTo('body');
-
-    this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
-      equal(visiblePartX, 'right', 'visiblePartX has correct value');
-      equal(visiblePartY, 'both', 'visiblePartY has correct value');
-      start();
-    });
-  });
-
-
-  asyncTest('Check visiblePartX & visiblePartY parameters #3', function() {
-    expect(2);
-
-    this.element.css({
-      top: '0',
-      left: '0'
-    }).appendTo('body');
-
-    this.element.bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
-      equal(visiblePartX, 'both', 'visiblePartX has correct value');
-      equal(visiblePartY, 'both', 'visiblePartY has correct value');
-      start();
-    });
-  });
-
-
   asyncTest('Check "live" events', function() {
     expect(3);
     
-    var that = this,
-        elems = $("body .test-container > div.test-element");
-    elems.live("inview", function(event) {
-      elems.die("inview");
+    var that = this;
+    $("body").on("inview", ".test-container > div.test-element", function(event) {
+      $("body").off("inview");
       ok(true, "Live event correctly fired");
       equal(event.currentTarget, that.element[0], "event.currentTarget correctly set");
       equal(this, that.element[0], "Handler bound to target element");

From c3c69294cf47f8289cd3445f691ca973dab0980b Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Tue, 26 Jan 2016 16:12:10 +0100
Subject: [PATCH 53/66] Release v1.1.0

---
 jquery.inview.min.js | 2 +-
 package.json         | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index a6966ff..62b7c2d 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1 +1 @@
-!function(t){function e(){var e,i,n={height:a.innerHeight,width:a.innerWidth};return n.height||(e=r.compatMode,(e||!t.support.boxModel)&&(i="CSS1Compat"===e?f:r.body,n={height:i.clientHeight,width:i.clientWidth})),n}function i(){return{top:a.pageYOffset||f.scrollTop||r.body.scrollTop,left:a.pageXOffset||f.scrollLeft||r.body.scrollLeft}}function n(){var n,l=t(),r=0;if(t.each(d,function(t,e){var i=e.data.selector,n=e.$element;l=l.add(i?n.find(i):n)}),n=l.length)for(o=o||e(),h=h||i();n>r;r++)if(t.contains(f,l[r])){var a,c,p,s=t(l[r]),u={height:s.height(),width:s.width()},g=s.offset(),v=s.data("inview");if(!h||!o)return;g.top+u.height>h.top&&g.top<h.top+o.height&&g.left+u.width>h.left&&g.left<h.left+o.width?(a=h.left>g.left?"right":h.left+o.width<g.left+u.width?"left":"both",c=h.top>g.top?"bottom":h.top+o.height<g.top+u.height?"top":"both",p=a+"-"+c,v&&v===p||s.data("inview",p).trigger("inview",[!0,a,c])):v&&s.data("inview",!1).trigger("inview",[!1])}}var o,h,l,d={},r=document,a=window,f=r.documentElement,c=t.expando;t.event.special.inview={add:function(e){d[e.guid+"-"+this[c]]={data:e,$element:t(this)},l||t.isEmptyObject(d)||(l=setInterval(n,250))},remove:function(e){try{delete d[e.guid+"-"+this[c]]}catch(i){}t.isEmptyObject(d)&&(clearInterval(l),l=null)}},t(a).bind("scroll resize scrollstop",function(){o=h=null}),!f.addEventListener&&f.attachEvent&&f.attachEvent("onfocusin",function(){h=null})}(jQuery);
\ No newline at end of file
+!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a(require("jquery")):a(jQuery)}(function(a){function i(){var b,c,d={height:f.innerHeight,width:f.innerWidth};return d.height||(b=e.compatMode,(b||!a.support.boxModel)&&(c="CSS1Compat"===b?g:e.body,d={height:c.clientHeight,width:c.clientWidth})),d}function j(){return{top:f.pageYOffset||g.scrollTop||e.body.scrollTop,left:f.pageXOffset||g.scrollLeft||e.body.scrollLeft}}function k(){if(b.length){var e=0,f=a.map(b,function(a){var b=a.data.selector,c=a.$element;return b?c.find(b):c});for(c=c||i(),d=d||j();e<b.length;e++)if(a.contains(g,f[e][0])){var h=a(f[e]),k={height:h.height(),width:h.width()},l=h.offset(),m=h.data("inview");if(!d||!c)return;l.top+k.height>d.top&&l.top<d.top+c.height&&l.left+k.width>d.left&&l.left<d.left+c.width?m||h.data("inview",!0).trigger("inview",[!0]):m&&h.data("inview",!1).trigger("inview",[!1])}}}var c,d,h,b=[],e=document,f=window,g=e.documentElement;a.event.special.inview={add:function(c){b.push({data:c,$element:a(this),element:this}),!h&&b.length&&(h=setInterval(k,250))},remove:function(a){for(var c=0;c<b.length;c++){var d=b[c];if(d.element===this&&d.data.guid===a.guid){b.splice(c,1);break}}b.length||(clearInterval(h),h=null)}},a(f).bind("scroll resize scrollstop",function(){c=d=null}),!g.addEventListener&&g.attachEvent&&g.attachEvent("onfocusin",function(){d=null})});
\ No newline at end of file
diff --git a/package.json b/package.json
index 08f2327..edaaf02 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "jquery-inview",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Element 'inview' Event Plugin",
   "main": "jquery.inview.js",
   "directories": {
@@ -12,9 +12,9 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/jardix22/jquery.inview.git"
+    "url": "git+https://github.com/protonet/jquery.inview.git"
   },
-  "author": "",
+  "author": "Christopher Blum <christopher.blum@spellboy.com>",
   "license": "ISC",
   "bugs": {
     "url": "https://github.com/jardix22/jquery.inview/issues"

From 3b7dddfdaadbe993918e8765a2b1635df5c991f5 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Tue, 26 Jan 2016 16:15:21 +0100
Subject: [PATCH 54/66] Update README

---
 README.textile | 70 +++++---------------------------------------------
 1 file changed, 6 insertions(+), 64 deletions(-)

diff --git a/README.textile b/README.textile
index 2c36685..580be22 100644
--- a/README.textile
+++ b/README.textile
@@ -10,24 +10,15 @@ Event that is fired as soon as an element appears in the user's viewport.
 
 h2. Usage
 
-The script makes use of the new $.contains method - so it will only work with jQuery 1.4 upwards. If you need to use it with older versions of jQuery, drop a comment, and I'll post an alternative.
+The script makes use of the new $.contains method - so it will only work with jQuery 1.8 upwards. If you need to use it with older versions of jQuery, drop a comment, and I'll post an alternative.
 
 The event will only fire when the element comes in to view of the viewport, and out of view. It won't keep firing if the user scrolls and the element remains in view.
 
 The variable after the event argument indicates the visible state in the viewport.
-The third variable visiblePartX detects which horizontal part of the element is visible to the user (possible values: left, right, both)
-The fourth variable visiblePartY detects which vertical part of the element is visible to the user (possible values: top, bottom, both)
 
-bc.. $('div').bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
+bc.. $('div').on('inview', function(event, isInView) {
   if (isInView) {
     // element is now visible in the viewport
-    if (visiblePartY == 'top') {
-      // top part of element is visible
-    } else if (visiblePartY == 'bottom') {
-      // bottom part of element is visible
-    } else {
-      // whole part of element is visible
-    }
   } else {
     // element has gone out of viewport
   }
@@ -35,7 +26,7 @@ bc.. $('div').bind('inview', function(event, isInView, visiblePartX, visiblePart
 
 p. To stop listening for the event - simply unbind:
 
-bc.. $('div').unbind('inview');
+bc.. $('div').off('inview');
 
 p. Remember you can also bind once:
 
@@ -43,60 +34,18 @@ bc.. $('div').one('inview', fn);
 
 h2. Live events
 
-Yep, inview events can also be used with .live/.delegate methods.
+Yep, inview events can also be used with .on/.delegate methods.
 _Please note that this could slow down your app when the selector is too complex and/or matches a huge set of elements._
 The following code snippet only loads images when they appear in the browser's viewport.
 
 bc..  // Assuming that all images have set the 'data-src' attribute instead of the 'src'attribute
-  $("img[data-src]").live("inview", function() {
+  $("body").on("inview", "img[data-src]", function() {
     var $this = $(this);
     $this.attr("src", $this.attr("data-src"));
     // Remove it from the set of matching elements in order to avoid that the handler gets re-executed
     $this.removeAttr("data-src");
   });
 
-h2. More complex example
-
-This way we can attach inview to some DIV in our code to, for example, detect when it FULLY readed by user (user sees it's bottom and top) and only after 1 seconds of view, so after we call some out stats function or whatever
-
-bc.. $(someMyOneDiv).bind('inview', function(e, isInView, visiblePartX, visiblePartY) {
-  var elem = $(this);
-
-  if (elem.data('inviewtimer')) {
-    clearTimeout(elem.data('inviewtimer'));
-    elem.removeData('inviewtimer');
-  }
-
-  if (isInView) {
-    elem.data('inviewtimer', setTimeout(function() {
-      if (visiblePartY == 'top') {
-        elem.data('seenTop', true);
-      } else if (visiblePartY == 'bottom') {
-        elem.data('seenBottom', true);
-      } else {
-        elem.data('seenTop', true);
-        elem.data('seenBottom', true);
-      }
-
-      if (elem.data('seenTop') && elem.data('seenBottom')) {
-        elem.unbind('inview');
-        // here we will do WHAT WHE NEED (for ex. Call Ajax stats collector)
-        ...
-      }
-    }, 1000));
-  }
-});
-
-h2. How it works
-
-An interval in the background checks the position of the elements against the viewport dimensions and the scroll position.
-
-However, I wanted to create a utility that would only check the elements that were registered under the 'inview' event, i.e. I didn't want to keep checking the element list if we unbind from the event.
-
-This is achieved by dipping in to the $.cache store within jQuery, and looping through, looking for the elements tied to the 'inview' event.
-
-This way the user can treat it like a native event on the page.
-
 h2. Use cases
 
 * Reduce http requests and traffic on server by loading assets (images, javascript, html, ...) only when they are visible to the user
@@ -113,11 +62,4 @@ h4. The Test Suite succeeds in the following browsers that were tested:
 * Chrome 7+
 * Opera 10+
 * IE 6+
-* Mobile Safari on iPad 4.2.2
-* Fennec 4b on Android 2.2
-* Opera Mobile 10.1b on Android 2.2
-
-h4. The Test Suite doesn't completely succeed but the demos in this repository work without problems in the following browsers:
-
-* Mobile WebKit on Android 2.2
-* Mobile WebKit on Palm Pre 1
\ No newline at end of file
+* Mobile Safari on iPad 4.2.2
\ No newline at end of file

From c56dae9ac5c7aea6ac4e573fab2b01e3fd5fc4e2 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Tue, 26 Jan 2016 16:16:34 +0100
Subject: [PATCH 55/66] Show correct version in README

---
 README.textile | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/README.textile b/README.textile
index 580be22..bf413ea 100644
--- a/README.textile
+++ b/README.textile
@@ -5,8 +5,7 @@ Event that is fired as soon as an element appears in the user's viewport.
 *Author:* "Christopher Blum":http://twitter.com/ChristopherBlum
 *Original idea and concept by:* "Remy Sharp":http://remysharp.com/2009/01/26/element-in-view-event-plugin/
 *Forked from:* "https://github.com/zuk/jquery.inview/":https://github.com/zuk/jquery.inview/
-*Demo* (loading lolcats when they scroll into view): "http://tifftiff.de/jquery.inview/example/live_event.html":http://tifftiff.de/jquery.inview/example/live_event.html
-*Requires:* jQuery 1.4+
+*Requires:* jQuery 1.8+
 
 h2. Usage
 

From e01a41f304c91853b7559bf1a597d36a17092112 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Tue, 26 Jan 2016 16:21:25 +0100
Subject: [PATCH 56/66] exclude example and test from npm

---
 .npmignore | 2 ++
 1 file changed, 2 insertions(+)
 create mode 100644 .npmignore

diff --git a/.npmignore b/.npmignore
new file mode 100644
index 0000000..55f7f5e
--- /dev/null
+++ b/.npmignore
@@ -0,0 +1,2 @@
+test/
+example/

From dd4be9eae623166e20f47be77c8d106e1c79996f Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Tue, 26 Jan 2016 16:24:55 +0100
Subject: [PATCH 57/66] Update README

---
 README.md      | 64 ++++++++++++++++++++++++++++++++++++++++++++++++++
 README.textile | 64 --------------------------------------------------
 2 files changed, 64 insertions(+), 64 deletions(-)
 create mode 100644 README.md
 delete mode 100644 README.textile

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..2f4eb5e
--- /dev/null
+++ b/README.md
@@ -0,0 +1,64 @@
+# Element 'inview' Event Plugin
+
+Event that is fired as soon as an element appears in the user's viewport.
+
+**Author:** "Christopher Blum":http://twitter.com/ChristopherBlum
+**Original idea and concept by:** "Remy Sharp":http://remysharp.com/2009/01/26/element-in-view-event-plugin/
+**Forked from:** "https://github.com/zuk/jquery.inview/":https://github.com/zuk/jquery.inview/
+**Requires:** jQuery 1.8+
+
+## Usage
+
+The script makes use of the new $.contains method - so it will only work with jQuery 1.8 upwards. If you need to use it with older versions of jQuery, drop a comment, and I'll post an alternative.
+
+The event will only fire when the element comes in to view of the viewport, and out of view. It won't keep firing if the user scrolls and the element remains in view.
+
+The variable after the event argument indicates the visible state in the viewport.
+
+    $('div').on('inview', function(event, isInView) {
+      if (isInView) {
+        // element is now visible in the viewport
+      } else {
+        // element has gone out of viewport
+      }
+    });
+
+To stop listening for the event - simply unbind:
+
+    $('div').off('inview');
+
+Remember you can also bind once:
+
+    $('div').one('inview', fn);
+
+Live events
+
+Yep, inview events can also be used with .on/.delegate methods.
+*Please note that this could slow down your app when the selector is too complex and/or matches a huge set of elements.*
+The following code snippet only loads images when they appear in the browser's viewport.
+
+    // Assuming that all images have set the 'data-src' attribute instead of the 'src'attribute
+    $("body").on("inview", "img[data-src]", function() {
+      var $this = $(this);
+      $this.attr("src", $this.attr("data-src"));
+      // Remove it from the set of matching elements in order to avoid that the handler gets re-executed
+      $this.removeAttr("data-src");
+    });
+
+## Use cases
+
+* Reduce http requests and traffic on server by loading assets (images, javascript, html, ...) only when they are visible to the user
+* Endless scrolling (twitter-like)
+* Tracking (eg. to see whether a user has read an entire article)
+* ...
+
+## Browser Compatibility
+
+The Test Suite succeeds in the following browsers that were tested:
+
+* Firefox 3+
+* Safari 3+
+* Chrome 7+
+* Opera 10+
+* IE 6+
+* Mobile Safari on iPad 4.2.2
\ No newline at end of file
diff --git a/README.textile b/README.textile
deleted file mode 100644
index bf413ea..0000000
--- a/README.textile
+++ /dev/null
@@ -1,64 +0,0 @@
-h1. Element 'inview' Event Plugin
-
-Event that is fired as soon as an element appears in the user's viewport.
-
-*Author:* "Christopher Blum":http://twitter.com/ChristopherBlum
-*Original idea and concept by:* "Remy Sharp":http://remysharp.com/2009/01/26/element-in-view-event-plugin/
-*Forked from:* "https://github.com/zuk/jquery.inview/":https://github.com/zuk/jquery.inview/
-*Requires:* jQuery 1.8+
-
-h2. Usage
-
-The script makes use of the new $.contains method - so it will only work with jQuery 1.8 upwards. If you need to use it with older versions of jQuery, drop a comment, and I'll post an alternative.
-
-The event will only fire when the element comes in to view of the viewport, and out of view. It won't keep firing if the user scrolls and the element remains in view.
-
-The variable after the event argument indicates the visible state in the viewport.
-
-bc.. $('div').on('inview', function(event, isInView) {
-  if (isInView) {
-    // element is now visible in the viewport
-  } else {
-    // element has gone out of viewport
-  }
-});
-
-p. To stop listening for the event - simply unbind:
-
-bc.. $('div').off('inview');
-
-p. Remember you can also bind once:
-
-bc.. $('div').one('inview', fn);
-
-h2. Live events
-
-Yep, inview events can also be used with .on/.delegate methods.
-_Please note that this could slow down your app when the selector is too complex and/or matches a huge set of elements._
-The following code snippet only loads images when they appear in the browser's viewport.
-
-bc..  // Assuming that all images have set the 'data-src' attribute instead of the 'src'attribute
-  $("body").on("inview", "img[data-src]", function() {
-    var $this = $(this);
-    $this.attr("src", $this.attr("data-src"));
-    // Remove it from the set of matching elements in order to avoid that the handler gets re-executed
-    $this.removeAttr("data-src");
-  });
-
-h2. Use cases
-
-* Reduce http requests and traffic on server by loading assets (images, javascript, html, ...) only when they are visible to the user
-* Endless scrolling (twitter-like)
-* Tracking (eg. to see whether a user has read an entire article)
-* ...
-
-h2. Browser Compatibility
-
-h4. The Test Suite succeeds in the following browsers that were tested:
-
-* Firefox 3+
-* Safari 3+
-* Chrome 7+
-* Opera 10+
-* IE 6+
-* Mobile Safari on iPad 4.2.2
\ No newline at end of file

From d5d6f90640de87b7910dc4ff97feb3a99c0ec69a Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Tue, 26 Jan 2016 16:25:37 +0100
Subject: [PATCH 58/66] Update README

---
 README.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 2f4eb5e..f61ec0a 100644
--- a/README.md
+++ b/README.md
@@ -2,10 +2,10 @@
 
 Event that is fired as soon as an element appears in the user's viewport.
 
-**Author:** "Christopher Blum":http://twitter.com/ChristopherBlum
-**Original idea and concept by:** "Remy Sharp":http://remysharp.com/2009/01/26/element-in-view-event-plugin/
-**Forked from:** "https://github.com/zuk/jquery.inview/":https://github.com/zuk/jquery.inview/
-**Requires:** jQuery 1.8+
+* **Author:** "Christopher Blum":http://twitter.com/ChristopherBlum
+* **Original idea and concept by:** "Remy Sharp":http://remysharp.com/2009/01/26/element-in-view-event-plugin/
+* **Forked from:** "https://github.com/zuk/jquery.inview/":https://github.com/zuk/jquery.inview/
+* **Requires:** jQuery 1.8+
 
 ## Usage
 

From 0cfa997d6d6f4ea86c5460de56c1902c2c5524fe Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Tue, 26 Jan 2016 16:26:20 +0100
Subject: [PATCH 59/66] Update README

---
 README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index f61ec0a..9a404e7 100644
--- a/README.md
+++ b/README.md
@@ -2,9 +2,9 @@
 
 Event that is fired as soon as an element appears in the user's viewport.
 
-* **Author:** "Christopher Blum":http://twitter.com/ChristopherBlum
-* **Original idea and concept by:** "Remy Sharp":http://remysharp.com/2009/01/26/element-in-view-event-plugin/
-* **Forked from:** "https://github.com/zuk/jquery.inview/":https://github.com/zuk/jquery.inview/
+* **Author:** [Christopher Blum](http://twitter.com/ChristopherBlum)
+* **Original idea and concept by:** [Remy Sharp](http://remysharp.com/2009/01/26/element-in-view-event-plugin/)
+* **Forked from:** [https://github.com/zuk/jquery.inview/](https://github.com/zuk/jquery.inview/)
 * **Requires:** jQuery 1.8+
 
 ## Usage

From 5b2f8357b39aef4d0b778b4a4b455fe0dc57ac79 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Tue, 26 Jan 2016 16:28:03 +0100
Subject: [PATCH 60/66] Update version in package.json

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index edaaf02..d5875d4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "jquery-inview",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Element 'inview' Event Plugin",
   "main": "jquery.inview.js",
   "directories": {

From e031f5b99fb9dadb406a9a510cd160d204e94f67 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Tue, 26 Jan 2016 16:48:51 +0100
Subject: [PATCH 61/66] Use offsetWidth/offsetHeight rather than jquery's
 methods

---
 jquery.inview.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 5247fa1..0634f16 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -103,7 +103,7 @@
       }
 
       var $element      = $($elements[i]),
-          elementSize   = { height: $element.height(), width: $element.width() },
+          elementSize   = { height: $element[0].offsetHeight, width: $element[0].offsetWidth },
           elementOffset = $element.offset(),
           inView        = $element.data('inview');
 

From 037f8eb5b12309db7437d2991fbe5bc6c0d56bb6 Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Tue, 26 Jan 2016 16:52:35 +0100
Subject: [PATCH 62/66] v1.1.2

---
 jquery.inview.min.js | 2 +-
 package.json         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index 62b7c2d..d45d86c 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1 +1 @@
-!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a(require("jquery")):a(jQuery)}(function(a){function i(){var b,c,d={height:f.innerHeight,width:f.innerWidth};return d.height||(b=e.compatMode,(b||!a.support.boxModel)&&(c="CSS1Compat"===b?g:e.body,d={height:c.clientHeight,width:c.clientWidth})),d}function j(){return{top:f.pageYOffset||g.scrollTop||e.body.scrollTop,left:f.pageXOffset||g.scrollLeft||e.body.scrollLeft}}function k(){if(b.length){var e=0,f=a.map(b,function(a){var b=a.data.selector,c=a.$element;return b?c.find(b):c});for(c=c||i(),d=d||j();e<b.length;e++)if(a.contains(g,f[e][0])){var h=a(f[e]),k={height:h.height(),width:h.width()},l=h.offset(),m=h.data("inview");if(!d||!c)return;l.top+k.height>d.top&&l.top<d.top+c.height&&l.left+k.width>d.left&&l.left<d.left+c.width?m||h.data("inview",!0).trigger("inview",[!0]):m&&h.data("inview",!1).trigger("inview",[!1])}}}var c,d,h,b=[],e=document,f=window,g=e.documentElement;a.event.special.inview={add:function(c){b.push({data:c,$element:a(this),element:this}),!h&&b.length&&(h=setInterval(k,250))},remove:function(a){for(var c=0;c<b.length;c++){var d=b[c];if(d.element===this&&d.data.guid===a.guid){b.splice(c,1);break}}b.length||(clearInterval(h),h=null)}},a(f).bind("scroll resize scrollstop",function(){c=d=null}),!g.addEventListener&&g.attachEvent&&g.attachEvent("onfocusin",function(){d=null})});
\ No newline at end of file
+!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a(require("jquery")):a(jQuery)}(function(a){function i(){var b,c,d={height:f.innerHeight,width:f.innerWidth};return d.height||(b=e.compatMode,(b||!a.support.boxModel)&&(c="CSS1Compat"===b?g:e.body,d={height:c.clientHeight,width:c.clientWidth})),d}function j(){return{top:f.pageYOffset||g.scrollTop||e.body.scrollTop,left:f.pageXOffset||g.scrollLeft||e.body.scrollLeft}}function k(){if(b.length){var e=0,f=a.map(b,function(a){var b=a.data.selector,c=a.$element;return b?c.find(b):c});for(c=c||i(),d=d||j();e<b.length;e++)if(a.contains(g,f[e][0])){var h=a(f[e]),k={height:h[0].offsetHeight,width:h[0].offsetWidth},l=h.offset(),m=h.data("inview");if(!d||!c)return;l.top+k.height>d.top&&l.top<d.top+c.height&&l.left+k.width>d.left&&l.left<d.left+c.width?m||h.data("inview",!0).trigger("inview",[!0]):m&&h.data("inview",!1).trigger("inview",[!1])}}}var c,d,h,b=[],e=document,f=window,g=e.documentElement;a.event.special.inview={add:function(c){b.push({data:c,$element:a(this),element:this}),!h&&b.length&&(h=setInterval(k,250))},remove:function(a){for(var c=0;c<b.length;c++){var d=b[c];if(d.element===this&&d.data.guid===a.guid){b.splice(c,1);break}}b.length||(clearInterval(h),h=null)}},a(f).bind("scroll resize scrollstop",function(){c=d=null}),!g.addEventListener&&g.attachEvent&&g.attachEvent("onfocusin",function(){d=null})});
\ No newline at end of file
diff --git a/package.json b/package.json
index d5875d4..e2dc359 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "jquery-inview",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Element 'inview' Event Plugin",
   "main": "jquery.inview.js",
   "directories": {

From 601a0e1b05d1ab395e4f5ecf7472e60c62fd7bad Mon Sep 17 00:00:00 2001
From: Christopher Blum <christopher.blum@spellboy.com>
Date: Thu, 28 Jan 2016 15:27:54 +0100
Subject: [PATCH 63/66] Update bower.json

---
 bower.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bower.json b/bower.json
index 82bd611..16936fe 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "protonet/jquery.inview",
-  "version": "1.0.0",
+  "version": "1.1.2",
   "main": "jquery.inview.js",
   "description": "jQuery event that is fired as soon as an element appears in the user's viewport."
 }
\ No newline at end of file

From 5a4dc9f2537016a9dcf0acc4a2c469500021586c Mon Sep 17 00:00:00 2001
From: Dheeraj Kumar <a.dheeraj.kumar@gmail.com>
Date: Mon, 28 Mar 2016 11:31:47 +0530
Subject: [PATCH 64/66] Fix: inview breaks scrollstop & lazyload plugins

---
 jquery.inview.js     | 2 +-
 jquery.inview.min.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/jquery.inview.js b/jquery.inview.js
index 0634f16..b4aa399 100644
--- a/jquery.inview.js
+++ b/jquery.inview.js
@@ -129,7 +129,7 @@
     }
   }
 
-  $(w).bind("scroll resize scrollstop", function() {
+  $(w).on("scroll resize scrollstop", function() {
     viewportSize = viewportOffset = null;
   });
 
diff --git a/jquery.inview.min.js b/jquery.inview.min.js
index d45d86c..cbf1c30 100644
--- a/jquery.inview.min.js
+++ b/jquery.inview.min.js
@@ -1 +1 @@
-!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a(require("jquery")):a(jQuery)}(function(a){function i(){var b,c,d={height:f.innerHeight,width:f.innerWidth};return d.height||(b=e.compatMode,(b||!a.support.boxModel)&&(c="CSS1Compat"===b?g:e.body,d={height:c.clientHeight,width:c.clientWidth})),d}function j(){return{top:f.pageYOffset||g.scrollTop||e.body.scrollTop,left:f.pageXOffset||g.scrollLeft||e.body.scrollLeft}}function k(){if(b.length){var e=0,f=a.map(b,function(a){var b=a.data.selector,c=a.$element;return b?c.find(b):c});for(c=c||i(),d=d||j();e<b.length;e++)if(a.contains(g,f[e][0])){var h=a(f[e]),k={height:h[0].offsetHeight,width:h[0].offsetWidth},l=h.offset(),m=h.data("inview");if(!d||!c)return;l.top+k.height>d.top&&l.top<d.top+c.height&&l.left+k.width>d.left&&l.left<d.left+c.width?m||h.data("inview",!0).trigger("inview",[!0]):m&&h.data("inview",!1).trigger("inview",[!1])}}}var c,d,h,b=[],e=document,f=window,g=e.documentElement;a.event.special.inview={add:function(c){b.push({data:c,$element:a(this),element:this}),!h&&b.length&&(h=setInterval(k,250))},remove:function(a){for(var c=0;c<b.length;c++){var d=b[c];if(d.element===this&&d.data.guid===a.guid){b.splice(c,1);break}}b.length||(clearInterval(h),h=null)}},a(f).bind("scroll resize scrollstop",function(){c=d=null}),!g.addEventListener&&g.attachEvent&&g.attachEvent("onfocusin",function(){d=null})});
\ No newline at end of file
+!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a(require("jquery")):a(jQuery)}(function(a){function i(){var b,c,d={height:f.innerHeight,width:f.innerWidth};return d.height||(b=e.compatMode,(b||!a.support.boxModel)&&(c="CSS1Compat"===b?g:e.body,d={height:c.clientHeight,width:c.clientWidth})),d}function j(){return{top:f.pageYOffset||g.scrollTop||e.body.scrollTop,left:f.pageXOffset||g.scrollLeft||e.body.scrollLeft}}function k(){if(b.length){var e=0,f=a.map(b,function(a){var b=a.data.selector,c=a.$element;return b?c.find(b):c});for(c=c||i(),d=d||j();e<b.length;e++)if(a.contains(g,f[e][0])){var h=a(f[e]),k={height:h[0].offsetHeight,width:h[0].offsetWidth},l=h.offset(),m=h.data("inview");if(!d||!c)return;l.top+k.height>d.top&&l.top<d.top+c.height&&l.left+k.width>d.left&&l.left<d.left+c.width?m||h.data("inview",!0).trigger("inview",[!0]):m&&h.data("inview",!1).trigger("inview",[!1])}}}var c,d,h,b=[],e=document,f=window,g=e.documentElement;a.event.special.inview={add:function(c){b.push({data:c,$element:a(this),element:this}),!h&&b.length&&(h=setInterval(k,250))},remove:function(a){for(var c=0;c<b.length;c++){var d=b[c];if(d.element===this&&d.data.guid===a.guid){b.splice(c,1);break}}b.length||(clearInterval(h),h=null)}},a(f).on("scroll resize scrollstop",function(){c=d=null}),!g.addEventListener&&g.attachEvent&&g.attachEvent("onfocusin",function(){d=null})});

From 56cbe3867b198551b2137fc1db7c8cfef49dc5b3 Mon Sep 17 00:00:00 2001
From: hi2u <hi2u@yeb.me>
Date: Fri, 24 Mar 2017 21:25:40 +1000
Subject: [PATCH 65/66] README.md: made the description of .one() clearer

I was confused as to what "Remember you can also bind once" meant until I tried it.  So I've made a minor adjustment to explain it more clearly.
---
 README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 9a404e7..adb157b 100644
--- a/README.md
+++ b/README.md
@@ -27,9 +27,9 @@ To stop listening for the event - simply unbind:
 
     $('div').off('inview');
 
-Remember you can also bind once:
+If you would like the event only to trigger once per element while the page is loaded, you can use the .one() method instead of .on():
 
-    $('div').one('inview', fn);
+    $('div').one('inview', ...);
 
 Live events
 
@@ -61,4 +61,4 @@ The Test Suite succeeds in the following browsers that were tested:
 * Chrome 7+
 * Opera 10+
 * IE 6+
-* Mobile Safari on iPad 4.2.2
\ No newline at end of file
+* Mobile Safari on iPad 4.2.2

From 8973967460778794e8509f044fcd064793a862c0 Mon Sep 17 00:00:00 2001
From: Tom Hopcraft <tom@madebysix.com>
Date: Thu, 27 Jul 2017 12:26:48 +0100
Subject: [PATCH 66/66] [bower] - fix illegal character

---
 bower.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bower.json b/bower.json
index 16936fe..652cbcd 100644
--- a/bower.json
+++ b/bower.json
@@ -1,5 +1,5 @@
 {
-  "name": "protonet/jquery.inview",
+  "name": "protonet.jquery.inview",
   "version": "1.1.2",
   "main": "jquery.inview.js",
   "description": "jQuery event that is fired as soon as an element appears in the user's viewport."