RubyGems - survivalkit - Versions diffs - 0.1 - Mend

survivalkit 0.1

Files changed (1368) hide show

data/templates/project/sources/pie/tests/tokenizer-tests.html ADDED Viewed

@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Tokenizer Tests</title>
+    <style type="text/css">
+        table {
+            border-collapse: collapse;
+            border-spacing: 0;
+            width: 100%;
+        }
+        th, td {
+            text-align: left;
+            padding: .2em 1em;
+            border-bottom: 1px solid #CCC;
+            font: 13px sans-serif;
+        }
+        .tokens ul,
+        .tokens li {
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .result {
+            font-weight: bold;
+        }
+        .fail {
+            color: orange;
+        }
+        .error {
+            color: red;
+        }
+        .pass {
+            color: green;
+        }
+    </style>
+</head>
+<body>
+    <script type="text/javascript">
+        window.PIE = {};
+        function runTest( css, expectedTokens) {
+            document.write( '<tr><td class="css">' + css + '</td><td class="tokens"><ul>' );
+            var result, error, className;
+            try {
+                var tokenizer = new PIE.Tokenizer( css ),
+                    actualTokens = [],
+                    token, expected, failure;
+                function checkMatch( msgPrefix ) {
+                    if( actualTokens.length === expectedTokens.length ) {
+                        for( var i = 0, len = actualTokens.length; i < len; i++ ) {
+                            expected = expectedTokens[i];
+                            if( actualTokens[i].type !== expected.type ) {
+                                failure = ( msgPrefix || '' ) + "Type mismatch at token " + i + ": expected " + expected.type + ', got ' + actualTokens[i].type;
+                                break;
+                            }
+                            if( actualTokens[i].value !== expected.value ) {
+                                failure = ( msgPrefix || '' ) + "Value mismatch at token " + i + ": expected " + expected.value + ', got ' + actualTokens[i].value;
+                                break;
+                            }
+                        }
+                    } else {
+                        failure = ( msgPrefix || '' ) + "Number of tokens is different: expected " + expectedTokens.length + ', got ' + actualTokens.length;
+                    }
+                }
+                // verify tokens in forward order
+                while( token = tokenizer.next() ) {
+                    actualTokens.push( token );
+                    document.write( '<li>type=' + token.tokenType + ', value=' + token.tokenValue + '</li>' );
+                }
+                checkMatch( '' );
+                // step back through all of them to make sure backtracking works
+                actualTokens = [];
+                while( token = tokenizer.prev() ) {
+                    actualTokens.unshift( token );
+                }
+                checkMatch( 'Backtracking: ' );
+            } catch( e ) {
+                error = e.message;
+            }
+            className = !!error ? 'error' : !!failure ? 'fail' : 'pass';
+            document.write( '</ul></td><td class="result ' + className + '">' + ( error || failure || 'Passed' ) + '</td></tr>' );
+        }
+    </script>
+    <script type="text/javascript" src="../sources/Color.js"></script>
+    <script type="text/javascript" src="../sources/Tokenizer.js"></script>
+    <table>
+        <thead>
+            <tr>
+                <th>CSS Value</th>
+                <th>Tokens</th>
+                <th>Test Result</th>
+            </tr>
+        </thead>
+        <tbody>
+            <script type="text/javascript">
+                runTest( '#00CCFF', [
+                    { tokenType: PIE.Tokenizer.Type.COLOR, tokenValue: '#00CCFF' }
+                ] );
+                runTest( 'rgb(0,127, 255 )', [
+                    { tokenType: PIE.Tokenizer.Type.COLOR, tokenValue:'rgb(0,127, 255 )' }
+                ] );
+                runTest( 'rgba(0,127, 255, 1 )', [
+                    { tokenType: PIE.Tokenizer.Type.COLOR, tokenValue:'rgba(0,127, 255, 1 )' }
+                ] );
+                runTest( 'linear-gradient(center top, yellow, blue)', [
+                    { tokenType: PIE.Tokenizer.Type.FUNCTION, tokenValue: 'linear-gradient' },
+                    { tokenType: PIE.Tokenizer.Type.IDENT, tokenValue: 'center' },
+                    { tokenType: PIE.Tokenizer.Type.IDENT, tokenValue: 'top' },
+                    { tokenType: PIE.Tokenizer.Type.OPERATOR, tokenValue: ',' },
+                    { tokenType: PIE.Tokenizer.Type.COLOR, tokenValue: 'yellow' },
+                    { tokenType: PIE.Tokenizer.Type.OPERATOR, tokenValue: ',' },
+                    { tokenType: PIE.Tokenizer.Type.COLOR, tokenValue: 'blue' },
+                    { tokenType: PIE.Tokenizer.Type.CHARACTER, tokenValue: ')' }
+                ] );
+                runTest( 'linear-gradient(top, yellow, rgba(0,0,255,0.5))', [
+                    { tokenType: PIE.Tokenizer.Type.FUNCTION, tokenValue: 'linear-gradient' },
+                    { tokenType: PIE.Tokenizer.Type.IDENT, tokenValue: 'top' },
+                    { tokenType: PIE.Tokenizer.Type.OPERATOR, tokenValue: ',' },
+                    { tokenType: PIE.Tokenizer.Type.COLOR, tokenValue: 'yellow' },
+                    { tokenType: PIE.Tokenizer.Type.OPERATOR, tokenValue: ',' },
+                    { tokenType: PIE.Tokenizer.Type.COLOR,  tokenValue: 'rgba(0,0,255,0.5)' },
+                    { tokenType: PIE.Tokenizer.Type.CHARACTER, tokenValue: ')' }
+                ]);
+                runTest( 'top 15px 3em 50%', [
+                    { tokenType: PIE.Tokenizer.Type.IDENT, tokenValue: 'top' },
+                    { tokenType: PIE.Tokenizer.Type.LENGTH, tokenValue: '15px' },
+                    { tokenType: PIE.Tokenizer.Type.LENGTH, tokenValue: '3em' },
+                    { tokenType: PIE.Tokenizer.Type.PERCENT, tokenValue: '50%' }
+                ] );
+            </script>
+        </tbody>
+    </table>
+</body>
+</html>

data/templates/project/sources/pie/tests/z-index-tests.html ADDED Viewed

@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Tests for z-index</title>
+    <style type="text/css">
+        html {
+            margin: 0;
+            padding: 0;
+        }
+        body {
+            background: url(background2.gif);
+            padding: 20px 50% 20px 0;
+        }
+        .test {
+            behavior: url(../build/PIE.htc);
+            padding: 20px;
+            margin: 0 20px 20px;
+            background: #EEE;
+            -moz-border-radius: 1em;
+            border-radius: 1em;
+            -moz-box-shadow: 0 0 10px;
+            box-shadow: 0 0 10px;
+            white-space: nowrap;
+        }
+        .wrapper {
+            padding: 20px 0;
+            margin: 0 20px 20px;
+            background: url(background1.gif);
+            border: 1px solid;
+        }
+        .clearer {
+            clear: both;
+        }
+        #test1 {
+            position: static;
+        }
+        #test2 {
+            position: relative;
+        }
+        #test3 {
+            position: absolute;
+            top: 20px;
+            right: 0;
+        }
+        #test4 {
+            position: static;
+            float: left;
+        }
+        #test5 {
+            position: relative;
+            float: left;
+            clear: left;
+        }
+        #test6 {
+            position: static;
+            z-index: 1;
+        }
+        #test7 {
+            position: relative;
+            z-index: 1;
+        }
+        #test8 {
+            position: absolute;
+            top: 100px;
+            right: 0;
+            z-index: 1;
+        }
+        #test9 {
+            position: static;
+        }
+        #test10 {
+            position: relative;
+        }
+        #test11 {
+            position: absolute;
+            top: 180px;
+            right: 0;
+        }
+        #test9 {
+            position: static;
+            zoom: 1;
+        }
+        #test13 {
+            position: static;
+            z-index: 1;
+        }
+        #test14 {
+            position: relative;
+            z-index: 1;
+        }
+        #test15 {
+            position: absolute;
+            top: 320px;
+            right: 0;
+            z-index: 1;
+        }
+        #test16 {
+            position: static;
+            z-index: 1;
+            zoom: 1;
+        }
+    </style>
+</head>
+<body>
+    <div class="test" id="test1">position:static, no z-index</div>
+    <div class="test" id="test2">position:relative, no z-index</div>
+    <div class="test" id="test3">position:absolute, no z-index</div>
+    <div class="test" id="test4">float:left, position:static, no z-index</div>
+    <div class="test" id="test5">float:left, position:relative, no z-index</div>
+    <div class="clearer"></div>
+    <div class="test" id="test6">position: static, z-index: 1</div>
+    <div class="test" id="test7">position: relative, z-index: 1</div>
+    <div class="test" id="test8">position: absolute, z-index: 1</div>
+    <div id="test9" class="wrapper"><div class="test">Nested within position: static, no z-index</div></div>
+    <div id="test10" class="wrapper"><div class="test">Nested within position: relative, no z-index</div></div>
+    <div id="test11" class="wrapper"><div class="test">Nested within position: absolute, no z-index</div></div>
+    <div id="test12" class="wrapper"><div class="test">Nested within position: static, no z-index, hasLayout</div></div>
+    <div id="test13" class="wrapper"><div class="test">Nested within position: static, z-index: 1</div></div>
+    <div id="test14" class="wrapper"><div class="test">Nested within position: relative, z-index: 1</div></div>
+    <div id="test15" class="wrapper"><div class="test">Nested within position: absolute, z-index: 1</div></div>
+    <div id="test16" class="wrapper"><div class="test">Nested within position: static, z-index: 1, hasLayout</div></div>
+</body>
+</html>

