compass-jquery-plugin 0.2.4.5 → 0.2.4.99

data/templates/jqtouch/jquery.jqtouch.js

@@ -0,0 +1,1007 @@
+/*
+
+            _/    _/_/    _/_/_/_/_/                              _/       
+               _/    _/      _/      _/_/    _/    _/    _/_/_/  _/_/_/    
+          _/  _/  _/_/      _/    _/    _/  _/    _/  _/        _/    _/   
+         _/  _/    _/      _/    _/    _/  _/    _/  _/        _/    _/    
+        _/    _/_/  _/    _/      _/_/      _/_/_/    _/_/_/  _/    _/     
+       _/                                                                  
+    _/
+
+    Created by David Kaneda <http://www.davidkaneda.com>
+    Documentation and issue tracking on Google Code <http://code.google.com/p/jqtouch/>
+    
+    Special thanks to Jonathan Stark <http://jonathanstark.com/>
+    and pinch/zoom <http://www.pinchzoom.com/>
+    
+    (c) 2009 by jQTouch project members.
+    See LICENSE.txt for license.
+    
+    $Revision: 109 $
+    $Date: 2009-10-06 12:23:30 -0400 (Tue, 06 Oct 2009) $
+    $LastChangedBy: davidcolbykaneda $
+
+*/
+
+(function($) {
+    $.jQTouch = function(options) {
+        
+        // Set support values
+        $.support.WebKitCSSMatrix = (typeof WebKitCSSMatrix == "object");
+        $.support.touch = (typeof Touch == "object");
+        $.support.WebKitAnimationEvent = (typeof WebKitTransitionEvent == "object");
+        
+        // Initialize internal variables
+        var $body, 
+            $head=$('head'), 
+            hist=[], 
+            newPageCount=0, 
+            jQTSettings={}, 
+            hashCheck, 
+            currentPage, 
+            orientation, 
+            isMobileWebKit = RegExp(" Mobile/").test(navigator.userAgent), 
+            tapReady=true,
+            lastAnimationTime=0,
+            touchSelectors=[],
+            publicObj={},
+            extensions=$.jQTouch.prototype.extensions,
+            defaultAnimations=['slide','flip','slideup','swap','cube','pop','dissolve','fade','back'], 
+            animations=[], 
+            hairextensions='';
+
+        // Get the party started
+        init(options);
+
+        function init(options) {
+            
+            var defaults = {
+                addGlossToIcon: true,
+                backSelector: '.back, .cancel, .goback',
+                cacheGetRequests: true,
+                cubeSelector: '.cube',
+                dissolveSelector: '.dissolve',
+                fadeSelector: '.fade',
+                fixedViewport: true,
+                flipSelector: '.flip',
+                formSelector: 'form',
+                fullScreen: true,
+                fullScreenClass: 'fullscreen',
+                icon: null,
+                touchSelector: 'a, .touch',
+                popSelector: '.pop',
+                preloadImages: false,
+                slideSelector: 'body > * > ul li a',
+                slideupSelector: '.slideup',
+                startupScreen: null,
+                statusBar: 'default', // other options: black-translucent, black
+                submitSelector: '.submit',
+                swapSelector: '.swap',
+                useAnimations: true,
+                useFastTouch: true // Experimental.
+            };
+            jQTSettings = $.extend({}, defaults, options);
+            
+            // Preload images
+            if (jQTSettings.preloadImages) {
+                for (var i = jQTSettings.preloadImages.length - 1; i >= 0; i--){
+                    (new Image()).src = jQTSettings.preloadImages[i];
+                };
+            }
+            // Set icon
+            if (jQTSettings.icon) {
+                var precomposed = (jQTSettings.addGlossToIcon) ? '' : '-precomposed';
+                hairextensions += '<link rel="apple-touch-icon' + precomposed + '" href="' + jQTSettings.icon + '" />';
+            }
+            // Set startup screen
+            if (jQTSettings.startupScreen) {
+                hairextensions += '<link rel="apple-touch-startup-image" href="' + jQTSettings.startupScreen + '" />';
+            }
+            // Set viewport
+            if (jQTSettings.fixedViewport) {
+                hairextensions += '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"/>';
+            }
+            // Set full-screen
+            if (jQTSettings.fullScreen) {
+                hairextensions += '<meta name="apple-mobile-web-app-capable" content="yes" />';
+                if (jQTSettings.statusBar) {
+                    hairextensions += '<meta name="apple-mobile-web-app-status-bar-style" content="' + jQTSettings.statusBar + '" />';
+                }
+            }
+            if (hairextensions) $head.append(hairextensions);
+
+            // Initialize on document load:
+            $(document).ready(function(){
+
+                // Add extensions
+                for (var i in extensions)
+                {
+                    var fn = extensions[i];
+                    if ($.isFunction(fn))
+                    {
+                        $.extend(publicObj, fn(publicObj));
+                    }
+                }
+                
+                // Add animations
+                for (var i in defaultAnimations)
+                {
+                    var name = defaultAnimations[i];
+                    var selector = jQTSettings[name + 'Selector'];
+                    if (typeof(selector) == 'string') {
+                        addAnimation({name:name, selector:selector});
+                    }
+                }
+
+                touchSelectors.push('input');
+                touchSelectors.push(jQTSettings.touchSelector);
+                touchSelectors.push(jQTSettings.backSelector);
+                touchSelectors.push(jQTSettings.submitSelector);
+                $(touchSelectors.join(', ')).css('-webkit-touch-callout', 'none');
+                $(jQTSettings.backSelector).tap(liveTap);
+                $(jQTSettings.submitSelector).tap(submitParentForm);
+
+                $body = $('body');
+                
+                if (jQTSettings.fullScreenClass && window.navigator.standalone == true) {
+                    $body.addClass(jQTSettings.fullScreenClass + ' ' + jQTSettings.statusBar);
+                }
+
+                // Create custom live events
+                $body
+                    .bind('touchstart', handleTouch)
+                    .bind('orientationchange', updateOrientation)
+                    .trigger('orientationchange')
+                    .submit(submitForm);
+                    
+                if (jQTSettings.useFastTouch && $.support.touch)
+                {
+                    $body.click(function(e){
+                        var $el = $(e.target);
+                        if ($el.attr('target') == '_blank' || $el.attr('rel') == 'external' || $el.is('input[type="checkbox"]'))
+                        {
+                            return true;
+                        } else {
+                            return false;
+                        }
+                    });
+                    
+                    // This additionally gets rid of form focusses
+                    $body.mousedown(function(e){
+                        var timeDiff = (new Date()).getTime() - lastAnimationTime;
+                        if (timeDiff < 200)
+                        {
+                            return false;
+                        }
+                    });
+                }
+
+                // Make sure exactly one child of body has "current" class
+                if ($('body > .current').length == 0) {
+                    currentPage = $('body > *:first');
+                } else {
+                    currentPage = $('body > .current:first');
+                    $('body > .current').removeClass('current');
+                }
+                
+                // Go to the top of the "current" page
+                $(currentPage).addClass('current');
+                location.hash = $(currentPage).attr('id');
+                addPageToHistory(currentPage);
+                scrollTo(0, 0);
+                dumbLoopStart();
+            });
+        }
+        
+        // PUBLIC FUNCTIONS
+        function goBack(to) {
+            // Init the param
+            if (hist.length > 1) {
+                var numberOfPages = Math.min(parseInt(to || 1, 10), hist.length-1);
+
+                // Search through the history for an ID
+                if( isNaN(numberOfPages) && typeof(to) === "string" && to != '#' ) {
+                    for( var i=1, length=hist.length; i < length; i++ ) {
+                        if( '#' + hist[i].id === to ) {
+                            numberOfPages = i;
+                            break;
+                        }
+                    }
+                }
+
+                // If still nothing, assume one
+                if( isNaN(numberOfPages) || numberOfPages < 1 ) {
+                    numberOfPages = 1;
+                };
+
+                // Grab the current page for the "from" info
+                var animation = hist[0].animation;
+                var fromPage = hist[0].page;
+
+                // Remove all pages in front of the target page
+                hist.splice(0, numberOfPages);
+
+                // Grab the target page
+                var toPage = hist[0].page;
+
+                // Make the animations
+                animatePages(fromPage, toPage, animation, true);
+                
+                return publicObj;
+            } else {
+                console.error('No pages in history.');
+                return false;
+            }
+        }
+        function goTo(toPage, animation) {
+            var fromPage = hist[0].page;
+            
+            if (typeof(toPage) === 'string') {
+                toPage = $(toPage);
+            }
+            if (typeof(animation) === 'string') {
+                for (var i = animations.length - 1; i >= 0; i--){
+                    if (animations[i].name === animation)
+                    {
+                        animation = animations[i];
+                        break;
+                    }
+                }
+            }
+            if (animatePages(fromPage, toPage, animation)) {
+                addPageToHistory(toPage, animation);
+                return publicObj;
+            }
+            else
+            {
+                console.error('Could not animate pages.');
+                return false;
+            }
+        }
+        function getOrientation() {
+            return orientation;
+        }
+
+        // PRIVATE FUNCTIONS
+        function liveTap(e){
+            
+            // Grab the clicked element
+            var $el = $(e.target);
+
+            if ($el.attr('nodeName')!=='A'){
+                $el = $el.parent('a');
+            }
+            
+            var target = $el.attr('target'), 
+            hash = $el.attr('hash'), 
+            animation=null;
+            
+            if (tapReady == false || !$el.length) {
+                console.warn('Not able to tap element.')
+                return false;
+            }
+            
+            if ($el.attr('target') == '_blank' || $el.attr('rel') == 'external')
+            {
+                return true;
+            }
+            
+            // Figure out the animation to use
+            for (var i = animations.length - 1; i >= 0; i--){
+                if ($el.is(animations[i].selector)) {
+                    animation = animations[i];
+                    break;
+                }
+            };
+
+            // User clicked an internal link, fullscreen mode
+            if (target == '_webapp') {
+                window.location = $el.attr('href');
+            }
+            // User clicked a back button
+            else if ($el.is(jQTSettings.backSelector)) {
+                goBack(hash);
+            }
+            // Branch on internal or external href
+            else if (hash && hash!='#') {
+                $el.addClass('active');
+                goTo($(hash).data('referrer', $el), animation);
+            } else {
+                $el.addClass('loading active');
+                showPageByHref($el.attr('href'), {
+                    animation: animation,
+                    callback: function(){ 
+                        $el.removeClass('loading'); setTimeout($.fn.unselect, 250, $el);
+                    },
+                    $referrer: $el
+                });
+            }
+            return false;
+        }
+        function addPageToHistory(page, animation) {
+            // Grab some info
+            var pageId = page.attr('id');
+
+            // Prepend info to page history
+            hist.unshift({
+                page: page, 
+                animation: animation, 
+                id: pageId
+            });
+        }
+        function animatePages(fromPage, toPage, animation, backwards) {
+            // Error check for target page
+            if(toPage.length === 0){
+                $.fn.unselect();
+                console.error('Target element is missing.');
+                return false;
+            }
+            
+            // Collapse the keyboard
+            $(':focus').blur();
+
+            // Make sure we are scrolled up to hide location bar
+            scrollTo(0, 0);
+            
+            // Define callback to run after animation completes
+            var callback = function(event){
+
+                if (animation)
+                {
+                    toPage.removeClass('in reverse ' + animation.name);
+                    fromPage.removeClass('current out reverse ' + animation.name);
+                }
+                else
+                {
+                    fromPage.removeClass('current');
+                }
+
+                toPage.trigger('pageAnimationEnd', { direction: 'in' });
+    	        fromPage.trigger('pageAnimationEnd', { direction: 'out' });
+                
+                clearInterval(dumbLoop);
+                currentPage = toPage;
+                location.hash = currentPage.attr('id');
+                dumbLoopStart();
+
+                var $originallink = toPage.data('referrer');
+                if ($originallink) {
+                    $originallink.unselect();
+                }
+                lastAnimationTime = (new Date()).getTime();
+                tapReady = true;
+            }
+
+            fromPage.trigger('pageAnimationStart', { direction: 'out' });
+            toPage.trigger('pageAnimationStart', { direction: 'in' });
+
+            if ($.support.WebKitAnimationEvent && animation && jQTSettings.useAnimations) {
+                toPage.one('webkitAnimationEnd', callback);
+                tapReady = false;
+                toPage.addClass(animation.name + ' in current ' + (backwards ? ' reverse' : ''));
+                fromPage.addClass(animation.name + ' out' + (backwards ? ' reverse' : ''));
+            } else {
+                toPage.addClass('current');
+                callback();
+            }
+
+            return true;
+        }
+        function dumbLoopStart() {
+            dumbLoop = setInterval(function(){
+                var curid = currentPage.attr('id');
+                if (location.hash == '') {
+                    location.hash = '#' + curid;
+                } else if (location.hash != '#' + curid) {
+                    try {
+                        goBack(location.hash)
+                    } catch(e) {
+                        console.error('Unknown hash change.');
+                    }
+                }
+            }, 100);
+        }
+        function insertPages(nodes, animation) {
+            var targetPage = null;
+            $(nodes).each(function(index, node){
+                var $node = $(this);
+                if (!$node.attr('id')) {
+                    $node.attr('id', 'page-' + (++newPageCount));
+                }
+                $node.appendTo($body);
+                if ($node.hasClass('current') || !targetPage ) {
+                    targetPage = $node;
+                }
+            });
+            if (targetPage !== null) {
+                goTo(targetPage, animation);
+                return targetPage;
+            }
+            else
+            {
+                return false;
+            }
+        }
+        function showPageByHref(href, options) {
+            var defaults = {
+                data: null,
+                method: 'GET',
+                animation: null,
+                callback: null,
+                $referrer: null
+            };
+            
+            var settings = $.extend({}, defaults, options);
+
+            if (href != '#')
+            {
+                $.ajax({
+                    url: href,
+                    data: settings.data,
+                    type: settings.method,
+                    success: function (data, textStatus) {
+                        var firstPage = insertPages(data, settings.animation);
+                        if (firstPage)
+                        {
+                            if (settings.method == 'GET' && jQTSettings.cacheGetRequests && settings.$referrer)
+                            {
+                                settings.$referrer.attr('href', '#' + firstPage.attr('id'));
+                            }
+                            if (settings.callback) {
+                                settings.callback(true);
+                            }
+                        }
+                    },
+                    error: function (data) {
+                        if (settings.$referrer) settings.$referrer.unselect();
+                        if (settings.callback) {
+                            settings.callback(false);
+                        }
+                    }
+                });
+            }
+            else if ($referrer)
+            {
+                $referrer.unselect();
+            }
+        }
+        function submitForm(e, callback){
+            var $form = (typeof(e)==='string') ? $(e) : $(e.target);
+
+            if ($form.length && $form.is(jQTSettings.formSelector) && $form.attr('action')) {
+                showPageByHref($form.attr('action'), {
+                    data: $form.serialize(),
+                    method: $form.attr('method') || "POST",
+                    animation: animations[0] || null,
+                    callback: callback
+                });
+                return false;
+            }
+            return true;
+        }
+        function submitParentForm(e){
+            var $form = $(this).closest('form');
+            if ($form.length)
+            {
+                evt = jQuery.Event("submit");
+                evt.preventDefault();
+                $form.trigger(evt);
+                return false;
+            }
+            return true;
+        }
+        function addAnimation(animation) {
+            if (typeof(animation.selector) == 'string' && typeof(animation.name) == 'string') {
+                animations.push(animation);
+                $(animation.selector).tap(liveTap);
+                touchSelectors.push(animation.selector);
+            }
+        }
+        function updateOrientation() {
+            orientation = window.innerWidth < window.innerHeight ? 'profile' : 'landscape';
+            $body.removeClass('profile landscape').addClass(orientation).trigger('turn', {orientation: orientation});
+            // scrollTo(0, 0);
+        }
+        function handleTouch(e) {
+
+            var $el = $(e.target);
+
+            // Only handle touchSelectors
+            if (!$(e.target).is(touchSelectors.join(', ')))
+            {
+                var $link = $(e.target).closest('a');
+                
+                if ($link.length){
+                    $el = $link;
+                } else {
+                    return;
+                }
+            }
+            if (event)
+            {
+                var hoverTimeout = null,
+                    startX = event.changedTouches[0].clientX,
+                    startY = event.changedTouches[0].clientY,
+                    startTime = (new Date).getTime(),
+                    deltaX = 0,
+                    deltaY = 0,
+                    deltaT = 0;
+
+                // Let's bind these after the fact, so we can keep some internal values
+                $el.bind('touchmove', touchmove).bind('touchend', touchend);
+
+                hoverTimeout = setTimeout(function(){
+                    $el.makeActive();
+                }, 100);
+                
+            }
+
+            // Private touch functions (TODO: insert dirty joke)
+            function touchmove(e) {
+                
+                updateChanges();
+                var absX = Math.abs(deltaX);
+                var absY = Math.abs(deltaY);
+                                
+                // Check for swipe
+                if (absX > absY && (absX > 35) && deltaT < 1000) {
+                    $el.trigger('swipe', {direction: (deltaX < 0) ? 'left' : 'right'}).unbind('touchmove touchend');
+                } else if (absY > 1) {
+                    $el.removeClass('active');
+                }
+
+                clearTimeout(hoverTimeout);
+            } 
+            
+            function touchend(){
+                updateChanges();
+            
+                if (deltaY === 0 && deltaX === 0) {
+                    $el.makeActive();
+                    // New approach:
+                    // Fake the double click?
+                    // TODO: Try with all click events (no tap)
+                    // if (deltaT < 40)
+                    // {
+                    //     setTimeout(function(){
+                    //        $el.trigger('touchstart')
+                    //          .trigger('touchend');
+                    //     }, 0);
+                    // }
+                    $el.trigger('tap');
+                } else {
+                    $el.removeClass('active');
+                }
+                $el.unbind('touchmove touchend');
+                clearTimeout(hoverTimeout);
+            }
+            
+            function updateChanges(){
+                var first = event.changedTouches[0] || null;
+                deltaX = first.pageX - startX;
+                deltaY = first.pageY - startY;
+                deltaT = (new Date).getTime() - startTime;
+            }
+
+        } // End touch handler
+
+        // Public jQuery Fns
+        $.fn.unselect = function(obj) {
+            if (obj) {
+                obj.removeClass('active');
+            } else {
+                $('.active').removeClass('active');
+            }
+        }
+        $.fn.makeActive = function(){
+            return $(this).addClass('active');
+        }
+        $.fn.swipe = function(fn) {
+            if ($.isFunction(fn))
+            {
+                return this.each(function(i, el){
+                    $(el).bind('swipe', fn);  
+                });
+            }
+        }
+        $.fn.tap = function(fn){
+            if ($.isFunction(fn))
+            {
+                var tapEvent = (jQTSettings.useFastTouch && $.support.touch) ? 'tap' : 'click';
+                return $(this).live(tapEvent, fn);
+            } else {
+                $(this).trigger('tap');
+            }
+        }
+        
+        publicObj = {
+            getOrientation: getOrientation,
+            goBack: goBack,
+            goTo: goTo,
+            addAnimation: addAnimation,
+            submitForm: submitForm
+        }
+
+        return publicObj;
+    }
+    
+    // Extensions directly manipulate the jQTouch object, before it's initialized.
+    $.jQTouch.prototype.extensions = [];
+    $.jQTouch.addExtension = function(extension){
+        $.jQTouch.prototype.extensions.push(extension);
+    }
+
+})(jQuery);
+
+/*
+
+            _/    _/_/    _/_/_/_/_/                              _/       
+               _/    _/      _/      _/_/    _/    _/    _/_/_/  _/_/_/    
+          _/  _/  _/_/      _/    _/    _/  _/    _/  _/        _/    _/   
+         _/  _/    _/      _/    _/    _/  _/    _/  _/        _/    _/    
+        _/    _/_/  _/    _/      _/_/      _/_/_/    _/_/_/  _/    _/     
+       _/                                                                  
+    _/
+
+    Created by David Kaneda <http://www.davidkaneda.com>
+    Documentation and issue tracking on Google Code <http://code.google.com/p/jqtouch/>
+    
+    Special thanks to Jonathan Stark <http://jonathanstark.com/>
+    and pinch/zoom <http://www.pinchzoom.com/>
+    
+    (c) 2009 by jQTouch project members.
+    See LICENSE.txt for license.
+
+*/
+
+(function($) {
+    
+    $.fn.transition = function(css, options) {
+        return this.each(function(){
+            var $el = $(this);
+            var defaults = {
+                speed : '300ms',
+                callback: null,
+                ease: 'ease-in-out'
+            };
+            var settings = $.extend({}, defaults, options);
+            if(settings.speed === 0) {
+                $el.css(css);
+                window.setTimeout(settings.callback, 0);
+            } else {
+                if ($.browser.safari)
+                {
+                    var s = [];
+                    for(var i in css) {
+                        s.push(i);
+                    }
+                    $el.css({
+                        webkitTransitionProperty: s.join(", "), 
+                        webkitTransitionDuration: settings.speed, 
+                        webkitTransitionTimingFunction: settings.ease
+                    });
+                    if (settings.callback) {
+                        $el.one('webkitTransitionEnd', settings.callback);
+                    }
+                    setTimeout(function(el){ el.css(css) }, 0, $el);
+                }
+                else
+                {
+                    $el.animate(css, settings.speed, settings.callback);
+                }
+            }
+        });
+    }
+})(jQuery);
+
+/*
+
+            _/    _/_/    _/_/_/_/_/                              _/       
+               _/    _/      _/      _/_/    _/    _/    _/_/_/  _/_/_/    
+          _/  _/  _/_/      _/    _/    _/  _/    _/  _/        _/    _/   
+         _/  _/    _/      _/    _/    _/  _/    _/  _/        _/    _/    
+        _/    _/_/  _/    _/      _/_/      _/_/_/    _/_/_/  _/    _/     
+       _/                                                                  
+    _/
+
+    Created by David Kaneda <http://www.davidkaneda.com>
+    Documentation and issue tracking on Google Code <http://code.google.com/p/jqtouch/>
+    
+    Special thanks to Jonathan Stark <http://jonathanstark.com/>
+    and pinch/zoom <http://www.pinchzoom.com/>
+    
+    (c) 2009 by jQTouch project members.
+    See LICENSE.txt for license.
+
+*/
+
+(function($) {
+    if ($.jQTouch)
+    {
+        $.jQTouch.addExtension(function AutoTitles(jQT){
+            
+            var titleSelector='.toolbar h1';
+
+            $(function(){
+                $('body').bind('pageAnimationStart', function(e, data){
+                    if (data.direction === 'in'){
+                        var $title = $(titleSelector, $(e.target));
+                        var $ref = $(e.target).data('referrer');
+                        if ($title.length && $ref){
+                            $title.html($ref.text());
+                        }
+                    }
+                });
+            });
+            
+            function setTitleSelector(ts){
+                titleSelector=ts;
+            }
+            
+            return {
+                setTitleSelector: setTitleSelector
+            }
+
+        });
+    }
+})(jQuery);
+
+/*
+
+            _/    _/_/    _/_/_/_/_/                              _/       
+               _/    _/      _/      _/_/    _/    _/    _/_/_/  _/_/_/    
+          _/  _/  _/_/      _/    _/    _/  _/    _/  _/        _/    _/   
+         _/  _/    _/      _/    _/    _/  _/    _/  _/        _/    _/    
+        _/    _/_/  _/    _/      _/_/      _/_/_/    _/_/_/  _/    _/     
+       _/                                                                  
+    _/
+
+    Created by David Kaneda <http://www.davidkaneda.com>
+    Documentation and issue tracking on Google Code <http://code.google.com/p/jqtouch/>
+    
+    Special thanks to Jonathan Stark <http://jonathanstark.com/>
+    and pinch/zoom <http://www.pinchzoom.com/>
+    
+    (c) 2009 by jQTouch project members.
+    See LICENSE.txt for license.
+
+*/
+
+(function($) {
+    if ($.jQTouch)
+    {
+        $.jQTouch.addExtension(function Floaty(jQT){
+            
+            $.fn.makeFloaty = function(options){
+                var defaults = {
+                    align: 'top',
+                    spacing: 20,
+                    time: '.3s'
+                }
+                var settings = $.extend({}, defaults, options);
+                settings.align = (settings.align == 'top') ? 'top' : 'bottom';
+                
+                return this.each(function(){
+                    var $el = $(this);
+                    
+                    $el.css({
+                        '-webkit-transition': 'top ' + settings.time + ' ease-in-out',
+                        'display': 'block',
+                        'min-height': '0 !important'
+                    }).data('settings', settings);
+                    
+                    $(document).bind('scroll', function(){
+                        if ($el.data('floatyVisible') === true)
+                        {
+                            $el.scrollFloaty();
+                        }
+                    });
+                    $el.scrollFloaty();
+                });
+            }
+
+            $.fn.scrollFloaty = function(){
+                return this.each(function(){
+                    var $el = $(this);
+                    var settings = $el.data('settings');
+                    var wHeight = $('html').attr('clientHeight'); // WRONG
+                    
+                    var newY = window.pageYOffset +
+                        ((settings.align == 'top') ? 
+                            settings.spacing : wHeight - settings.spacing - $el.get(0).offsetHeight);
+                    
+                    $el.css('top', newY).data('floatyVisible', true);
+                });
+            }
+
+            $.fn.hideFloaty = function(){
+                return this.each(function(){
+                    var $el = $(this);
+                    var oh = $el.get(0).offsetHeight;
+                    
+                    $el.css('top', -oh-10).data('floatyVisible', false);
+                });
+            }
+            
+            $.fn.toggleFloaty = function(){
+                return this.each(function(){
+                    var $el = $(this);
+                    if ($el.data('floatyVisible') === true){
+                        $el.hideFloaty();
+                    }
+                    else
+                    {
+                        $el.scrollFloaty();
+                    }
+                });
+            }
+        });
+    }
+})(jQuery);
+
+/*
+
+            _/    _/_/    _/_/_/_/_/                              _/       
+               _/    _/      _/      _/_/    _/    _/    _/_/_/  _/_/_/    
+          _/  _/  _/_/      _/    _/    _/  _/    _/  _/        _/    _/   
+         _/  _/    _/      _/    _/    _/  _/    _/  _/        _/    _/    
+        _/    _/_/  _/    _/      _/_/      _/_/_/    _/_/_/  _/    _/     
+       _/                                                                  
+    _/
+
+    Created by David Kaneda <http://www.davidkaneda.com>
+    Documentation and issue tracking on Google Code <http://code.google.com/p/jqtouch/>
+    
+    Special thanks to Jonathan Stark <http://jonathanstark.com/>
+    and pinch/zoom <http://www.pinchzoom.com/>
+    
+    (c) 2009 by jQTouch project members.
+    See LICENSE.txt for license.
+
+*/
+
+(function($) {
+    if ($.jQTouch)
+    {
+        $.jQTouch.addExtension(function Location(){
+            
+            var latitude, longitude, callback;
+            
+            function checkGeoLocation() {
+                return navigator.geolocation;
+            }
+            function updateLocation(fn) {
+                if (checkGeoLocation())
+                {
+                    callback = fn;
+                    navigator.geolocation.getCurrentPosition(savePosition);
+                    return true;
+                } else {
+                    console.log('Device not capable of geo-location.');
+                    fn(false);
+                    return false;
+                }                
+            }
+            function savePosition(position) {
+                latitude = position.coords.latitude;
+                longitude = position.coords.longitude;
+                if (callback) {
+                    callback(getLocation());
+                }
+            }
+            function getLocation() {
+                if (latitude && longitude) {
+                    return {
+                        latitude: latitude,
+                        longitude: longitude
+                    }
+                } else {
+                    console.log('No location available. Try calling updateLocation() first.');
+                    return false;
+                }
+            }
+            return {
+                updateLocation: updateLocation,
+                getLocation: getLocation
+            }
+        });
+    }
+})(jQuery);
+
+/*
+
+            _/    _/_/    _/_/_/_/_/                              _/       
+               _/    _/      _/      _/_/    _/    _/    _/_/_/  _/_/_/    
+          _/  _/  _/_/      _/    _/    _/  _/    _/  _/        _/    _/   
+         _/  _/    _/      _/    _/    _/  _/    _/  _/        _/    _/    
+        _/    _/_/  _/    _/      _/_/      _/_/_/    _/_/_/  _/    _/     
+       _/                                                                  
+    _/
+
+    Created by David Kaneda <http://www.davidkaneda.com>
+    Documentation and issue tracking on Google Code <http://code.google.com/p/jqtouch/>
+    
+    Special thanks to Jonathan Stark <http://jonathanstark.com/>
+
+    Lots of this code is specifically derived from Jonathan's book,
+    "Building iPhone Apps with HTML, CSS, and JavaScript"
+    
+    (c) 2009 by jQTouch project members.
+    See LICENSE.txt for license.
+
+*/
+
+(function($) {
+    if ($.jQTouch)
+    {
+        $.jQTouch.addExtension(function Offline(){
+            
+            // Convenience array of status values
+            var cacheStatusValues = [];
+            cacheStatusValues[0] = 'uncached';
+            cacheStatusValues[1] = 'idle';
+            cacheStatusValues[2] = 'checking';
+            cacheStatusValues[3] = 'downloading';
+            cacheStatusValues[4] = 'updateready';
+            cacheStatusValues[5] = 'obsolete';
+
+            // Listeners for all possible events
+            var cache = window.applicationCache;
+            cache.addEventListener('cached', logEvent, false);
+            cache.addEventListener('checking', logEvent, false);
+            cache.addEventListener('downloading', logEvent, false);
+            cache.addEventListener('error', logEvent, false);
+            cache.addEventListener('noupdate', logEvent, false);
+            cache.addEventListener('obsolete', logEvent, false);
+            cache.addEventListener('progress', logEvent, false);
+            cache.addEventListener('updateready', logEvent, false);
+
+            // Log every event to the console
+            function logEvent(e) {
+                var online, status, type, message;
+                online = (isOnline()) ? 'yes' : 'no';
+                status = cacheStatusValues[cache.status];
+                type = e.type;
+                message = 'online: ' + online;
+                message+= ', event: ' + type;
+                message+= ', status: ' + status;
+                if (type == 'error' && navigator.onLine) {
+                    message+= ' There was an unknown error, check your Cache Manifest.';
+                }
+                console.log(message);
+            }
+            
+            function isOnline() {
+                return navigator.onLine;
+            }
+            
+            if (!$('html').attr('manifest')) {
+                console.log('No Cache Manifest listed on the <html> tag.')
+            }
+
+            // Swap in newly download files when update is ready
+            cache.addEventListener('updateready', function(e){
+                    // Don't perform "swap" if this is the first cache
+                    if (cacheStatusValues[cache.status] != 'idle') {
+                        cache.swapCache();
+                        console.log('Swapped/updated the Cache Manifest.');
+                    }
+                }
+            , false);
+
+            // These two functions check for updates to the manifest file
+            function checkForUpdates(){
+                cache.update();
+            }
+            function autoCheckForUpdates(){
+                setInterval(function(){cache.update()}, 10000);
+            }
+
+            return {
+                isOnline: isOnline,
+                checkForUpdates: checkForUpdates,
+                autoCheckForUpdates: autoCheckForUpdates
+            }
+        });
+    }
+})(jQuery);