diff static/jqtouch.js @ 0:2d9ee2b3ae82

Initial commit of iWWS.
author Daniel O'Connor <darius@dons.net.au>
date Mon, 15 Aug 2011 17:44:56 +0930
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/static/jqtouch.js	Mon Aug 15 17:44:56 2011 +0930
@@ -0,0 +1,942 @@
+/*
+
+            _/    _/_/    _/_/_/_/_/                              _/
+               _/    _/      _/      _/_/    _/    _/    _/_/_/  _/_/_/
+          _/  _/  _/_/      _/    _/    _/  _/    _/  _/        _/    _/
+         _/  _/    _/      _/    _/    _/  _/    _/  _/        _/    _/
+        _/    _/_/  _/    _/      _/_/      _/_/_/    _/_/_/  _/    _/
+       _/
+    _/
+
+    Created by David Kaneda <http://www.davidkaneda.com>
+    Documentation and issue tracking on GitHub <http://wiki.github.com/senchalabs/jQTouch/>
+
+    Special thanks to Jonathan Stark <http://jonathanstark.com/>
+    and pinch/zoom <http://www.pinchzoom.com/>
+
+    (c) 2010 by jQTouch project members.
+    See LICENSE.txt for license.
+
+    $Revision: 166 $
+    $Date: Tue Mar 29 01:24:46 EDT 2011 $
+    $LastChangedBy: jonathanstark $
+
+
+*/
+
+(function($) {
+    $.jQTouch = function(options) {
+
+        // Initialize internal jQT variables
+        var $body,
+            $head=$('head'),
+            initialPageId='',
+            hist=[],
+            newPageCount=0,
+            jQTSettings={},
+            currentPage='',
+            orientation='portrait',
+            tapReady=true,
+            lastTime=0,
+            lastAnimationTime=0,
+            touchSelectors=[],
+            publicObj={},
+            tapBuffer=351,
+            extensions=$.jQTouch.prototype.extensions,
+            animations=[],
+            hairExtensions='',
+            defaults = {
+                addGlossToIcon: true,
+                backSelector: '.back, .cancel, .goback',
+                cacheGetRequests: true,
+                debug: false,
+                fallback2dAnimation: 'fade',
+                fixedViewport: true,
+                formSelector: 'form',
+                fullScreen: true,
+                fullScreenClass: 'fullscreen',
+                hoverDelay: 50,
+                icon: null,
+                iconPad: null, // available in iOS 4.2 and later. 
+                icon4: null, // available in iOS 4.2 and later.
+                moveThreshold: 10,
+                preloadImages: false,
+                pressDelay: 1000,
+                startupScreen: null,
+                statusBar: 'default', // other options: black-translucent, black
+                submitSelector: '.submit',
+                touchSelector: 'a, .touch',
+                useAnimations: true,
+                useFastTouch: true, // experimental
+                animations: [ // highest to lowest priority
+                    {selector:'.cube', name:'cubeleft', is3d:true},
+                    {selector:'.cubeleft', name:'cubeleft', is3d:true},
+                    {selector:'.cuberight', name:'cuberight', is3d:true},
+                    {selector:'.dissolve', name:'dissolve', is3d:false},
+                    {selector:'.fade', name:'fade', is3d:false},
+                    {selector:'.flip', name:'flipleft', is3d:true},
+                    {selector:'.flipleft', name:'flipleft', is3d:true},
+                    {selector:'.flipright', name:'flipright', is3d:true},
+                    {selector:'.pop', name:'pop', is3d:true},
+                    {selector:'.slide', name:'slideleft', is3d:false},
+                    {selector:'.slidedown', name:'slidedown', is3d:false},
+                    {selector:'.slideleft', name:'slideleft', is3d:false},
+                    {selector:'.slideright', name:'slideright', is3d:false},
+                    {selector:'.slideup', name:'slideup', is3d:false},
+                    {selector:'.swap', name:'swapleft', is3d:true},
+                    {selector:'#jqt > * > ul li a', name:'slideleft', is3d:false}
+                ]
+            };
+
+        function _debug(message) {
+            var now = (new Date).getTime();
+            var delta = now - lastTime;
+            lastTime = now;
+            if (jQTSettings.debug) {
+                if (message) {
+                    _log(delta + ': ' + message);
+                } else {
+                    _log(delta + ': ' + 'Called ' + arguments.callee.caller.name);
+                }
+            }
+        }
+        function _log(message) {
+            if (window.console !== undefined) {
+                console.log(message);
+            }
+        }
+        function addAnimation(animation) {
+            // _debug();
+            if (typeof(animation.selector) === 'string' && typeof(animation.name) === 'string') {
+                animations.push(animation);
+            }
+        }
+        function addPageToHistory(page, animation) {
+            _debug();
+            hist.unshift({
+                page: page,
+                animation: animation,
+                hash: '#' + page.attr('id'),
+                id: page.attr('id')
+            });
+        }
+        function clickHandler(e) {
+            _debug();
+
+            if (!tapReady) {
+                _debug('ClickHandler handler aborted because tap is not ready');
+                e.preventDefault();
+                return false;
+            }
+
+            // Figure out whether to prevent default
+            var $el = $(e.target);
+
+            // Find the nearest tappable ancestor
+            if (!$el.is(touchSelectors.join(', '))) {
+                $el = $(e.target).closest(touchSelectors.join(', '));
+            }
+
+            // Prevent default if we found an internal link (relative or absolute)
+            if ($el && $el.attr('href') && !$el.isExternalLink()) {
+                _debug('Need to prevent default click behavior');
+                e.preventDefault();
+            } else {
+                _debug('No need to prevent default click behavior');
+            }
+
+            // Trigger a tap event if touchstart is not on the job
+            if ($.support.touch) {
+                _debug('Not converting click to a tap event because touch handler is on the job');
+            } else {
+                _debug('Converting click event to a tap event because touch handlers are not present or off');
+                $(e.target).trigger('tap', e);
+            }
+
+        }
+        function doNavigation(fromPage, toPage, animation, goingBack) {
+            _debug();
+
+            // Error check for target page
+            if (toPage.length === 0) {
+                $.fn.unselect();
+                _debug('Target element is missing.');
+                return false;
+            }
+
+            // Error check for fromPage===toPage
+            if (toPage.hasClass('current')) {
+                $.fn.unselect();
+                _debug('You are already on the page you are trying to navigate to.');
+                return false;
+            }
+
+            // Collapse the keyboard
+            $(':focus').blur();
+
+            // Position the incoming page so toolbar is at top of viewport regardless of scroll position on from page
+            // toPage.css('top', window.pageYOffset);
+            
+            fromPage.trigger('pageAnimationStart', { direction: 'out' });
+            toPage.trigger('pageAnimationStart', { direction: 'in' });
+
+            if ($.support.animationEvents && animation && jQTSettings.useAnimations) {
+
+                tapReady = false;
+
+                // Fail over to 2d animation if need be
+                if (!$.support.transform3d && animation.is3d) {
+                    animation.name = jQTSettings.fallback2dAnimation;
+                }
+
+                // Reverse animation if need be
+                var finalAnimationName;
+                if (goingBack) {
+                    if (animation.name.indexOf('left') > 0) {
+                        finalAnimationName = animation.name.replace(/left/, 'right');
+                    } else if (animation.name.indexOf('right') > 0) {
+                        finalAnimationName = animation.name.replace(/right/, 'left');
+                    } else if (animation.name.indexOf('up') > 0) {
+                        finalAnimationName = animation.name.replace(/up/, 'down');
+                    } else if (animation.name.indexOf('down') > 0) {
+                        finalAnimationName = animation.name.replace(/down/, 'up');
+                    } else {
+                        finalAnimationName = animation.name;
+                    }
+                } else {
+                    finalAnimationName = animation.name;
+                }
+
+                // _debug('finalAnimationName is ' + finalAnimationName);
+
+                // Bind internal "cleanup" callback
+                fromPage.bind('webkitAnimationEnd', navigationEndHandler);
+                fromPage.bind('webkitTransitionEnd', navigationEndHandler);
+
+                // Trigger animations
+                scrollTo(0, 0);
+                toPage.addClass(finalAnimationName + ' in current');
+                fromPage.addClass(finalAnimationName + ' out');
+
+            } else {
+                toPage.addClass('current');
+                navigationEndHandler();
+            }
+
+            // Define private navigationEnd callback
+            function navigationEndHandler(event) {
+                _debug();
+                
+                if ($.support.animationEvents && animation && jQTSettings.useAnimations) {
+                    fromPage.unbind('webkitAnimationEnd', navigationEndHandler);
+                    fromPage.unbind('webkitTransitionEnd', navigationEndHandler);
+                    fromPage.removeClass(finalAnimationName + ' out current');
+                    toPage.removeClass(finalAnimationName + ' in');
+                    // scrollTo(0, 0);
+                    // toPage.css('top', 0);
+                } else {
+                    fromPage.removeClass(finalAnimationName + ' out current');
+                }
+
+                // Housekeeping
+                currentPage = toPage;
+                if (goingBack) {
+                    hist.shift();
+                } else {
+                    addPageToHistory(currentPage, animation);
+                }
+
+                fromPage.unselect();
+                lastAnimationTime = (new Date()).getTime();
+                setHash(currentPage.attr('id'));
+                tapReady = true;
+
+                // Trigger custom events
+                toPage.trigger('pageAnimationEnd', {direction:'in', animation:animation});
+                fromPage.trigger('pageAnimationEnd', {direction:'out', animation:animation});
+
+            }
+
+            // We's out
+            return true;
+        }
+        function getOrientation() {
+            _debug();
+            return orientation;
+        }
+        function goBack() {
+            _debug();
+
+            // Error checking
+            if (hist.length < 1 ) {
+                _debug('History is empty.');
+            }
+
+            if (hist.length === 1 ) {
+                _debug('You are on the first panel.');
+            }
+
+            var from = hist[0], to = hist[1];
+
+            if (doNavigation(from.page, to.page, from.animation, true)) {
+                return publicObj;
+            } else {
+                _debug('Could not go back.');
+                return false;
+            }
+
+        }
+        function goTo(toPage, animation, reverse) {
+            _debug();
+
+            if (reverse) {
+                _log('The reverse parameter of the goTo() function has been deprecated.');
+            }
+
+            var fromPage = hist[0].page;
+
+            if (typeof animation === 'string') {
+                for (var i=0, max=animations.length; i < max; i++) {
+                    if (animations[i].name === animation) {
+                        animation = animations[i];
+                        break;
+                    }
+                }
+            }
+
+            if (typeof(toPage) === 'string') {
+                var nextPage = $(toPage);
+                if (nextPage.length < 1) {
+                    showPageByHref(toPage, {
+                        'animation': animation
+                    });
+                    return;
+                } else {
+                    toPage = nextPage;
+                }
+
+            }
+            if (doNavigation(fromPage, toPage, animation)) {
+                return publicObj;
+            } else {
+                _debug('Could not animate pages.');
+                return false;
+            }
+        }
+        function hashChangeHandler(e) {
+            _debug();
+            if (location.hash === hist[0].hash) {
+                _debug('We are on the right panel');
+            } else {
+                _debug('We are not on the right panel');
+                if(location.hash === hist[1].hash) {
+                    goBack();
+                } else {
+                    _debug(location.hash + ' !== ' + hist[1].hash);
+                } 
+            }
+        }
+        function init(options) {
+            _debug();
+            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 appropriate icon (retina display available in iOS 4.2 and later.)
+            var precomposed = (jQTSettings.addGlossToIcon) ? '' : '-precomposed';
+            if (jQTSettings.icon) {
+                hairExtensions += '<link rel="apple-touch-icon' + precomposed + '" href="' + jQTSettings.icon + '" />';
+            }
+            if (jQTSettings.iconPad) {
+                hairExtensions += '<link rel="apple-touch-icon' + precomposed + '" sizes="72x72" href="' + jQTSettings.iconPad + '" />';
+            }
+            if (jQTSettings.icon4) {
+                hairExtensions += '<link rel="apple-touch-icon' + precomposed + '" sizes="114x114" href="' + jQTSettings.icon4 + '" />';
+            }
+
+            // 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 + '" />';
+                }
+            }
+
+            // Attach hair extensions
+            if (hairExtensions) {
+                $head.prepend(hairExtensions);
+            }
+
+        }
+        function insertPages(nodes, animation) {
+            _debug();
+
+            var targetPage = null;
+            $(nodes).each(function(index, node) {
+                var $node = $(this);
+                if (!$node.attr('id')) {
+                    $node.attr('id', 'page-' + (++newPageCount));
+                }
+
+                // Remove any existing instance
+                $('#' + $node.attr('id')).remove();
+
+                $body.trigger('pageInserted', {page: $node.appendTo($body)});
+
+                if ($node.hasClass('current') || !targetPage) {
+                    targetPage = $node;
+                }
+            });
+            if (targetPage !== null) {
+                goTo(targetPage, animation);
+                return targetPage;
+            } else {
+                return false;
+            }
+        }
+        function mousedownHandler(e) {
+            var timeDiff = (new Date()).getTime() - lastAnimationTime;
+            if (timeDiff < tapBuffer) {
+                return false;
+            }
+        }
+        function orientationChangeHandler() {
+            _debug();
+
+            orientation = Math.abs(window.orientation) == 90 ? 'landscape' : 'portrait';
+            $body.removeClass('portrait landscape').addClass(orientation).trigger('turn', {orientation: orientation});
+        }
+        function setHash(hash) {
+            _debug();
+
+            // Trim leading # if need be
+            hash = hash.replace(/^#/, ''),
+
+            // Change hash
+            location.hash = '#' + hash;
+
+        }
+        function showPageByHref(href, options) {
+            _debug();
+
+            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 === true && 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 (settings.$referrer) {
+                settings.$referrer.unselect();
+            }
+        }
+        function submitHandler(e, callback) {
+            _debug();
+
+            $(':focus').blur();
+
+            e.preventDefault();
+
+            var $form = (typeof(e)==='string') ? $(e).eq(0) : (e.target ? $(e.target) : $(e));
+
+            _debug($form.attr('action'));
+
+            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 false;
+        }
+        function submitParentForm($el) {
+            _debug();
+
+            var $form = $el.closest('form');
+            if ($form.length === 0) {
+                _debug('No parent form found');
+            } else {
+                _debug('About to submit parent form');
+                var evt = $.Event('submit');
+                evt.preventDefault();
+                $form.trigger(evt);
+                return false;
+            }
+            return true;
+        }
+        function supportForAnimationEvents() {
+            _debug();
+
+            return (typeof WebKitAnimationEvent != 'undefined');
+        }
+        function supportForCssMatrix() {
+            _debug();
+
+            return (typeof WebKitCSSMatrix != 'undefined');
+        }
+        function supportForTouchEvents() {
+            _debug();
+
+/*
+            // If dev wants fast touch off, shut off touch whether device supports it or not
+            if (!jQTSettings.useFastTouch) {
+                return false
+            }
+
+*/
+            // Dev must want touch, so check for support
+            if (typeof TouchEvent != 'undefined') {
+                if (window.navigator.userAgent.indexOf('Mobile') > -1) { // Grrrr...
+                    return true;
+                } else {
+                    return false;
+                }
+            } else {
+                return false;
+            }
+        };
+        function supportForTransform3d() {
+            _debug();
+
+            var head, body, style, div, result;
+
+            head = document.getElementsByTagName('head')[0];
+            body = document.body;
+
+            style = document.createElement('style');
+            style.textContent = '@media (transform-3d),(-o-transform-3d),(-moz-transform-3d),(-ms-transform-3d),(-webkit-transform-3d),(modernizr){#jqtTestFor3dSupport{height:3px}}';
+
+            div = document.createElement('div');
+            div.id = 'jqtTestFor3dSupport';
+
+            // Add to the page
+            head.appendChild(style);
+            body.appendChild(div);
+
+            // Check the result
+            result = div.offsetHeight === 3;
+
+            // Clean up
+            style.parentNode.removeChild(style);
+            div.parentNode.removeChild(div);
+
+            // Pass back result
+            // _debug('Support for 3d transforms: ' + result);
+            return result;
+        };
+        function tapHandler(e){
+            _debug();
+
+            if (!tapReady) {
+                _debug('Tap is not ready');
+                return false;
+            }
+
+            // Grab the target element
+            var $el = $(e.target);
+
+            // Find the nearest tappable ancestor
+            if (!$el.is(touchSelectors.join(', '))) {
+                var $el = $(e.target).closest(touchSelectors.join(', '));
+            }
+            
+            // Make sure we have a tappable element
+            if (!$el.length || !$el.attr('href')) {
+                _debug('Could not find a link related to tapped element');
+                return false;
+            }
+
+            // Init some vars
+            var target = $el.attr('target'),
+                hash = $el.attr('hash') || ($el.prop && $el.prop('hash')), //jQuery attr vs. prop
+                animation = null;
+
+            if ($el.isExternalLink()) {
+                $el.unselect();
+                return true;
+
+            } else if ($el.is(jQTSettings.backSelector)) {
+                // User clicked or tapped a back button
+                goBack(hash);
+
+            } else if ($el.is(jQTSettings.submitSelector)) {
+                // User clicked or tapped a submit element
+                submitParentForm($el);
+
+            } else if (target === '_webapp') {
+                // User clicked or tapped an internal link, fullscreen mode
+                window.location = $el.attr('href');
+                return false;
+
+            } else if ($el.attr('href') === '#') {
+                // Allow tap on item with no href
+                $el.unselect();
+                return true;
+
+            } else {
+
+                // Figure out the animation to use
+                for (var i=0, max=animations.length; i < max; i++) {
+                    if ($el.is(animations[i].selector)) {
+                        animation = animations[i];
+                        break;
+                    }
+                };
+
+                if (!animation) {
+                    _log('Animation could not be found. Using slideleft.');
+                    animation = 'slideleft';
+                }
+
+                if (hash && hash !== '#') {
+                    // Internal href
+                    $el.addClass('active');
+                    goTo($(hash).data('referrer', $el), animation, $el.hasClass('reverse'));
+                    return false;
+
+                } else {
+                    // External href
+                    $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 touchStartHandler(e) {
+            _debug();
+            
+            if (!tapReady) {
+                _debug('TouchStart handler aborted because tap is not ready');
+                e.preventDefault();
+                return false;
+            }
+
+            var $el = $(e.target);
+
+            // Error check
+            if (!$el.length) {
+                _debug('Could not find target of touchstart event.');
+                return;
+            }
+
+            var startTime = (new Date).getTime(),
+                hoverTimeout = null,
+                pressTimeout = null,
+                touch,
+                startX,
+                startY,
+                deltaX = 0,
+                deltaY = 0,
+                deltaT = 0;
+
+            if (event.changedTouches && event.changedTouches.length) {
+                touch = event.changedTouches[0];
+                startX = touch.pageX;
+                startY = touch.pageY;
+            }
+
+            // Prep the element
+            $el.bind('touchmove',touchMoveHandler).bind('touchend',touchEndHandler).bind('touchcancel',touchCancelHandler);
+
+            hoverTimeout = setTimeout(function() {
+                $el.makeActive();
+            }, jQTSettings.hoverDelay);
+
+            pressTimeout = setTimeout(function() {
+                $el.unbind('touchmove',touchMoveHandler).unbind('touchend',touchEndHandler).unbind('touchcancel',touchCancelHandler);
+                $el.unselect();
+                clearTimeout(hoverTimeout);
+                $el.trigger('press');
+            }, jQTSettings.pressDelay);
+
+            // Private touch functions
+            function touchCancelHandler(e) {
+                _debug();
+                clearTimeout(hoverTimeout);
+                $el.unselect();
+                $el.unbind('touchmove',touchMoveHandler).unbind('touchend',touchEndHandler).unbind('touchcancel',touchCancelHandler);
+            }
+
+            function touchEndHandler(e) {
+                _debug();
+                // updateChanges();
+                $el.unbind('touchend',touchEndHandler).unbind('touchcancel',touchCancelHandler);
+                clearTimeout(hoverTimeout);
+                clearTimeout(pressTimeout);
+                if (Math.abs(deltaX) < jQTSettings.moveThreshold && Math.abs(deltaY) < jQTSettings.moveThreshold && deltaT < jQTSettings.pressDelay) {
+                    // e.preventDefault();
+                    // e.stopImmediatePropagation();
+                    $el.trigger('tap', e);
+                } else {
+                    $el.unselect();
+                }
+            }
+
+            function touchMoveHandler(e) {
+                // _debug();
+                updateChanges();
+                var absX = Math.abs(deltaX);
+                var absY = Math.abs(deltaY);
+                var direction;
+                if (absX > absY && (absX > 35) && deltaT < 1000) {
+                    if (deltaX < 0) {
+                        direction = 'left';
+                    } else {
+                        direction = 'right';
+                    }
+                    $el.unbind('touchmove',touchMoveHandler).unbind('touchend',touchEndHandler).unbind('touchcancel',touchCancelHandler);
+                    $el.trigger('swipe', {direction:direction, deltaX:deltaX, deltaY: deltaY});
+                }
+                $el.unselect();
+                clearTimeout(hoverTimeout);
+                if (absX > jQTSettings.moveThreshold || absY > jQTSettings.moveThreshold) {
+                    clearTimeout(pressTimeout);
+                }
+            }
+
+            function updateChanges() {
+                // _debug();
+                var firstFinger = event.changedTouches[0] || null;
+                deltaX = firstFinger.pageX - startX;
+                deltaY = firstFinger.pageY - startY;
+                deltaT = (new Date).getTime() - startTime;
+                // _debug('deltaX:'+deltaX+';deltaY:'+deltaY+';');
+            }
+
+        } // End touch handler
+        function useFastTouch(setting) {
+            _debug();
+
+            if (setting !== undefined) {
+                if (setting === true) {
+                    if (supportForTouchEvents()) {
+                        $.support.touch = true;
+                    } else{
+                        _log('This device does not support touch events');
+                    };
+                } else {
+                    $.support.touch = false;
+                }
+            }
+
+            return $.support.touch;
+
+        }
+
+        // Get the party started
+        init(options);
+
+        // Document ready stuff
+        $(document).ready(function() {
+
+            // Store some properties in the jQuery support object
+            $.support.animationEvents = supportForAnimationEvents();
+            $.support.cssMatrix = supportForCssMatrix();
+            $.support.touch = supportForTouchEvents() && jQTSettings.useFastTouch;
+            $.support.transform3d = supportForTransform3d();
+
+            if (!$.support.touch) {
+                _log('This device does not support touch interaction, or it has been deactivated by the developer. Some features might be unavailable.');
+            }
+            if (!$.support.transform3d) {
+                _log('This device does not support 3d animation. 2d animations will be used instead.');
+            }
+
+            // Define public jQuery functions
+            $.fn.isExternalLink = function() {
+                var $el = $(this);
+                return ($el.attr('target') == '_blank' || $el.attr('rel') == 'external' || $el.is('a[href^="http://maps.google.com"], a[href^="mailto:"], a[href^="tel:"], a[href^="javascript:"], a[href*="youtube.com/v"], a[href*="youtube.com/watch"]'));
+            }
+            $.fn.makeActive = function() {
+                return $(this).addClass('active');
+            }
+            $.fn.press = function(fn) {
+                if ($.isFunction(fn)) {
+                    return $(this).live('press', fn);
+                } else {
+                    return $(this).trigger('press');
+                }
+            }
+            $.fn.swipe = function(fn) {
+                if ($.isFunction(fn)) {
+                    return $(this).live('swipe', fn);
+                } else {
+                    return $(this).trigger('swipe');
+                }
+            }
+            $.fn.tap = function(fn) {
+                if ($.isFunction(fn)) {
+                    return $(this).live('tap', fn);
+                } else {
+                    return $(this).trigger('tap');
+                }
+            }
+            $.fn.unselect = function(obj) {
+                if (obj) {
+                    obj.removeClass('active');
+                } else {
+                    $('.active').removeClass('active');
+                }
+            }
+
+            // Add extensions
+            for (var i=0, max=extensions.length; i < max; i++) {
+                var fn = extensions[i];
+                if ($.isFunction(fn)) {
+                    $.extend(publicObj, fn(publicObj));
+                }
+            }
+
+            // Set up animations array
+            if (jQTSettings['cubeSelector']) {
+                _log('NOTE: cubeSelector has been deprecated. Please use cubeleftSelector instead.');
+                jQTSettings['cubeleftSelector'] = jQTSettings['cubeSelector'];
+            }
+            if (jQTSettings['flipSelector']) {
+                _log('NOTE: flipSelector has been deprecated. Please use flipleftSelector instead.');
+                jQTSettings['flipleftSelector'] = jQTSettings['flipSelector'];
+            }
+            if (jQTSettings['slideSelector']) {
+                _log('NOTE: slideSelector has been deprecated. Please use slideleftSelector instead.');
+                jQTSettings['slideleftSelector'] = jQTSettings['slideSelector'];
+            }
+            for (var i=0, max=defaults.animations.length; i < max; i++) {
+                var animation = defaults.animations[i];
+                if(jQTSettings[animation.name + 'Selector'] !== undefined){
+                    animation.selector = jQTSettings[animation.name + 'Selector'];
+                }
+                addAnimation(animation);
+            }
+
+            // Create an array of stuff that needs touch event handling
+            touchSelectors.push('input'); // TODO: Ask DK why inputs are considered touch selectors
+            touchSelectors.push(jQTSettings.touchSelector);
+            touchSelectors.push(jQTSettings.backSelector);
+            touchSelectors.push(jQTSettings.submitSelector);
+            $(touchSelectors.join(', ')).css('-webkit-touch-callout', 'none');
+
+            // Make sure we have a jqt element
+            $body = $('#jqt');
+            if ($body.length === 0) {
+                _log('Could not find an element with the id "jqt", so the body id has been set to "jqt". If you are having any problems, wrapping your panels in a div with the id "jqt" might help.');
+                $body = $('body').attr('id', 'jqt');
+            }
+
+            // Add some specific css if need be
+            if ($.support.transform3d) {
+                $body.addClass('supports3d');
+            }
+            if (jQTSettings.fullScreenClass && window.navigator.standalone == true) {
+                $body.addClass(jQTSettings.fullScreenClass + ' ' + jQTSettings.statusBar);
+            }
+            if (window.navigator.userAgent.match(/Android/ig)) { // Grr... added to postion checkbox labels. Lame. I know. - js
+                $body.addClass('android');
+            }
+
+            // Bind events
+            $(window).bind('hashchange', hashChangeHandler);
+            $body.bind('touchstart', touchStartHandler)
+                .bind('click', clickHandler)
+                .bind('mousedown', mousedownHandler)
+                .bind('orientationchange', orientationChangeHandler)
+                .bind('submit', submitHandler)
+                .bind('tap', tapHandler)
+                .trigger('orientationchange');
+            
+            
+            // Determine what the "current" (initial) panel should be
+            if ($('#jqt > .current').length == 0) {
+                currentPage = $('#jqt > *:first');
+            } else {
+                currentPage = $('#jqt > .current:first');
+                $('#jqt > .current').removeClass('current');
+            }
+
+            // Go to the top of the "current" page
+            $(currentPage).addClass('current');
+            initialPageId = $(currentPage).attr('id');
+            setHash(initialPageId);
+            addPageToHistory(currentPage);
+            scrollTo(0, 0);
+            
+            // Make sure none of the panels yank the location bar into view
+            $('#jqt > *').css('minHeight', window.innerHeight);
+
+        });
+
+        // Expose public methods and properties
+        publicObj = {
+            addAnimation: addAnimation,
+            animations: animations,
+            getOrientation: getOrientation,
+            goBack: goBack,
+            goTo: goTo,
+            hist: hist,
+            settings: jQTSettings,
+            submitForm: submitHandler,
+            support: $.support,
+            useFastTouch: useFastTouch
+        }
+        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);
\ No newline at end of file