data/templates/project/sources/pie/tools/compiler.jar ADDED Viewed

Binary file

data/templates/project/sources/scrollability/README.md ADDED Viewed

@@ -0,0 +1,38 @@
+scrollability
+=============
+Give your mobile web apps a pretty darn good approximation of native scrolling.
+Scrollability is a single script, it's small, and it has no external dependencies. Drop it into your page, add a few CSS classes to scrollable elements, and scroll away.
+Status
+------
+This project is a WORK-IN-PROGRESS and is not yet ready to use.  Stay tuned!  Documentation will be written when the library is ready.
+Plan
+----
+As of this writing, Scrollability supports only basic vertical or horizontal scrolling.  Future plans include:
+* Snapping to pages
+* Sticky table headers
+* Photo browser
+* More customization of the animation details
+License
+-------
+Copyright 2011 Joe Hewitt
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+   http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

data/templates/project/sources/scrollability/scrollability-min.js ADDED Viewed

@@ -0,0 +1 @@

+ /* See LICENSE for terms of usage */(function(){function R(b){var c=b.parentNode;return{node:b,scrollbar:O(b),min:-c.scrollHeight+c.offsetHeight,max:0,viewport:c.offsetHeight,bounce:c.offsetHeight*e,constrained:!0,delegate:b.scrollDelegate,filter:function(a,b){return b},disable:function(b,c,d,e){var f=Math.abs(b-d),g=Math.abs(c-e);if(f>g&&f>a)return!0},update:function(a,b){N(a,a.scrollable_horizontal||0,b)}}}function Q(b){var c=b.parentNode;return{node:b,min:-c.scrollWidth+c.offsetWidth,max:0,viewport:c.offsetWidth,bounce:c.offsetWidth*e,constrained:!0,delegate:b.scrollDelegate,filter:function(a,b){return a},disable:function(b,c,d,e){var f=Math.abs(b-d),g=Math.abs(c-e);if(g>f&&g>a)return!0},update:function(a,b){N(a,b,a.scrollable_vertical||0)}}}function P(a,b,c,d){return a==d?b+c:c*(-Math.pow(2,-10*a/d)+1)+b}function O(a){if(!a.scrollableScrollbar){var b=a.scrollableScrollbar=document.createElement("div");b.className="scrollableScrollbar",b.style.cssText=["position: absolute","top: 0","right: 1px","width: 7px","min-height: 7px","opacity: 0","-webkit-transform: translate3d(0,0,0)","-webkit-box-sizing: border-box",'-webkit-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUhJREFUeNp0Ur1OwzAQtt1CaZQQgUjDhuicrEwoqjJlzpBAXoIHywtkcwfECyQPwIgKQkoyFJWq5k6cJcsUS5/sO993/1wpxazjAU4BJyR/A3aA0TSaGu85kbSO0y0AM/pH8lYr8ZwBLpBUluVtGIaPjuM8IYIgeEAdObwkB4xTqgv8iOP4vuu6lZEFRkUDHkWRbNv2mVJ/x4g+1pPn+RJICRlzk4Q3/lVVdUP1nwtqgpJSYqQJGbMj96RpmhXJM01kwzBcWU2x36zv+wXppro5TAihvat/HCjxa6R0V7FY5rruhx3BTtfzvDeS95rI0zSVcB+MpijL0SHLsjW9d3ocIRZvjINbKSsYx5rGsQdsNHFOC8CKolhCh+/GcbxG2ff9TZIkL3Vdv5KjT8AXN3b12MqZi4yRBiTZu7olmEvOacH/LPmPAAMA2bZzzeYUC40AAAAASUVORK5CYII=") 6 2 6 2 / 3px 1px 3px 1px round round',"z-index: 2147483647"].join(";")}return a.scrollableScrollbar}function N(a,b,c){m?a.style.webkitTransform="translate3d("+(b?b+"px":"0")+","+(c?c+"px":"0")+","+"0)":n&&(a.style.MozTransform="translate("+(b?b+"px":"0")+","+(c?c+"px":"0")+")")}function M(){if(w){clearInterval(w),w=0;for(var a=0;a<x.length;++a){var b=x[a];b.terminator()}x=[]}}function L(a){for(var b=0;b<a.length;++b){var c=a[b];c.className=c.className.replace("touched","")}}function K(a){var b=[];for(var c=a;c;c=c.parentNode)c.nodeType==1&&(c.className=(c.className?c.className+" ":"")+"touched",b.push(c));return b}function J(a,b,c,d){var e=a.className.split(" ");for(var f=0;f<e.length;++f){var g=e[f];if(y[g]){var h=y[g](a);h.key="scrollable_"+g,h.paginated=e.indexOf("paginated")!=-1,h.key in a||(a[h.key]=h.initial?h.initial(a):0);return h}}}function I(a,b,c,d,e){while(a){if(a.nodeType==1){var f=J(a,c,d,e);if(f){var g=!1;for(var h=0;h<b.length;++h)if(b[h].node==a){g=!0;break}g||(f=F(f,c,d,e),f&&b.push(f))}}a=a.parentNode}}function H(a,b,c,d){var e=[];I(a,e,b,c,d);var f=document.querySelectorAll(".scrollable.global");for(var g=0;g<f.length;++g)I(f[g],e,b,c,d);return e}function G(){var a=(new Date).getTime();for(var b=0;b<x.length;++b){var c=x[b],d=c.filter(r,s);c.animator(d,a)||(c.terminator(),x.splice(b--,1))}x.length||M()}function F(e,l,m,n){function W(){if(q){var a=Math.round(v/r);V(a*(r+A))}else v>x&&p?V(x):v<w&&p&&V(w);s&&(s.style.opacity="0",s.style.webkitTransition="opacity 0.33s linear"),o&&o.onEndScroll&&o.onEndScroll()}function V(a,b){v=a,e.node[e.key]=v,e.update(e.node,v),o&&o.onScroll&&o.onScroll(v);var c=-w-x;if(s&&r<c){var d=r-k*2,f=d/c*d,g=0;v>x?(f=Math.max(f-(v-x),7),g=0):v<w?(f=Math.max(f-(w-v),7),g=d-f):g=Math.round(Math.abs(v)/c*(d-f)),g+=k,s.style.height=Math.round(f)+"px",N(s,0,Math.round(g)),u&&(s.style.webkitTransition="none",s.style.opacity="1")}return b}function U(g,h){var i=1/(h-J);J=h;var k=!0;if(t){var l=(g-I)*b;if(!l){K||(K=h);if(h-K<L)return!0}else K=0;!O&&Math.abs(g-startTouch)>a&&(O=!0,o&&o.onLockScroll&&o.onLockScroll(e.key)),I=g,B=l/i;if(v>x&&z==x&&p){var m=v-x;B*=1-m/G}else if(v<w&&y==w&&p){var m=w-v;B*=1-m/G}}else{if(q&&!M){M=!0;if(Math.abs(v-x)>H||Math.abs(B)>j)if(v>x){if(x!=z){x+=r+A,w+=r+A;if(o&&o.onScrollPage){var n=w%r,s=-Math.round((v+r-n)/r);o.onScrollPage(s,-1)}}}else if(w!=y){x-=r+A,w-=r+A;if(o&&o.onScrollPage){var n=w%r,s=-Math.round((v-r-n)/r);o.onScrollPage(s,1)}}}if(v>x&&p){if(!(B>0)){C||(D=v,E=x-v),v=P(C,D,E,F);return V(v,++C<=F&&Math.floor(v)>x)}var m=v-x,u=1-m/G;B=Math.max(B-f*i,0)*u,C=0}else if(v<w&&p){if(!(B<0)){C||(D=v,E=w-v),v=P(C,D,E,F);return V(v,++C<=F&&Math.ceil(v)<w)}var m=w-v,u=1-m/G;B=Math.min(B+f*i,0)*u,C=0}else{C||(B<0&&B<-c?B=-c:B>0&&B>c&&(B=c),D=B),B=P(C,D,-D,d);if(++C>d||Math.floor(B)==0)k=!1}}v+=B*i;return V(v,k)}var o=e.delegate,p=e.constrained,q=e.paginated,r=e.viewport||0,s=e.scrollbar,v=e.node[e.key],w=e.min,x=e.max,y=w,z=Math.round(x/r)*r,A=0,B=0,C=0,D,E,F=q?h:g,G=e.bounce,H=r*i,I=startTouch=e.filter(l,m),J=n,K=0,L=20,M=!1,O=!1;if(q){var Q=Math.round(Math.abs(y)%r),R=(Math.abs(y)-Q)/r+1,A=Q/R,S=Math.round(v)%r,T=Math.round((v-S)/r)*r;w=x=Math.round(T+z)+S,y+=A}if(o&&o.onStartScroll&&!o.onStartScroll())return null;s&&e.node.parentNode.appendChild(s),e.updater=V,e.animator=U,e.terminator=W;return e}function E(a){function i(a){f&&(clearTimeout(f),f=0);if(d){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,1),d[0].dispatchEvent(b),L(d)}g.removeEventListener("touchmove",h,!1),g.removeEventListener("touchend",i,!1),t=!1}function h(a){a.preventDefault(),u=!0,f&&(clearTimeout(f),f=0),d&&(L(d),d=null);var b=a.touches[0];r=b.clientX,s=b.clientY;if(x.length>1)for(var c=0;c<x.length;++c){var e=x[c];if(e.disable&&e.disable(r,s,p,q)){e.terminator(),x.splice(c,1);break}}}M();var b=a.target,c=a.touches[0],d=null,e=(new Date).getTime();r=p=c.clientX,s=q=c.clientY,t=!0,u=!1,x=H(a.target,r,s,e);if(!x.length&&!z.globalScrolling)return!0;var f=setTimeout(function(){f=0,d=K(b)},50),g=document;g.addEventListener("touchmove",h,!1),g.addEventListener("touchend",i,!1),w=setInterval(G,0)}function D(a){v=!0}function C(a){setTimeout(function(){v?v=!1:o&&z.scrollToTop()})}function B(){z.flashIndicators()}function A(){window.scrollability=z,document.addEventListener("touchstart",E,!1),document.addEventListener("scroll",C,!1),document.addEventListener("orientationchange",D,!1),window.addEventListener("load",B,!1)}var a=10,b=1,c=720/(window.devicePixelRatio||1),d=350,e=.5,f=600,g=80,h=60,i=.5,j=50,k=1,l=200,m="webkitTransform"in document.documentElement.style,n="MozTransform"in document.documentElement.style,o="ontouchstart"in window,p,q,r,s,t,u,v,w=0,x=[],y={horizontal:Q,vertical:R},z={globalScrolling:!1,scrollers:y,flashIndicators:function(){var a=document.querySelectorAll(".scrollable.vertical");for(var b=0;b<a.length;++b)z.scrollTo(a[b],0,0,20,!0)},scrollToTop:function(){var a=document.getElementsByClassName("scrollable");if(a.length){var b=a[0];b.className.indexOf("vertical")!=-1&&z.scrollTo(b,0,0,l)}},scrollTo:function(a,b,c,d,e){M();var f=J(a);if(f){e&&(f.delegate=null),f=F(f),x=[f],u=!0;if(d){var g=a[f.key],h=f.filter(b,c),i=h-g,j=(new Date).getTime();w=setInterval(function(){var a=(new Date).getTime()-j,b=g+(h-g)*(a/d);if(i<0&&b<h||i>0&&b>h)b=h;f.updater(b),b==h&&(clearInterval(w),setTimeout(M,200))},20)}else f.updater(c),M()}}};A()})()

