landing.js is showing that revealPoint is not defined. It is defined …

…on line 6.

scripts/landing.js

@@ -1,26 +1,32 @@
-                var animatePoints = function() {
 
-                 var points = document.getElementsByClassName('point');
+                 var pointsArray = document.getElementsByClassName('point');
+
+                 var animatePoints = function(points) {
+
+                   var revealPoint = function(index) {
 
-                 var revealPoint = function(index) {
-
                     	points[index].style.opacity = 1;
                     	points[index].style.transform = "scaleX(1) translateY(0)";
                     	points[index].style.msTransform = "scaleX(1) translateY(0)";
                     	points[index].style.WebkitTransform = "scaleX(1) translateY(0)";
-
+                   }
                  }
 
-                 for (i = 0; i < points.length; i++)
+                 for (i = 0; i < pointsArray.length; i++)
+
                  {
                  	revealPoint(i);
                  }
-             };
 
-             window.onload = function() {
-             	window.addEventListener("scroll", function(event) {
-             		console.log(event);
-             	});
-             }
+                 window.onload = function() {
+                 var sellingPoints = document.getElementsByClassName("selling-points")[0];
+                  var scrollDistance = sellingPoints.getBoundingClientRect().top - window.innerHeight + 200;
 
-
+                  window.addEventListener("scroll", function(event) {
+                    if (document.documentElement.scrollTop || document.body.scrollTop >= scrollDistance)
+                    {
+                      animatePoints(pointsArray);
+                    }
+
+                  });
+                 }