RubyGems - survivalkit - Versions diffs - 0.3.3 → 0.3.4 - Mend

survivalkit 0.3.3 → 0.3.4

Files changed (1167) hide show

data/templates/drupal/sources/pie/tests/tokenizer-tests.html DELETED

@@ -1,158 +0,0 @@
-<!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/drupal/sources/pie/tests/z-index-tests.html DELETED

@@ -1,145 +0,0 @@
-<!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/drupal/sources/pie/tools/compiler.jar DELETED

Binary file

data/templates/drupal/sources/scrollability/README.md DELETED

@@ -1,38 +0,0 @@
-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/drupal/sources/scrollability/scrollability-min.js DELETED

@@ -1 +0,0 @@

- /* 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/drupal/sources/scrollability/scrollability.js DELETED

@@ -1,661 +0,0 @@
-/* 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();
-})();