diff --git a/demo/hamster-wheel.js b/demo/hamster-wheel.js
new file mode 100644
index 0000000..d5ef80a
--- /dev/null
+++ b/demo/hamster-wheel.js
@@ -0,0 +1,106 @@
+/*
+ *
+ *
+ *
+ * Copyright (c) 2016 Polar Notion
+ * Licensed under the MIT license.
+ */
+(function ($) {
+ $.fn.hamsterWheel = function(options) {
+ 'use strict';
+
+ //create all the things
+ var settings = $.extend({}, $.fn.hamsterWheel.defaults, options),
+ $div = $(this),
+ $section = $div.children().first(),
+ sectionHeight = $section.height(),
+ height = $div.outerHeight(true),
+ offset = $div.offset(),
+ lastScrollTop = 0,
+ windowHeight = window.innerHeight,
+ divBottom = Math.round(height + offset.top - window.innerHeight),
+ scrollSpeed = settings.scrollSpeed,
+ scrollTimer;
+
+ function cloneSections(num) {
+ for (var i = 0; i < num; i++) {
+ $section.clone(true).appendTo($div);
+ }
+ }
+
+ function setHeight() {
+ height = $div.outerHeight(true);
+ offset = $div.offset();
+ divBottom = Math.round(height + offset.top - windowHeight);
+ }
+
+ if ( settings.scrollbar === false ) {
+ $('body').append('');
+ }
+
+ if ( settings.autoscroll ) {
+ // move timeout call somewhere else maybe? timeout is blowing the stack
+ var scrollDown = function() {
+ window.scrollBy(0,1);
+ scrollTimer = setTimeout(scrollDown, scrollSpeed);
+ };
+ var scrollUp = function() {
+ window.scrollBy(0,-1);
+ scrollTimer = setTimeout(scrollUp, scrollSpeed);
+ };
+ }
+
+ if (settings.infinite) {
+ $(window).scroll(function() {
+ var st = $(this).scrollTop();
+ // skip to top or bottom of the page
+ if ( st > lastScrollTop && st >= divBottom) {
+ //scrolling down
+ $(document).scrollTop(offset.top + sectionHeight - windowHeight );
+ } else if ( st < lastScrollTop && st <= offset.top ) {
+ //scrolling upgit
+ $(document).scrollTop(divBottom - sectionHeight + windowHeight);
+ }
+ var delta = settings.scrollDelta;
+ // If you scroll fast enough, change scroll direction
+ if( Math.abs(lastScrollTop - st) >= delta && Math.abs(lastScrollTop - st) < 200 && settings.autoscroll === true ) {
+
+ if ( st > lastScrollTop ) {
+ //scrolling down
+ clearTimeout(scrollTimer);
+ scrollDown();
+ } else if ( st < lastScrollTop ) {
+ //scrolling up
+ clearTimeout(scrollTimer);
+ scrollUp();
+ } else {
+ return false;
+ }
+ }
+ lastScrollTop = st;
+ });
+ }
+
+ function init(sectionNumber) {
+ cloneSections(sectionNumber);
+ if( settings.infinite ){ setHeight(); }
+ if( settings.autoscroll ){ scrollDown(); }
+ }
+
+ init(settings.clones);
+ $(window).resize( function(){
+ setHeight();
+ });
+ return this;
+ };
+
+ $.fn.hamsterWheel.defaults = {
+ autoscroll: true,
+ infinite: true,
+ scrollSpeed: 40,
+ scrollDelta: 15,
+ clones: 6,
+ scrollbar: false
+ };
+
+}(jQuery));
diff --git a/demo/index.html b/demo/index.html
index d5e447c..4a5aecc 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -2,14 +2,14 @@
- Plugin Playground
+ Hamsterwheel
-
+
-
+