data/templates/project/sources/scrollability/scrollability.js ADDED Viewed

@@ -0,0 +1,661 @@
+/* See LICENSE for terms of usage */
+(function() {
+// Number of pixels finger must move to determine horizontal or vertical motion
+var kLockThreshold = 10;
+// Factor which reduces the length of motion by each move of the finger
+var kTouchMultiplier = 1;
+// Maximum velocity for motion after user releases finger
+var kMaxVelocity = 720 / (window.devicePixelRatio||1);
+// Rate of deceleration after user releases finger
+var kDecelRate = 350;
+// Percentage of the page which content can be overscrolled before it must bounce back
+var kBounceLimit = 0.5;
+// Rate of deceleration when content has overscrolled and is slowing down before bouncing back
+var kBounceDecelRate = 600;
+// Duration of animation when bouncing back
+var kBounceTime = 80;
+var kPageBounceTime = 60;
+// Percentage of viewport which must be scrolled past in order to snap to the next page
+var kPageLimit = 0.5;
+// Velocity at which the animation will advance to the next page
+var kPageEscapeVelocity = 50;
+// Vertical margin of scrollbar
+var kScrollbarMargin = 1;
+// Time to scroll to top
+var kScrollToTopTime = 200;
+var isWebkit = "webkitTransform" in document.documentElement.style;
+var isFirefox = "MozTransform" in document.documentElement.style;
+var isTouch = "ontouchstart" in window;
+// ===============================================================================================
+var startX, startY, touchX, touchY, touchDown, touchMoved, justChangedOrientation;
+var animationInterval = 0;
+var touchTargets = [];
+var scrollers = {
+    'horizontal': createXTarget,
+    'vertical': createYTarget
+};
+var scrollability = {
+    globalScrolling: false,
+    scrollers: scrollers,
+    flashIndicators: function() {
+        var scrollables = document.querySelectorAll('.scrollable.vertical');
+        for (var i = 0; i < scrollables.length; ++i) {
+            scrollability.scrollTo(scrollables[i], 0, 0, 20, true);
+        }
+    },
+    scrollToTop: function() {
+        var scrollables = document.getElementsByClassName('scrollable');
+        if (scrollables.length) {
+            var scrollable = scrollables[0];
+            if (scrollable.className.indexOf('vertical') != -1) {
+                scrollability.scrollTo(scrollable, 0, 0, kScrollToTopTime);
+            }
+        }
+    },
+    scrollTo: function(element, x, y, animationTime, muteDelegate) {
+        stopAnimation();
+        var target = createTargetForElement(element);
+        if (target) {
+            if (muteDelegate) {
+                target.delegate = null;
+            }
+            target = wrapTarget(target);
+            touchTargets = [target];
+            touchMoved = true;
+            if (animationTime) {
+                var orig = element[target.key];
+                var dest = target.filter(x, y);
+                var dir = dest - orig;
+                var startTime = new Date().getTime();
+                animationInterval = setInterval(function() {
+                    var d = new Date().getTime() - startTime;
+                    var pos = orig + ((dest-orig) * (d/animationTime));
+                    if ((dir < 0 && pos < dest) || (dir > 0 && pos > dest)) {
+                        pos = dest;
+                    }
+                    target.updater(pos);
+                    if (pos == dest) {
+                        clearInterval(animationInterval);
+                        setTimeout(stopAnimation, 200);
+                    }
+                }, 20);
+            } else {
+                target.updater(y);
+                stopAnimation();
+            }
+        }
+    }
+};
+function init() {
+    window.scrollability = scrollability;
+    document.addEventListener('touchstart', onTouchStart, false);
+    document.addEventListener('scroll', onScroll, false);
+    document.addEventListener('orientationchange', onOrientationChange, false);
+    window.addEventListener('load', onLoad, false);
+}
+function onLoad() {
+    scrollability.flashIndicators();
+}
+function onScroll(event) {
+    setTimeout(function() {
+        if (justChangedOrientation) {
+            justChangedOrientation = false;
+        } else if (isTouch) {
+            scrollability.scrollToTop();
+        }
+    });
+}
+function onOrientationChange(event) {
+    justChangedOrientation = true;
+}
+function onTouchStart(event) {
+    stopAnimation();
+    var touchCandidate = event.target;
+    var touch = event.touches[0];
+    var touched = null;
+    var startTime = new Date().getTime();
+    touchX = startX = touch.clientX;
+    touchY = startY = touch.clientY;
+    touchDown = true;
+    touchMoved = false;
+    touchTargets = getTouchTargets(event.target, touchX, touchY, startTime);
+    if (!touchTargets.length && !scrollability.globalScrolling) {
+        return true;
+    }
+    var holdTimeout = setTimeout(function() {
+        holdTimeout = 0;
+        touched = setTouched(touchCandidate);
+    }, 50);
+    var d = document;
+    d.addEventListener('touchmove', onTouchMove, false);
+    d.addEventListener('touchend', onTouchEnd, false);
+    animationInterval = setInterval(touchAnimation, 0);
+    function onTouchMove(event) {
+        event.preventDefault();
+        touchMoved = true;
+        if (holdTimeout) {
+            clearTimeout(holdTimeout);
+            holdTimeout = 0;
+        }
+        if (touched) {
+            releaseTouched(touched);
+            touched = null;
+        }
+        var touch = event.touches[0];
+        touchX = touch.clientX;
+        touchY = touch.clientY;
+        // Reduce the candidates down to the one whose axis follows the finger most closely
+        if (touchTargets.length > 1) {
+            for (var i = 0; i < touchTargets.length; ++i) {
+                var target = touchTargets[i];
+                if (target.disable && target.disable(touchX, touchY, startX, startY)) {
+                    target.terminator();
+                    touchTargets.splice(i, 1);
+                    break;
+                }
+            }
+        }
+    }
+    function onTouchEnd(event) {
+        if (holdTimeout) {
+            clearTimeout(holdTimeout);
+            holdTimeout = 0;
+        }
+        // Simulate a click event when releasing the finger
+        if (touched) {
+            var evt = document.createEvent('MouseEvents');
+            evt.initMouseEvent('click', true, true, window, 1);
+            touched[0].dispatchEvent(evt);
+            releaseTouched(touched);
+        }
+        d.removeEventListener('touchmove', onTouchMove, false);
+        d.removeEventListener('touchend', onTouchEnd, false);
+        touchDown = false;
+    }
+}
+function wrapTarget(target, startX, startY, startTime) {
+    var delegate = target.delegate;
+    var constrained = target.constrained;
+    var paginated = target.paginated;
+    var viewport = target.viewport || 0;
+    var scrollbar = target.scrollbar;
+    var position = target.node[target.key];
+    var min = target.min;
+    var max = target.max;
+    var absMin = min;
+    var absMax = Math.round(max/viewport)*viewport;
+    var pageSpacing = 0;
+    var velocity = 0;
+    var decelerating = 0;
+    var decelOrigin, decelDelta;
+    var bounceTime = paginated ? kPageBounceTime : kBounceTime;
+    var bounceLimit = target.bounce;
+    var pageLimit = viewport * kPageLimit;
+    var lastTouch = startTouch = target.filter(startX, startY);
+    var lastTime = startTime;
+    var stillTime = 0;
+    var stillThreshold = 20;
+    var snapped = false;
+    var locked = false;
+    if (paginated) {
+        var excess = Math.round(Math.abs(absMin) % viewport);
+        var pageCount = ((Math.abs(absMin)-excess) / viewport)+1;
+        var pageSpacing = excess / pageCount;
+        var positionSpacing = Math.round(position) % viewport;
+        var pagePosition = Math.round((position-positionSpacing)/viewport) * viewport;
+        min = max = Math.round(pagePosition + absMax)+positionSpacing;
+        absMin += pageSpacing;
+    }
+    if (delegate && delegate.onStartScroll) {
+        if (!delegate.onStartScroll()) {
+            return null;
+        }
+    }
+    if (scrollbar) {
+        target.node.parentNode.appendChild(scrollbar);
+    }
+    function animator(touch, time) {
+        var deltaTime = 1 / (time - lastTime);
+        lastTime = time;
+        var continues = true;
+        if (touchDown) {
+            var delta = (touch - lastTouch) * kTouchMultiplier;
+            if (!delta) {
+                // Heuristics to prevent out delta=0 changes from making velocity=0 and
+                // stopping all motion in its tracks.  We need to distinguish when the finger
+                // has actually stopped moving from when the timer fired too quickly.
+                if (!stillTime) {
+                    stillTime = time;
+                }
+                if (time - stillTime < stillThreshold) {
+                    return true;
+                }
+            } else {
+                stillTime = 0;
+            }
+            if (!locked && Math.abs(touch - startTouch) > kLockThreshold) {
+                locked = true;
+                if (delegate && delegate.onLockScroll) {
+                    delegate.onLockScroll(target.key);
+                }
+            }
+            lastTouch = touch;
+            velocity = delta / deltaTime;
+            // Apply resistance along the edges
+            if (position > max && absMax == max && constrained) {
+                var excess = position - max;
+                velocity *= (1.0 - excess / bounceLimit);
+            } else if (position < min && absMin == min && constrained) {
+                var excess = min - position;
+                velocity *= (1.0 - excess / bounceLimit);
+            }
+        } else {
+            if (paginated && !snapped) {
+                // When finger is released, decide whether to jump to next/previous page
+                // or to snap back to the current page
+                snapped = true;
+                if (Math.abs(position - max) > pageLimit || Math.abs(velocity) > kPageEscapeVelocity) {
+                    if (position > max) {
+                        if (max != absMax) {
+                            max += viewport+pageSpacing;
+                            min += viewport+pageSpacing;
+                            if (delegate && delegate.onScrollPage) {
+                                var totalSpacing = min % viewport;
+                                var page = -Math.round((position+viewport-totalSpacing)/viewport);
+                                delegate.onScrollPage(page, -1);
+                            }
+                        }
+                    } else {
+                        if (min != absMin) {
+                            max -= viewport+pageSpacing;
+                            min -= viewport+pageSpacing;
+                            if (delegate && delegate.onScrollPage) {
+                                var totalSpacing = min % viewport;
+                                var page = -Math.round((position-viewport-totalSpacing)/viewport);
+                                delegate.onScrollPage(page, 1);
+                            }
+                        }
+                    }
+                }
+            }
+            if (position > max && constrained) {
+                if (velocity > 0) {
+                    // Slowing down
+                    var excess = position - max;
+                    var elasticity = (1.0 - excess / bounceLimit);
+                    velocity = Math.max(velocity - kBounceDecelRate * deltaTime, 0) * elasticity;
+                    decelerating = 0;
+                } else {
+                    // Bouncing back
+                    if (!decelerating) {
+                        decelOrigin = position;
+                        decelDelta = max - position;
+                    }
+                    position = easeOutExpo(decelerating, decelOrigin, decelDelta, bounceTime);
+                    return update(position, ++decelerating <= bounceTime && Math.floor(position) > max);
+                }
+            } else if (position < min && constrained) {
+                if (velocity < 0) {
+                    // Slowing down
+                    var excess = min - position;
+                    var elasticity = (1.0 - excess / bounceLimit);
+                    velocity = Math.min(velocity + kBounceDecelRate * deltaTime, 0) * elasticity;
+                    decelerating = 0;
+                } else {
+                    // Bouncing back
+                    if (!decelerating) {
+                        decelOrigin = position;
+                        decelDelta = min - position;
+                    }
+                    position = easeOutExpo(decelerating, decelOrigin, decelDelta, bounceTime);
+                    return update(position, ++decelerating <= bounceTime && Math.ceil(position) < min);
+                }
+            } else {
+                // Slowing down
+                if (!decelerating) {
+                    if (velocity < 0 && velocity < -kMaxVelocity) {
+                        velocity = -kMaxVelocity;
+                    } else if (velocity > 0 && velocity > kMaxVelocity) {
+                        velocity = kMaxVelocity;
+                    }
+                    decelOrigin = velocity;
+                }
+                velocity = easeOutExpo(decelerating, decelOrigin, -decelOrigin, kDecelRate);
+                if (++decelerating > kDecelRate || Math.floor(velocity) == 0) {
+                    continues = false;
+                }
+            }
+        }
+        position += velocity * deltaTime;
+        return update(position, continues);
+    }
+    function update(pos, continues) {
+        position = pos;
+        target.node[target.key] = position;
+        target.update(target.node, position);
+        if (delegate && delegate.onScroll) {
+            delegate.onScroll(position);
+        }
+        // Update the scrollbar
+        var range = -min - max;
+        if (scrollbar && viewport < range) {
+            var viewable = viewport - kScrollbarMargin*2;
+            var height = (viewable/range) * viewable;
+            var scrollPosition = 0;
+            if (position > max) {
+                height = Math.max(height - (position-max), 7);
+                scrollPosition = 0;
+            } else if (position < min) {
+                height = Math.max(height - (min - position), 7);
+                scrollPosition = (viewable-height);
+            } else {
+                scrollPosition = Math.round((Math.abs(position) / range) * (viewable-height));
+            }
+            scrollPosition += kScrollbarMargin;
+            scrollbar.style.height = Math.round(height) + 'px';
+            moveElement(scrollbar, 0, Math.round(scrollPosition));
+            if (touchMoved) {
+                scrollbar.style.webkitTransition = 'none';
+                scrollbar.style.opacity = '1';
+            }
+        }
+        return continues;
+    }
+    function terminator() {
+        // Snap to the integer endpoint, since position may be a subpixel value while animating
+        if (paginated) {
+            var pageIndex = Math.round(position/viewport);
+            update(pageIndex * (viewport+pageSpacing));
+        } else  if (position > max && constrained) {
+            update(max);
+        } else if (position < min && constrained) {
+            update(min);
+        }
+        // Hide the scrollbar
+        if (scrollbar) {
+            scrollbar.style.opacity = '0';
+            scrollbar.style.webkitTransition = 'opacity 0.33s linear';
+        }
+        if (delegate && delegate.onEndScroll) {
+            delegate.onEndScroll();
+        }
+    }
+    target.updater = update;
+    target.animator = animator;
+    target.terminator = terminator;
+    return target;
+}
+function touchAnimation() {
+    var time = new Date().getTime();
+    // Animate each of the targets
+    for (var i = 0; i < touchTargets.length; ++i) {
+        var target = touchTargets[i];
+        // Translate the x/y touch into the value needed by each of the targets
+        var touch = target.filter(touchX, touchY);
+        if (!target.animator(touch, time)) {
+            target.terminator();
+            touchTargets.splice(i--, 1);
+        }
+    }
+    if (!touchTargets.length) {
+        stopAnimation();
+    }
+}
+// *************************************************************************************************
+function getTouchTargets(node, touchX, touchY, startTime) {
+    var targets = [];
+    findTargets(node, targets, touchX, touchY, startTime);
+    var candidates = document.querySelectorAll('.scrollable.global');
+    for (var j = 0; j < candidates.length; ++j) {
+        findTargets(candidates[j], targets, touchX, touchY, startTime);
+    }
+    return targets;
+}
+function findTargets(element, targets, touchX, touchY, startTime) {
+    while (element) {
+        if (element.nodeType == 1) {
+            var target = createTargetForElement(element, touchX, touchY, startTime);
+            if (target) {
+                // Look out for duplicates
+                var exists = false;
+                for (var j = 0; j < targets.length; ++j) {
+                    if (targets[j].node == element) {
+                        exists = true;
+                        break;
+                    }
+                }
+                if (!exists) {
+                    target = wrapTarget(target, touchX, touchY, startTime);
+                    if (target) {
+                        targets.push(target);
+                    }
+                }
+            }
+        }
+       element = element.parentNode;
+    }
+}
+function createTargetForElement(element, touchX, touchY, startTime) {
+    var classes = element.className.split(' ');
+    for (var i = 0; i < classes.length; ++i) {
+        var name = classes[i];
+        if (scrollers[name]) {
+            var target = scrollers[name](element);
+            target.key = 'scrollable_'+name;
+            target.paginated = classes.indexOf('paginated') != -1;
+            if (!(target.key in element)) {
+                element[target.key] = target.initial ? target.initial(element) : 0;
+            }
+            return target;
+        }
+    }
+}
+function setTouched(target) {
+    var touched = [];
+    for (var n = target; n; n = n.parentNode) {
+        if (n.nodeType == 1) {
+            n.className = (n.className ? n.className + ' ' : '') + 'touched';
+            touched.push(n);
+        }
+    }
+    return touched;
+}
+function releaseTouched(touched) {
+    for (var i = 0; i < touched.length; ++i) {
+        var n = touched[i];
+        n.className = n.className.replace('touched', '');
+    }
+}
+function stopAnimation() {
+    if (animationInterval) {
+        clearInterval(animationInterval);
+        animationInterval = 0;
+        for (var i = 0; i < touchTargets.length; ++i) {
+            var target = touchTargets[i];
+            target.terminator();
+        }
+        touchTargets = [];
+    }
+}
+function moveElement(element, x, y) {
+    if (isWebkit) {
+        element.style.webkitTransform = 'translate3d('
+        +(x ? (x+'px') : '0')+','
+        +(y ? (y+'px') : '0')+','
+        +'0)';
+    } else if (isFirefox) {
+        element.style.MozTransform = 'translate('
+        +(x ? (x+'px') : '0')+','
+        +(y ? (y+'px') : '0')+')';
+    }
+}
+function initScrollbar(element) {
+    if (!element.scrollableScrollbar) {
+        var scrollbar = element.scrollableScrollbar = document.createElement('div');
+        scrollbar.className = 'scrollableScrollbar';
+        // We hardcode this CSS here to avoid having to provide a CSS file
+        scrollbar.style.cssText = [
+            'position: absolute',
+            'top: 0',
+            'right: 1px',
+            'width: 7px',
+            'min-height: 7px',
+            'opacity: 0',
+            '-webkit-transform: translate3d(0,0,0)',
+            '-webkit-box-sizing: border-box',
+            '-webkit-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUhJREFUeNp0Ur1OwzAQtt1CaZQQgUjDhuicrEwoqjJlzpBAXoIHywtkcwfECyQPwIgKQkoyFJWq5k6cJcsUS5/sO993/1wpxazjAU4BJyR/A3aA0TSaGu85kbSO0y0AM/pH8lYr8ZwBLpBUluVtGIaPjuM8IYIgeEAdObwkB4xTqgv8iOP4vuu6lZEFRkUDHkWRbNv2mVJ/x4g+1pPn+RJICRlzk4Q3/lVVdUP1nwtqgpJSYqQJGbMj96RpmhXJM01kwzBcWU2x36zv+wXppro5TAihvat/HCjxa6R0V7FY5rruhx3BTtfzvDeS95rI0zSVcB+MpijL0SHLsjW9d3ocIRZvjINbKSsYx5rGsQdsNHFOC8CKolhCh+/GcbxG2ff9TZIkL3Vdv5KjT8AXN3b12MqZi4yRBiTZu7olmEvOacH/LPmPAAMA2bZzzeYUC40AAAAASUVORK5CYII=") 6 2 6 2 / 3px 1px 3px 1px round round',
+            'z-index: 2147483647',
+        ].join(';');
+    }
+    return element.scrollableScrollbar;
+}
+function easeOutExpo(t, b, c, d) {
+    return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+}
+// *************************************************************************************************
+function createXTarget(element) {
+    var parent = element.parentNode;
+    return {
+        node: element,
+        min: -parent.scrollWidth + parent.offsetWidth,
+        max: 0,
+        viewport: parent.offsetWidth,
+        bounce: parent.offsetWidth * kBounceLimit,
+        constrained: true,
+        delegate: element.scrollDelegate,
+        filter: function(x, y) {
+            return x;
+        },
+        disable: function (x, y, startX, startY) {
+            var dx = Math.abs(x - startX);
+            var dy = Math.abs(y - startY);
+            if (dy > dx && dy > kLockThreshold) {
+                return true;
+            }
+        },
+        update: function(element, position) {
+            moveElement(element, position, element.scrollable_vertical||0);
+        }
+    };
+}
+function createYTarget(element) {
+    var parent = element.parentNode;
+    return {
+        node: element,
+        scrollbar: initScrollbar(element),
+        min: -parent.scrollHeight + parent.offsetHeight,
+        max: 0,
+        viewport: parent.offsetHeight,
+        bounce: parent.offsetHeight * kBounceLimit,
+        constrained: true,
+        delegate: element.scrollDelegate,
+        filter: function(x, y) {
+            return y;
+        },
+        disable: function(x, y, startX, startY) {
+            var dx = Math.abs(x - startX);
+            var dy = Math.abs(y - startY);
+            if (dx > dy && dx > kLockThreshold) {
+                return true;
+            }
+        },
+        update: function(element, position) {
+            moveElement(element, element.scrollable_horizontal||0, position);
+        }
+    };
+}
+init();
+})();