      1 /*!
      2  * jQuery Mobile v1.0a2
      3  * http://jquerymobile.com/
      4  *
      5  * Copyright 2010, jQuery Project
      6  * Dual licensed under the MIT or GPL Version 2 licenses.
      7  * http://jquery.org/license
      8  */
      9 /*!
     10  * jQuery UI Widget @VERSION
     11  *
     12  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
     13  * Dual licensed under the MIT or GPL Version 2 licenses.
     14  * http://jquery.org/license
     15  *
     16  * http://docs.jquery.com/UI/Widget
     17  */
     18 (function( $, undefined ) {
     19
     20 // jQuery 1.4+
     21 if ( $.cleanData ) {
     22 	var _cleanData = $.cleanData;
     23 	$.cleanData = function( elems ) {
     24 		for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
     25 			$( elem ).triggerHandler( "remove" );
     26 		}
     27 		_cleanData( elems );
     28 	};
     29 } else {
     30 	var _remove = $.fn.remove;
     31 	$.fn.remove = function( selector, keepData ) {
     32 		return this.each(function() {
     33 			if ( !keepData ) {
     34 				if ( !selector || $.filter( selector, [ this ] ).length ) {
     35 					$( "*", this ).add( [ this ] ).each(function() {
     36 						$( this ).triggerHandler( "remove" );
     37 					});
     38 				}
     39 			}
     40 			return _remove.call( $(this), selector, keepData );
     41 		});
     42 	};
     43 }
     44
     45 $.widget = function( name, base, prototype ) {
     46 	var namespace = name.split( "." )[ 0 ],
     47 		fullName;
     48 	name = name.split( "." )[ 1 ];
     49 	fullName = namespace + "-" + name;
     50
     51 	if ( !prototype ) {
     52 		prototype = base;
     53 		base = $.Widget;
     54 	}
     55
     56 	// create selector for plugin
     57 	$.expr[ ":" ][ fullName ] = function( elem ) {
     58 		return !!$.data( elem, name );
     59 	};
     60
     61 	$[ namespace ] = $[ namespace ] || {};
     62 	$[ namespace ][ name ] = function( options, element ) {
     63 		// allow instantiation without initializing for simple inheritance
     64 		if ( arguments.length ) {
     65 			this._createWidget( options, element );
     66 		}
     67 	};
     68
     69 	var basePrototype = new base();
     70 	// we need to make the options hash a property directly on the new instance
     71 	// otherwise we'll modify the options hash on the prototype that we're
     72 	// inheriting from
     73 //	$.each( basePrototype, function( key, val ) {
     74 //		if ( $.isPlainObject(val) ) {
     75 //			basePrototype[ key ] = $.extend( {}, val );
     76 //		}
     77 //	});
     78 	basePrototype.options = $.extend( true, {}, basePrototype.options );
     79 	$[ namespace ][ name ].prototype = $.extend( true, basePrototype, {
     80 		namespace: namespace,
     81 		widgetName: name,
     82 		widgetEventPrefix: $[ namespace ][ name ].prototype.widgetEventPrefix || name,
     83 		widgetBaseClass: fullName
     84 	}, prototype );
     85
     86 	$.widget.bridge( name, $[ namespace ][ name ] );
     87 };
     88
     89 $.widget.bridge = function( name, object ) {
     90 	$.fn[ name ] = function( options ) {
     91 		var isMethodCall = typeof options === "string",
     92 			args = Array.prototype.slice.call( arguments, 1 ),
     93 			returnValue = this;
     94
     95 		// allow multiple hashes to be passed on init
     96 		options = !isMethodCall && args.length ?
     97 			$.extend.apply( null, [ true, options ].concat(args) ) :
     98 			options;
     99
    100 		// prevent calls to internal methods
    101 		if ( isMethodCall && options.charAt( 0 ) === "_" ) {
    102 			return returnValue;
    103 		}
    104
    105 		if ( isMethodCall ) {
    106 			this.each(function() {
    107 				var instance = $.data( this, name );
    108 				if ( !instance ) {
    109 					throw "cannot call methods on " + name + " prior to initialization; " +
    110 						"attempted to call method '" + options + "'";
    111 				}
    112 				if ( !$.isFunction( instance[options] ) ) {
    113 					throw "no such method '" + options + "' for " + name + " widget instance";
    114 				}
    115 				var methodValue = instance[ options ].apply( instance, args );
    116 				if ( methodValue !== instance && methodValue !== undefined ) {
    117 					returnValue = methodValue;
    118 					return false;
    119 				}
    120 			});
    121 		} else {
    122 			this.each(function() {
    123 				var instance = $.data( this, name );
    124 				if ( instance ) {
    125 					instance.option( options || {} )._init();
    126 				} else {
    127 					$.data( this, name, new object( options, this ) );
    128 				}
    129 			});
    130 		}
    131
    132 		return returnValue;
    133 	};
    134 };
    135
    136 $.Widget = function( options, element ) {
    137 	// allow instantiation without initializing for simple inheritance
    138 	if ( arguments.length ) {
    139 		this._createWidget( options, element );
    140 	}
    141 };
    142
    143 $.Widget.prototype = {
    144 	widgetName: "widget",
    145 	widgetEventPrefix: "",
    146 	options: {
    147 		disabled: false
    148 	},
    149 	_createWidget: function( options, element ) {
    150 		// $.widget.bridge stores the plugin instance, but we do it anyway
    151 		// so that it's stored even before the _create function runs
    152 		$.data( element, this.widgetName, this );
    153 		this.element = $( element );
    154 		this.options = $.extend( true, {},
    155 			this.options,
    156 			this._getCreateOptions(),
    157 			options );
    158
    159 		var self = this;
    160 		this.element.bind( "remove." + this.widgetName, function() {
    161 			self.destroy();
    162 		});
    163
    164 		this._create();
    165 		this._trigger( "create" );
    166 		this._init();
    167 	},
    168 	_getCreateOptions: function() {
    169 		var options = {};
    170 		if ( $.metadata ) {
    171 			options = $.metadata.get( element )[ this.widgetName ];
    172 		}
    173 		return options;
    174 	},
    175 	_create: function() {},
    176 	_init: function() {},
    177
    178 	destroy: function() {
    179 		this.element
    180 			.unbind( "." + this.widgetName )
    181 			.removeData( this.widgetName );
    182 		this.widget()
    183 			.unbind( "." + this.widgetName )
    184 			.removeAttr( "aria-disabled" )
    185 			.removeClass(
    186 				this.widgetBaseClass + "-disabled " +
    187 				"ui-state-disabled" );
    188 	},
    189
    190 	widget: function() {
    191 		return this.element;
    192 	},
    193
    194 	option: function( key, value ) {
    195 		var options = key;
    196
    197 		if ( arguments.length === 0 ) {
    198 			// don't return a reference to the internal hash
    199 			return $.extend( {}, this.options );
    200 		}
    201
    202 		if  (typeof key === "string" ) {
    203 			if ( value === undefined ) {
    204 				return this.options[ key ];
    205 			}
    206 			options = {};
    207 			options[ key ] = value;
    208 		}
    209
    210 		this._setOptions( options );
    211
    212 		return this;
    213 	},
    214 	_setOptions: function( options ) {
    215 		var self = this;
    216 		$.each( options, function( key, value ) {
    217 			self._setOption( key, value );
    218 		});
    219
    220 		return this;
    221 	},
    222 	_setOption: function( key, value ) {
    223 		this.options[ key ] = value;
    224
    225 		if ( key === "disabled" ) {
    226 			this.widget()
    227 				[ value ? "addClass" : "removeClass"](
    228 					this.widgetBaseClass + "-disabled" + " " +
    229 					"ui-state-disabled" )
    230 				.attr( "aria-disabled", value );
    231 		}
    232
    233 		return this;
    234 	},
    235
    236 	enable: function() {
    237 		return this._setOption( "disabled", false );
    238 	},
    239 	disable: function() {
    240 		return this._setOption( "disabled", true );
    241 	},
    242
    243 	_trigger: function( type, event, data ) {
    244 		var callback = this.options[ type ];
    245
    246 		event = $.Event( event );
    247 		event.type = ( type === this.widgetEventPrefix ?
    248 			type :
    249 			this.widgetEventPrefix + type ).toLowerCase();
    250 		data = data || {};
    251
    252 		// copy original event properties over to the new event
    253 		// this would happen if we could call $.event.fix instead of $.Event
    254 		// but we don't have a way to force an event to be fixed multiple times
    255 		if ( event.originalEvent ) {
    256 			for ( var i = $.event.props.length, prop; i; ) {
    257 				prop = $.event.props[ --i ];
    258 				event[ prop ] = event.originalEvent[ prop ];
    259 			}
    260 		}
    261
    262 		this.element.trigger( event, data );
    263
    264 		return !( $.isFunction(callback) &&
    265 			callback.call( this.element[0], event, data ) === false ||
    266 			event.isDefaultPrevented() );
    267 	}
    268 };
    269
    270 })( jQuery );
    271 /*
    272 * jQuery Mobile Framework : widget factory extentions for mobile
    273 * Copyright (c) jQuery Project
    274 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    275 * Note: Code is in draft form and is subject to change
    276 */
    277 (function($, undefined ) {
    278
    279 $.widget( "mobile.widget", {
    280 	_getCreateOptions: function() {
    281 		var elem = this.element,
    282 			options = {};
    283 		$.each( this.options, function( option ) {
    284 			var value = elem.data( option.replace( /[A-Z]/g, function( c ) {
    285 				return "-" + c.toLowerCase();
    286 			} ) );
    287 			if ( value !== undefined ) {
    288 				options[ option ] = value;
    289 			}
    290 		});
    291 		return options;
    292 	}
    293 });
    294
    295 })( jQuery );
    296 /*
    297 * jQuery Mobile Framework : support tests
    298 * Copyright (c) jQuery Project
    299 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    300 * Note: Code is in draft form and is subject to change
    301 */
    302 (function($, undefined ) {
    303
    304 // test whether a CSS media type or query applies
    305 $.media = (function() {
    306 	// TODO: use window.matchMedia once at least one UA implements it
    307 	var cache = {},
    308 		$html = $( "html" ),
    309 		testDiv = $( "<div id='jquery-mediatest'>" ),
    310 		fakeBody = $( "<body>" ).append( testDiv );
    311
    312 	return function( query ) {
    313 		if ( !( query in cache ) ) {
    314 			var styleBlock = $( "<style type='text/css'>" +
    315 				"@media " + query + "{#jquery-mediatest{position:absolute;}}" +
    316 				"</style>" );
    317 			$html.prepend( fakeBody ).prepend( styleBlock );
    318 			cache[ query ] = testDiv.css( "position" ) === "absolute";
    319 			fakeBody.add( styleBlock ).remove();
    320 		}
    321 		return cache[ query ];
    322 	};
    323 })();
    324
    325 var fakeBody = $( "<body>" ).prependTo( "html" ),
    326 	fbCSS = fakeBody[0].style,
    327 	vendors = ['webkit','moz','o'],
    328 	webos = window.palmGetResource || window.PalmServiceBridge, //only used to rule out scrollTop
    329 	bb = window.blackberry; //only used to rule out box shadow, as it's filled opaque on BB
    330
    331 //thx Modernizr
    332 function propExists( prop ){
    333 	var uc_prop = prop.charAt(0).toUpperCase() + prop.substr(1),
    334 		props   = (prop + ' ' + vendors.join(uc_prop + ' ') + uc_prop).split(' ');
    335 	for(var v in props){
    336 		if( fbCSS[ v ] !== undefined ){
    337 			return true;
    338 		}
    339 	}
    340 };
    341
    342 //test for dynamic-updating base tag support (allows us to avoid href,src attr rewriting)
    343 function baseTagTest(){
    344 	var fauxBase = location.protocol + '//' + location.host + location.pathname + "ui-dir/",
    345 		base = $("<base>", {"href": fauxBase}).appendTo("head"),
    346 		link = $( "<a href='testurl'></a>" ).prependTo( fakeBody ),
    347 		rebase = link[0].href;
    348 	base.remove();
    349 	return rebase.indexOf(fauxBase) === 0;
    350 };
    351
    352 $.extend( $.support, {
    353 	orientation: "orientation" in window,
    354 	touch: "ontouchend" in document,
    355 	cssTransitions: "WebKitTransitionEvent" in window,
    356 	pushState: !!history.pushState,
    357 	mediaquery: $.media('only all'),
    358 	cssPseudoElement: !!propExists('content'),
    359 	boxShadow: !!propExists('boxShadow') && !bb,
    360 	scrollTop: ("pageXOffset" in window || "scrollTop" in document.documentElement || "scrollTop" in fakeBody[0]) && !webos,
    361 	dynamicBaseTag: baseTagTest()
    362 });
    363
    364 fakeBody.remove();
    365
    366 //for ruling out shadows via css
    367 if( !$.support.boxShadow ){ $('html').addClass('ui-mobile-nosupport-boxshadow'); }
    368
    369 })( jQuery );(function($, undefined ) {
    370
    371 // add new event shortcuts
    372 $.each( "touchstart touchmove touchend orientationchange tap taphold swipe swipeleft swiperight scrollstart scrollstop".split( " " ), function( i, name ) {
    373 	$.fn[ name ] = function( fn ) {
    374 		return fn ? this.bind( name, fn ) : this.trigger( name );
    375 	};
    376 	$.attrFn[ name ] = true;
    377 });
    378
    379 var supportTouch = $.support.touch,
    380 	scrollEvent = "touchmove scroll",
    381 	touchStartEvent = supportTouch ? "touchstart" : "mousedown",
    382 	touchStopEvent = supportTouch ? "touchend" : "mouseup",
    383 	touchMoveEvent = supportTouch ? "touchmove" : "mousemove";
    384
    385 // also handles scrollstop
    386 $.event.special.scrollstart = {
    387 	enabled: true,
    388
    389 	setup: function() {
    390 		var thisObject = this,
    391 			$this = $( thisObject ),
    392 			scrolling,
    393 			timer;
    394
    395 		function trigger( event, state ) {
    396 			scrolling = state;
    397 			var originalType = event.type;
    398 			event.type = scrolling ? "scrollstart" : "scrollstop";
    399 			$.event.handle.call( thisObject, event );
    400 			event.type = originalType;
    401 		}
    402
    403 		// iPhone triggers scroll after a small delay; use touchmove instead
    404 		$this.bind( scrollEvent, function( event ) {
    405 			if ( !$.event.special.scrollstart.enabled ) {
    406 				return;
    407 			}
    408
    409 			if ( !scrolling ) {
    410 				trigger( event, true );
    411 			}
    412
    413 			clearTimeout( timer );
    414 			timer = setTimeout(function() {
    415 				trigger( event, false );
    416 			}, 50 );
    417 		});
    418 	}
    419 };
    420
    421 // also handles taphold
    422 $.event.special.tap = {
    423 	setup: function() {
    424 		var thisObject = this,
    425 			$this = $( thisObject );
    426
    427 		$this
    428 			.bind( touchStartEvent, function( event ) {
    429 				if ( event.which && event.which !== 1 ) {
    430 					return;
    431 				}
    432
    433 				var moved = false,
    434 					touching = true,
    435 					origPos = [ event.pageX, event.pageY ],
    436 					originalType,
    437 					timer;
    438
    439 				function moveHandler() {
    440 					if ((Math.abs(origPos[0] - event.pageX) > 10) ||
    441 					    (Math.abs(origPos[1] - event.pageY) > 10)) {
    442 					    moved = true;
    443 					}
    444 				}
    445
    446 				timer = setTimeout(function() {
    447 					if ( touching && !moved ) {
    448 						originalType = event.type;
    449 						event.type = "taphold";
    450 						$.event.handle.call( thisObject, event );
    451 						event.type = originalType;
    452 					}
    453 				}, 750 );
    454
    455 				$this
    456 					.one( touchMoveEvent, moveHandler)
    457 					.one( touchStopEvent, function( event ) {
    458 						$this.unbind( touchMoveEvent, moveHandler );
    459 						clearTimeout( timer );
    460 						touching = false;
    461
    462 						if ( !moved ) {
    463 							originalType = event.type;
    464 							event.type = "tap";
    465 							$.event.handle.call( thisObject, event );
    466 							event.type = originalType;
    467 						}
    468 					});
    469 			});
    470 	}
    471 };
    472
    473 // also handles swipeleft, swiperight
    474 $.event.special.swipe = {
    475 	setup: function() {
    476 		var thisObject = this,
    477 			$this = $( thisObject );
    478
    479 		$this
    480 			.bind( touchStartEvent, function( event ) {
    481 				var data = event.originalEvent.touches ?
    482 						event.originalEvent.touches[ 0 ] :
    483 						event,
    484 					start = {
    485 						time: (new Date).getTime(),
    486 						coords: [ data.pageX, data.pageY ],
    487 						origin: $( event.target )
    488 					},
    489 					stop;
    490
    491 				function moveHandler( event ) {
    492 					if ( !start ) {
    493 						return;
    494 					}
    495
    496 					var data = event.originalEvent.touches ?
    497 							event.originalEvent.touches[ 0 ] :
    498 							event;
    499 					stop = {
    500 							time: (new Date).getTime(),
    501 							coords: [ data.pageX, data.pageY ]
    502 					};
    503
    504 					// prevent scrolling
    505 					if ( Math.abs( start.coords[0] - stop.coords[0] ) > 10 ) {
    506 						event.preventDefault();
    507 					}
    508 				}
    509
    510 				$this
    511 					.bind( touchMoveEvent, moveHandler )
    512 					.one( touchStopEvent, function( event ) {
    513 						$this.unbind( touchMoveEvent, moveHandler );
    514 						if ( start && stop ) {
    515 							if ( stop.time - start.time < 1000 &&
    516 									Math.abs( start.coords[0] - stop.coords[0]) > 30 &&
    517 									Math.abs( start.coords[1] - stop.coords[1]) < 75 ) {
    518 								start.origin
    519 								.trigger( "swipe" )
    520 								.trigger( start.coords[0] > stop.coords[0] ? "swipeleft" : "swiperight" );
    521 							}
    522 						}
    523 						start = stop = undefined;
    524 					});
    525 			});
    526 	}
    527 };
    528
    529 (function($){
    530 	// "Cowboy" Ben Alman
    531
    532 	var win = $(window),
    533 		special_event,
    534 		get_orientation,
    535 		last_orientation;
    536
    537 	$.event.special.orientationchange = special_event = {
    538 		setup: function(){
    539 			// If the event is supported natively, return false so that jQuery
    540 			// will bind to the event using DOM methods.
    541 			if ( $.support.orientation ) { return false; }
    542
    543 			// Get the current orientation to avoid initial double-triggering.
    544 			last_orientation = get_orientation();
    545
    546 			// Because the orientationchange event doesn't exist, simulate the
    547 			// event by testing window dimensions on resize.
    548 			win.bind( "resize", handler );
    549 		},
    550 		teardown: function(){
    551 			// If the event is not supported natively, return false so that
    552 			// jQuery will unbind the event using DOM methods.
    553 			if ( $.support.orientation ) { return false; }
    554
    555 			// Because the orientationchange event doesn't exist, unbind the
    556 			// resize event handler.
    557 			win.unbind( "resize", handler );
    558 		},
    559 		add: function( handleObj ) {
    560 			// Save a reference to the bound event handler.
    561 			var old_handler = handleObj.handler;
    562
    563 			handleObj.handler = function( event ) {
    564 				// Modify event object, adding the .orientation property.
    565 				event.orientation = get_orientation();
    566
    567 				// Call the originally-bound event handler and return its result.
    568 				return old_handler.apply( this, arguments );
    569 			};
    570 		}
    571 	};
    572
    573 	// If the event is not supported natively, this handler will be bound to
    574 	// the window resize event to simulate the orientationchange event.
    575 	function handler() {
    576 		// Get the current orientation.
    577 		var orientation = get_orientation();
    578
    579 		if ( orientation !== last_orientation ) {
    580 			// The orientation has changed, so trigger the orientationchange event.
    581 			last_orientation = orientation;
    582 			win.trigger( "orientationchange" );
    583 		}
    584 	};
    585
    586 	// Get the current page orientation. This method is exposed publicly, should it
    587 	// be needed, as jQuery.event.special.orientationchange.orientation()
    588 	special_event.orientation = get_orientation = function() {
    589 		var elem = document.documentElement;
    590 		return elem && elem.clientWidth / elem.clientHeight < 1.1 ? "portrait" : "landscape";
    591 	};
    592
    593 })(jQuery);
    594
    595 $.each({
    596 	scrollstop: "scrollstart",
    597 	taphold: "tap",
    598 	swipeleft: "swipe",
    599 	swiperight: "swipe"
    600 }, function( event, sourceEvent ) {
    601 	$.event.special[ event ] = {
    602 		setup: function() {
    603 			$( this ).bind( sourceEvent, $.noop );
    604 		}
    605 	};
    606 });
    607
    608 })( jQuery );
    609 /*!
    610  * jQuery hashchange event - v1.3 - 7/21/2010
    611  * http://benalman.com/projects/jquery-hashchange-plugin/
    612  *
    613  * Copyright (c) 2010 "Cowboy" Ben Alman
    614  * Dual licensed under the MIT and GPL licenses.
    615  * http://benalman.com/about/license/
    616  */
    617
    618 // Script: jQuery hashchange event
    619 //
    620 // *Version: 1.3, Last updated: 7/21/2010*
    621 //
    622 // Project Home - http://benalman.com/projects/jquery-hashchange-plugin/
    623 // GitHub       - http://github.com/cowboy/jquery-hashchange/
    624 // Source       - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.js
    625 // (Minified)   - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.min.js (0.8kb gzipped)
    626 //
    627 // About: License
    628 //
    629 // Copyright (c) 2010 "Cowboy" Ben Alman,
    630 // Dual licensed under the MIT and GPL licenses.
    631 // http://benalman.com/about/license/
    632 //
    633 // About: Examples
    634 //
    635 // These working examples, complete with fully commented code, illustrate a few
    636 // ways in which this plugin can be used.
    637 //
    638 // hashchange event - http://benalman.com/code/projects/jquery-hashchange/examples/hashchange/
    639 // document.domain - http://benalman.com/code/projects/jquery-hashchange/examples/document_domain/
    640 //
    641 // About: Support and Testing
    642 //
    643 // Information about what version or versions of jQuery this plugin has been
    644 // tested with, what browsers it has been tested in, and where the unit tests
    645 // reside (so you can test it yourself).
    646 //
    647 // jQuery Versions - 1.2.6, 1.3.2, 1.4.1, 1.4.2
    648 // Browsers Tested - Internet Explorer 6-8, Firefox 2-4, Chrome 5-6, Safari 3.2-5,
    649 //                   Opera 9.6-10.60, iPhone 3.1, Android 1.6-2.2, BlackBerry 4.6-5.
    650 // Unit Tests      - http://benalman.com/code/projects/jquery-hashchange/unit/
    651 //
    652 // About: Known issues
    653 //
    654 // While this jQuery hashchange event implementation is quite stable and
    655 // robust, there are a few unfortunate browser bugs surrounding expected
    656 // hashchange event-based behaviors, independent of any JavaScript
    657 // window.onhashchange abstraction. See the following examples for more
    658 // information:
    659 //
    660 // Chrome: Back Button - http://benalman.com/code/projects/jquery-hashchange/examples/bug-chrome-back-button/
    661 // Firefox: Remote XMLHttpRequest - http://benalman.com/code/projects/jquery-hashchange/examples/bug-firefox-remote-xhr/
    662 // WebKit: Back Button in an Iframe - http://benalman.com/code/projects/jquery-hashchange/examples/bug-webkit-hash-iframe/
    663 // Safari: Back Button from a different domain - http://benalman.com/code/projects/jquery-hashchange/examples/bug-safari-back-from-diff-domain/
    664 //
    665 // Also note that should a browser natively support the window.onhashchange
    666 // event, but not report that it does, the fallback polling loop will be used.
    667 //
    668 // About: Release History
    669 //
    670 // 1.3   - (7/21/2010) Reorganized IE6/7 Iframe code to make it more
    671 //         "removable" for mobile-only development. Added IE6/7 document.title
    672 //         support. Attempted to make Iframe as hidden as possible by using
    673 //         techniques from http://www.paciellogroup.com/blog/?p=604. Added
    674 //         support for the "shortcut" format $(window).hashchange( fn ) and
    675 //         $(window).hashchange() like jQuery provides for built-in events.
    676 //         Renamed jQuery.hashchangeDelay to <jQuery.fn.hashchange.delay> and
    677 //         lowered its default value to 50. Added <jQuery.fn.hashchange.domain>
    678 //         and <jQuery.fn.hashchange.src> properties plus document-domain.html
    679 //         file to address access denied issues when setting document.domain in
    680 //         IE6/7.
    681 // 1.2   - (2/11/2010) Fixed a bug where coming back to a page using this plugin
    682 //         from a page on another domain would cause an error in Safari 4. Also,
    683 //         IE6/7 Iframe is now inserted after the body (this actually works),
    684 //         which prevents the page from scrolling when the event is first bound.
    685 //         Event can also now be bound before DOM ready, but it won't be usable
    686 //         before then in IE6/7.
    687 // 1.1   - (1/21/2010) Incorporated document.documentMode test to fix IE8 bug
    688 //         where browser version is incorrectly reported as 8.0, despite
    689 //         inclusion of the X-UA-Compatible IE=EmulateIE7 meta tag.
    690 // 1.0   - (1/9/2010) Initial Release. Broke out the jQuery BBQ event.special
    691 //         window.onhashchange functionality into a separate plugin for users
    692 //         who want just the basic event & back button support, without all the
    693 //         extra awesomeness that BBQ provides. This plugin will be included as
    694 //         part of jQuery BBQ, but also be available separately.
    695
    696 (function($,window,undefined){
    697   '$:nomunge'; // Used by YUI compressor.
    698
    699   // Reused string.
    700   var str_hashchange = 'hashchange',
    701
    702     // Method / object references.
    703     doc = document,
    704     fake_onhashchange,
    705     special = $.event.special,
    706
    707     // Does the browser support window.onhashchange? Note that IE8 running in
    708     // IE7 compatibility mode reports true for 'onhashchange' in window, even
    709     // though the event isn't supported, so also test document.documentMode.
    710     doc_mode = doc.documentMode,
    711     supports_onhashchange = 'on' + str_hashchange in window && ( doc_mode === undefined || doc_mode > 7 );
    712
    713   // Get location.hash (or what you'd expect location.hash to be) sans any
    714   // leading #. Thanks for making this necessary, Firefox!
    715   function get_fragment( url ) {
    716     url = url || location.href;
    717     return '#' + url.replace( /^[^#]*#?(.*)$/, '$1' );
    718   };
    719
    720   // Method: jQuery.fn.hashchange
    721   //
    722   // Bind a handler to the window.onhashchange event or trigger all bound
    723   // window.onhashchange event handlers. This behavior is consistent with
    724   // jQuery's built-in event handlers.
    725   //
    726   // Usage:
    727   //
    728   // > jQuery(window).hashchange( [ handler ] );
    729   //
    730   // Arguments:
    731   //
    732   //  handler - (Function) Optional handler to be bound to the hashchange
    733   //    event. This is a "shortcut" for the more verbose form:
    734   //    jQuery(window).bind( 'hashchange', handler ). If handler is omitted,
    735   //    all bound window.onhashchange event handlers will be triggered. This
    736   //    is a shortcut for the more verbose
    737   //    jQuery(window).trigger( 'hashchange' ). These forms are described in
    738   //    the <hashchange event> section.
    739   //
    740   // Returns:
    741   //
    742   //  (jQuery) The initial jQuery collection of elements.
    743
    744   // Allow the "shortcut" format $(elem).hashchange( fn ) for binding and
    745   // $(elem).hashchange() for triggering, like jQuery does for built-in events.
    746   $.fn[ str_hashchange ] = function( fn ) {
    747     return fn ? this.bind( str_hashchange, fn ) : this.trigger( str_hashchange );
    748   };
    749
    750   // Property: jQuery.fn.hashchange.delay
    751   //
    752   // The numeric interval (in milliseconds) at which the <hashchange event>
    753   // polling loop executes. Defaults to 50.
    754
    755   // Property: jQuery.fn.hashchange.domain
    756   //
    757   // If you're setting document.domain in your JavaScript, and you want hash
    758   // history to work in IE6/7, not only must this property be set, but you must
    759   // also set document.domain BEFORE jQuery is loaded into the page. This
    760   // property is only applicable if you are supporting IE6/7 (or IE8 operating
    761   // in "IE7 compatibility" mode).
    762   //
    763   // In addition, the <jQuery.fn.hashchange.src> property must be set to the
    764   // path of the included "document-domain.html" file, which can be renamed or
    765   // modified if necessary (note that the document.domain specified must be the
    766   // same in both your main JavaScript as well as in this file).
    767   //
    768   // Usage:
    769   //
    770   // jQuery.fn.hashchange.domain = document.domain;
    771
    772   // Property: jQuery.fn.hashchange.src
    773   //
    774   // If, for some reason, you need to specify an Iframe src file (for example,
    775   // when setting document.domain as in <jQuery.fn.hashchange.domain>), you can
    776   // do so using this property. Note that when using this property, history
    777   // won't be recorded in IE6/7 until the Iframe src file loads. This property
    778   // is only applicable if you are supporting IE6/7 (or IE8 operating in "IE7
    779   // compatibility" mode).
    780   //
    781   // Usage:
    782   //
    783   // jQuery.fn.hashchange.src = 'path/to/file.html';
    784
    785   $.fn[ str_hashchange ].delay = 50;
    786   /*
    787   $.fn[ str_hashchange ].domain = null;
    788   $.fn[ str_hashchange ].src = null;
    789   */
    790
    791   // Event: hashchange event
    792   //
    793   // Fired when location.hash changes. In browsers that support it, the native
    794   // HTML5 window.onhashchange event is used, otherwise a polling loop is
    795   // initialized, running every <jQuery.fn.hashchange.delay> milliseconds to
    796   // see if the hash has changed. In IE6/7 (and IE8 operating in "IE7
    797   // compatibility" mode), a hidden Iframe is created to allow the back button
    798   // and hash-based history to work.
    799   //
    800   // Usage as described in <jQuery.fn.hashchange>:
    801   //
    802   // > // Bind an event handler.
    803   // > jQuery(window).hashchange( function(e) {
    804   // >   var hash = location.hash;
    805   // >   ...
    806   // > });
    807   // >
    808   // > // Manually trigger the event handler.
    809   // > jQuery(window).hashchange();
    810   //
    811   // A more verbose usage that allows for event namespacing:
    812   //
    813   // > // Bind an event handler.
    814   // > jQuery(window).bind( 'hashchange', function(e) {
    815   // >   var hash = location.hash;
    816   // >   ...
    817   // > });
    818   // >
    819   // > // Manually trigger the event handler.
    820   // > jQuery(window).trigger( 'hashchange' );
    821   //
    822   // Additional Notes:
    823   //
    824   // * The polling loop and Iframe are not created until at least one handler
    825   //   is actually bound to the 'hashchange' event.
    826   // * If you need the bound handler(s) to execute immediately, in cases where
    827   //   a location.hash exists on page load, via bookmark or page refresh for
    828   //   example, use jQuery(window).hashchange() or the more verbose
    829   //   jQuery(window).trigger( 'hashchange' ).
    830   // * The event can be bound before DOM ready, but since it won't be usable
    831   //   before then in IE6/7 (due to the necessary Iframe), recommended usage is
    832   //   to bind it inside a DOM ready handler.
    833
    834   // Override existing $.event.special.hashchange methods (allowing this plugin
    835   // to be defined after jQuery BBQ in BBQ's source code).
    836   special[ str_hashchange ] = $.extend( special[ str_hashchange ], {
    837
    838     // Called only when the first 'hashchange' event is bound to window.
    839     setup: function() {
    840       // If window.onhashchange is supported natively, there's nothing to do..
    841       if ( supports_onhashchange ) { return false; }
    842
    843       // Otherwise, we need to create our own. And we don't want to call this
    844       // until the user binds to the event, just in case they never do, since it
    845       // will create a polling loop and possibly even a hidden Iframe.
    846       $( fake_onhashchange.start );
    847     },
    848
    849     // Called only when the last 'hashchange' event is unbound from window.
    850     teardown: function() {
    851       // If window.onhashchange is supported natively, there's nothing to do..
    852       if ( supports_onhashchange ) { return false; }
    853
    854       // Otherwise, we need to stop ours (if possible).
    855       $( fake_onhashchange.stop );
    856     }
    857
    858   });
    859
    860   // fake_onhashchange does all the work of triggering the window.onhashchange
    861   // event for browsers that don't natively support it, including creating a
    862   // polling loop to watch for hash changes and in IE 6/7 creating a hidden
    863   // Iframe to enable back and forward.
    864   fake_onhashchange = (function(){
    865     var self = {},
    866       timeout_id,
    867
    868       // Remember the initial hash so it doesn't get triggered immediately.
    869       last_hash = get_fragment(),
    870
    871       fn_retval = function(val){ return val; },
    872       history_set = fn_retval,
    873       history_get = fn_retval;
    874
    875     // Start the polling loop.
    876     self.start = function() {
    877       timeout_id || poll();
    878     };
    879
    880     // Stop the polling loop.
    881     self.stop = function() {
    882       timeout_id && clearTimeout( timeout_id );
    883       timeout_id = undefined;
    884     };
    885
    886     // This polling loop checks every $.fn.hashchange.delay milliseconds to see
    887     // if location.hash has changed, and triggers the 'hashchange' event on
    888     // window when necessary.
    889     function poll() {
    890       var hash = get_fragment(),
    891         history_hash = history_get( last_hash );
    892
    893       if ( hash !== last_hash ) {
    894         history_set( last_hash = hash, history_hash );
    895
    896         $(window).trigger( str_hashchange );
    897
    898       } else if ( history_hash !== last_hash ) {
    899         location.href = location.href.replace( /#.*/, '' ) + history_hash;
    900       }
    901
    902       timeout_id = setTimeout( poll, $.fn[ str_hashchange ].delay );
    903     };
    904
    905     // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
    906     // vvvvvvvvvvvvvvvvvvv REMOVE IF NOT SUPPORTING IE6/7/8 vvvvvvvvvvvvvvvvvvv
    907     // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
    908     $.browser.msie && !supports_onhashchange && (function(){
    909       // Not only do IE6/7 need the "magical" Iframe treatment, but so does IE8
    910       // when running in "IE7 compatibility" mode.
    911
    912       var iframe,
    913         iframe_src;
    914
    915       // When the event is bound and polling starts in IE 6/7, create a hidden
    916       // Iframe for history handling.
    917       self.start = function(){
    918         if ( !iframe ) {
    919           iframe_src = $.fn[ str_hashchange ].src;
    920           iframe_src = iframe_src && iframe_src + get_fragment();
    921
    922           // Create hidden Iframe. Attempt to make Iframe as hidden as possible
    923           // by using techniques from http://www.paciellogroup.com/blog/?p=604.
    924           iframe = $('<iframe tabindex="-1" title="empty"/>').hide()
    925
    926             // When Iframe has completely loaded, initialize the history and
    927             // start polling.
    928             .one( 'load', function(){
    929               iframe_src || history_set( get_fragment() );
    930               poll();
    931             })
    932
    933             // Load Iframe src if specified, otherwise nothing.
    934             .attr( 'src', iframe_src || 'javascript:0' )
    935
    936             // Append Iframe after the end of the body to prevent unnecessary
    937             // initial page scrolling (yes, this works).
    938             .insertAfter( 'body' )[0].contentWindow;
    939
    940           // Whenever `document.title` changes, update the Iframe's title to
    941           // prettify the back/next history menu entries. Since IE sometimes
    942           // errors with "Unspecified error" the very first time this is set
    943           // (yes, very useful) wrap this with a try/catch block.
    944           doc.onpropertychange = function(){
    945             try {
    946               if ( event.propertyName === 'title' ) {
    947                 iframe.document.title = doc.title;
    948               }
    949             } catch(e) {}
    950           };
    951
    952         }
    953       };
    954
    955       // Override the "stop" method since an IE6/7 Iframe was created. Even
    956       // if there are no longer any bound event handlers, the polling loop
    957       // is still necessary for back/next to work at all!
    958       self.stop = fn_retval;
    959
    960       // Get history by looking at the hidden Iframe's location.hash.
    961       history_get = function() {
    962         return get_fragment( iframe.location.href );
    963       };
    964
    965       // Set a new history item by opening and then closing the Iframe
    966       // document, *then* setting its location.hash. If document.domain has
    967       // been set, update that as well.
    968       history_set = function( hash, history_hash ) {
    969         var iframe_doc = iframe.document,
    970           domain = $.fn[ str_hashchange ].domain;
    971
    972         if ( hash !== history_hash ) {
    973           // Update Iframe with any initial `document.title` that might be set.
    974           iframe_doc.title = doc.title;
    975
    976           // Opening the Iframe's document after it has been closed is what
    977           // actually adds a history entry.
    978           iframe_doc.open();
    979
    980           // Set document.domain for the Iframe document as well, if necessary.
    981           domain && iframe_doc.write( '<script>document.domain="' + domain + '"</script>' );
    982
    983           iframe_doc.close();
    984
    985           // Update the Iframe's hash, for great justice.
    986           iframe.location.hash = hash;
    987         }
    988       };
    989
    990     })();
    991     // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    992     // ^^^^^^^^^^^^^^^^^^^ REMOVE IF NOT SUPPORTING IE6/7/8 ^^^^^^^^^^^^^^^^^^^
    993     // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    994
    995     return self;
    996   })();
    997
    998 })(jQuery,this);
    999 /*
    1000 * jQuery Mobile Framework : "page" plugin
    1001 * Copyright (c) jQuery Project
    1002 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    1003 * Note: Code is in draft form and is subject to change
    1004 */
    1005 (function($, undefined ) {
    1006
    1007 $.widget( "mobile.page", $.mobile.widget, {
    1008 	options: {
    1009 		backBtnText: "Back",
    1010 		addBackBtn: true,
    1011 		degradeInputs: {
    1012 			color: false,
    1013 			date: false,
    1014 			datetime: false,
    1015 			"datetime-local": false,
    1016 			email: false,
    1017 			month: false,
    1018 			number: false,
    1019 			range: true,
    1020 			search: true,
    1021 			tel: false,
    1022 			time: false,
    1023 			url: false,
    1024 			week: false
    1025 		}
    1026 	},
    1027
    1028 	_create: function() {
    1029 		var $elem = this.element,
    1030 			o = this.options;
    1031
    1032 		if ( this._trigger( "beforeCreate" ) === false ) {
    1033 			return;
    1034 		}
    1035
    1036 		//some of the form elements currently rely on the presence of ui-page and ui-content
    1037 		// classes so we'll handle page and content roles outside of the main role processing
    1038 		// loop below.
    1039 		$elem.find( "[data-role='page'], [data-role='content']" ).andSelf().each(function() {
    1040 			$(this).addClass( "ui-" + $(this).data( "role" ) );
    1041 		});
    1042
    1043 		$elem.find( "[data-role='nojs']" ).addClass( "ui-nojs" );
    1044
    1045 		this._enchanceControls();
    1046
    1047 		// pre-find data els
    1048 		var $dataEls = $elem.find( "[data-role]" ).andSelf().each(function() {
    1049 			var $this = $( this ),
    1050 				role = $this.data( "role" ),
    1051 				theme = $this.data( "theme" );
    1052
    1053 			//apply theming and markup modifications to page,header,content,footer
    1054 			if ( role === "header" || role === "footer" ) {
    1055 				$this.addClass( "ui-bar-" + (theme || $this.parent('[data-role=page]').data( "theme" ) || "a") );
    1056
    1057 				// add ARIA role
    1058 				$this.attr( "role", role === "header" ? "banner" : "contentinfo" );
    1059
    1060 				//right,left buttons
    1061 				var $headeranchors = $this.children( "a" ),
    1062 					leftbtn = $headeranchors.hasClass( "ui-btn-left" ),
    1063 					rightbtn = $headeranchors.hasClass( "ui-btn-right" );
    1064
    1065 				if ( !leftbtn ) {
    1066 					leftbtn = $headeranchors.eq( 0 ).not( ".ui-btn-right" ).addClass( "ui-btn-left" ).length;
    1067 				}
    1068
    1069 				if ( !rightbtn ) {
    1070 					rightbtn = $headeranchors.eq( 1 ).addClass( "ui-btn-right" ).length;
    1071 				}
    1072
    1073 				// auto-add back btn on pages beyond first view
    1074 				if ( o.addBackBtn && role === "header" &&
    1075 						($.mobile.urlStack.length > 1 || $(".ui-page").length > 1) &&
    1076 						!leftbtn && !$this.data( "noBackBtn" ) ) {
    1077
    1078 					$( "<a href='#' class='ui-btn-left' data-icon='arrow-l'>"+ o.backBtnText +"</a>" )
    1079 						.click(function() {
    1080 							history.back();
    1081 							return false;
    1082 						})
    1083 						.prependTo( $this );
    1084 				}
    1085
    1086 				//page title
    1087 				$this.children( "h1, h2, h3, h4, h5, h6" )
    1088 					.addClass( "ui-title" )
    1089 					//regardless of h element number in src, it becomes h1 for the enhanced page
    1090 					.attr({ "tabindex": "0", "role": "heading", "aria-level": "1" });
    1091
    1092 			} else if ( role === "content" ) {
    1093 				if ( theme ) {
    1094 					$this.addClass( "ui-body-" + theme );
    1095 				}
    1096
    1097 				// add ARIA role
    1098 				$this.attr( "role", "main" );
    1099
    1100 			} else if ( role === "page" ) {
    1101 				$this.addClass( "ui-body-" + (theme || "c") );
    1102 			}
    1103
    1104 			switch(role) {
    1105 				case "header":
    1106 				case "footer":
    1107 				case "page":
    1108 				case "content":
    1109 					$this.addClass( "ui-" + role );
    1110 					break;
    1111 				case "collapsible":
    1112 				case "fieldcontain":
    1113 				case "navbar":
    1114 				case "listview":
    1115 				case "dialog":
    1116 					$this[ role ]();
    1117 					break;
    1118 			}
    1119 		});
    1120
    1121 		//links in bars, or those with data-role become buttons
    1122 		$elem.find( "[data-role='button'], .ui-bar a, .ui-header a, .ui-footer a" )
    1123 			.not( ".ui-btn" )
    1124 			.buttonMarkup();
    1125
    1126 		$elem
    1127 			.find("[data-role='controlgroup']")
    1128 			.controlgroup();
    1129
    1130 		//links within content areas
    1131 		$elem.find( "a:not(.ui-btn):not(.ui-link-inherit)" )
    1132 			.addClass( "ui-link" );
    1133
    1134 		//fix toolbars
    1135 		$elem.fixHeaderFooter();
    1136 	},
    1137
    1138 	_enchanceControls: function() {
    1139 		var o = this.options;
    1140 		// degrade inputs to avoid poorly implemented native functionality
    1141 		this.element.find( "input" ).each(function() {
    1142 			var type = this.getAttribute( "type" );
    1143 			if ( o.degradeInputs[ type ] ) {
    1144 				$( this ).replaceWith(
    1145 					$( "<div>" ).html( $(this).clone() ).html()
    1146 						.replace( /type="([a-zA-Z]+)"/, "data-type='$1'" ) );
    1147 			}
    1148 		});
    1149
    1150 		// enchance form controls
    1151 		this.element
    1152 			.find( "[type='radio'], [type='checkbox']" )
    1153 			.checkboxradio();
    1154
    1155 		this.element
    1156 			.find( "button, [type='button'], [type='submit'], [type='reset'], [type='image']" )
    1157 			.not( ".ui-nojs" )
    1158 			.button();
    1159
    1160 		this.element
    1161 			.find( "input, textarea" )
    1162 			.not( "[type='radio'], [type='checkbox'], button, [type='button'], [type='submit'], [type='reset'], [type='image']" )
    1163 			.textinput();
    1164
    1165 		this.element
    1166 			.find( "input, select" )
    1167 			.filter( "[data-role='slider'], [data-type='range']" )
    1168 			.slider();
    1169
    1170 		this.element
    1171 			.find( "select:not([data-role='slider'])" )
    1172 			.selectmenu();
    1173 	}
    1174 });
    1175
    1176 })( jQuery );
    1177 /*
    1178 * jQuery Mobile Framework : "fixHeaderFooter" plugin - on-demand positioning for headers,footers
    1179 * Copyright (c) jQuery Project
    1180 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    1181 * Note: Code is in draft form and is subject to change
    1182 */
    1183 (function($, undefined ) {
    1184 $.fn.fixHeaderFooter = function(options){
    1185 	if( !$.support.scrollTop ){ return $(this); }
    1186 	return $(this).each(function(){
    1187 		if( $(this).data('fullscreen') ){ $(this).addClass('ui-page-fullscreen'); }
    1188 		$(this).find('.ui-header[data-position="fixed"]').addClass('ui-header-fixed ui-fixed-inline fade'); //should be slidedown
    1189 		$(this).find('.ui-footer[data-position="fixed"]').addClass('ui-footer-fixed ui-fixed-inline fade'); //should be slideup
    1190 	});
    1191 };
    1192
    1193 //single controller for all showing,hiding,toggling
    1194 $.fixedToolbars = (function(){
    1195 	if( !$.support.scrollTop ){ return; }
    1196 	var currentstate = 'inline',
    1197 		delayTimer,
    1198 		ignoreTargets = 'a,input,textarea,select,button,label,.ui-header-fixed,.ui-footer-fixed',
    1199 		toolbarSelector = '.ui-header-fixed:first, .ui-footer-fixed:not(.ui-footer-duplicate):last',
    1200 		stickyFooter, //for storing quick references to duplicate footers
    1201 		supportTouch = $.support.touch,
    1202 		touchStartEvent = supportTouch ? "touchstart" : "mousedown",
    1203 		touchStopEvent = supportTouch ? "touchend" : "mouseup",
    1204 		stateBefore = null,
    1205 		scrollTriggered = false;
    1206
    1207 	$(function() {
    1208 		$(document)
    1209 			.bind(touchStartEvent,function(event){
    1210 				if( $(event.target).closest(ignoreTargets).length ){ return; }
    1211 				stateBefore = currentstate;
    1212 				$.fixedToolbars.hide(true);
    1213 			})
    1214 			.bind('scrollstart',function(event){
    1215 				if( $(event.target).closest(ignoreTargets).length ){ return; } //because it could be a touchmove...
    1216 				scrollTriggered = true;
    1217 				if(stateBefore == null){ stateBefore = currentstate; }
    1218 				$.fixedToolbars.hide(true);
    1219 			})
    1220 			.bind(touchStopEvent,function(event){
    1221 				if( $(event.target).closest(ignoreTargets).length ){ return; }
    1222 				if( !scrollTriggered ){
    1223 					$.fixedToolbars.toggle(stateBefore);
    1224 					stateBefore = null;
    1225 				}
    1226 			})
    1227 			.bind('scrollstop',function(event){
    1228 				if( $(event.target).closest(ignoreTargets).length ){ return; }
    1229 				scrollTriggered = false;
    1230 				$.fixedToolbars.toggle( stateBefore == 'overlay' ? 'inline' : 'overlay' );
    1231 				stateBefore = null;
    1232 			});
    1233
    1234 		//function to return another footer already in the dom with the same data-id
    1235 		function findStickyFooter(el){
    1236 			var thisFooter = el.find('[data-role="footer"]');
    1237 			return $( '.ui-footer[data-id="'+ thisFooter.data('id') +'"]:not(.ui-footer-duplicate)' ).not(thisFooter);
    1238 		}
    1239
    1240 		//before page is shown, check for duplicate footer
    1241 		$('.ui-page').live('pagebeforeshow', function(event, ui){
    1242 			stickyFooter = findStickyFooter( $(event.target) );
    1243 			if( stickyFooter.length ){
    1244 				//if the existing footer is the first of its kind, create a placeholder before stealing it
    1245 				if( stickyFooter.parents('.ui-page:eq(0)').find('.ui-footer[data-id="'+ stickyFooter.data('id') +'"]').length == 1 ){
    1246 					stickyFooter.before( stickyFooter.clone().addClass('ui-footer-duplicate') );
    1247 				}
    1248 				$(event.target).find('[data-role="footer"]').addClass('ui-footer-duplicate');
    1249 				stickyFooter.appendTo($.pageContainer).css('top',0);
    1250 				setTop(stickyFooter);
    1251 			}
    1252 		});
    1253
    1254 		//after page is shown, append footer to new page
    1255 		$('.ui-page').live('pageshow', function(event, ui){
    1256 			if( stickyFooter && stickyFooter.length ){
    1257 				stickyFooter.appendTo(event.target).css('top',0);
    1258 			}
    1259 			$.fixedToolbars.show(true, this);
    1260 		});
    1261
    1262 	});
    1263
    1264 	// element.getBoundingClientRect() is broken in iOS 3.2.1 on the iPad. The
    1265 	// coordinates inside of the rect it returns don't have the page scroll position
    1266 	// factored out of it like the other platforms do. To get around this,
    1267 	// we'll just calculate the top offset the old fashioned way until core has
    1268 	// a chance to figure out how to handle this situation.
    1269 	//
    1270 	// TODO: We'll need to get rid of getOffsetTop() once a fix gets folded into core.
    1271
    1272 	function getOffsetTop(ele)
    1273 	{
    1274 		var top = 0;
    1275 		if (ele)
    1276 		{
    1277 			var op = ele.offsetParent, body = document.body;
    1278 			top = ele.offsetTop;
    1279 			while (ele && ele != body)
    1280 			{
    1281 				top += ele.scrollTop || 0;
    1282 				if (ele == op)
    1283 				{
    1284 					top += op.offsetTop;
    1285 					op = ele.offsetParent;
    1286 				}
    1287 				ele = ele.parentNode;
    1288 			}
    1289 		}
    1290 		return top;
    1291 	}
    1292
    1293 	function setTop(el){
    1294 		var fromTop = $(window).scrollTop(),
    1295 			thisTop = getOffsetTop(el[0]), // el.offset().top returns the wrong value on iPad iOS 3.2.1, call our workaround instead.
    1296 			thisCSStop = el.css('top') == 'auto' ? 0 : parseFloat(el.css('top')),
    1297 			screenHeight = window.innerHeight,
    1298 			thisHeight = el.outerHeight(),
    1299 			useRelative = el.parents('.ui-page:not(.ui-page-fullscreen)').length,
    1300 			relval;
    1301 		if( el.is('.ui-header-fixed') ){
    1302 			relval = fromTop - thisTop + thisCSStop;
    1303 			if( relval < thisTop){ relval = 0; }
    1304 			return el.css('top', ( useRelative ) ? relval : fromTop);
    1305 		}
    1306 		else{
    1307 			//relval = -1 * (thisTop - (fromTop + screenHeight) + thisCSStop + thisHeight);
    1308 			//if( relval > thisTop ){ relval = 0; }
    1309 			relval = fromTop + screenHeight - thisHeight - (thisTop - thisCSStop);
    1310 			return el.css('top', ( useRelative ) ? relval : fromTop + screenHeight - thisHeight );
    1311 		}
    1312 	}
    1313
    1314 	//exposed methods
    1315 	return {
    1316 		show: function(immediately, page){
    1317 			currentstate = 'overlay';
    1318 			var $ap = page ? $(page) : ($.mobile.activePage ? $.mobile.activePage : $(".ui-page-active"));
    1319 			return $ap.children( toolbarSelector ).each(function(){
    1320 				var el = $(this),
    1321 					fromTop = $(window).scrollTop(),
    1322 					thisTop = getOffsetTop(el[0]), // el.offset().top returns the wrong value on iPad iOS 3.2.1, call our workaround instead.
    1323 					screenHeight = window.innerHeight,
    1324 					thisHeight = el.outerHeight(),
    1325 					alreadyVisible = (el.is('.ui-header-fixed') && fromTop <= thisTop + thisHeight) || (el.is('.ui-footer-fixed') && thisTop <= fromTop + screenHeight);
    1326
    1327 				//add state class
    1328 				el.addClass('ui-fixed-overlay').removeClass('ui-fixed-inline');
    1329
    1330 				if( !alreadyVisible && !immediately ){
    1331 					el.addClass('in').animationComplete(function(){
    1332 						el.removeClass('in');
    1333 					});
    1334 				}
    1335 				setTop(el);
    1336 			});
    1337 		},
    1338 		hide: function(immediately){
    1339 			currentstate = 'inline';
    1340 			var $ap = $.mobile.activePage ? $.mobile.activePage : $(".ui-page-active");
    1341 			return $ap.children( toolbarSelector ).each(function(){
    1342 				var el = $(this);
    1343
    1344 				var thisCSStop = el.css('top'); thisCSStop = thisCSStop == 'auto' ? 0 : parseFloat(thisCSStop);
    1345
    1346 				//add state class
    1347 				el.addClass('ui-fixed-inline').removeClass('ui-fixed-overlay');
    1348
    1349 				if (thisCSStop < 0 || (el.is('.ui-header-fixed') && thisCSStop != 0))
    1350 				{
    1351 					if(immediately){
    1352 						el.css('top',0);
    1353 					}
    1354 					else{
    1355 						if( el.css('top') !== 'auto' && parseFloat(el.css('top')) !== 0 ){
    1356 							var classes = 'out reverse';
    1357 							el.addClass(classes).animationComplete(function(){
    1358 								el.removeClass(classes);
    1359 								el.css('top',0);
    1360 							});
    1361 						}
    1362 					}
    1363 				}
    1364 			});
    1365 		},
    1366 		hideAfterDelay: function(){
    1367 			delayTimer = setTimeout(function(){
    1368 				$.fixedToolbars.hide();
    1369 			}, 3000);
    1370 		},
    1371 		toggle: function(from){
    1372 			if(from){ currentstate = from; }
    1373 			return (currentstate == 'overlay') ? $.fixedToolbars.hide() : $.fixedToolbars.show();
    1374 		}
    1375 	};
    1376 })();
    1377
    1378 })(jQuery);/*
    1379 * jQuery Mobile Framework : "checkboxradio" plugin
    1380 * Copyright (c) jQuery Project
    1381 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    1382 * Note: Code is in draft form and is subject to change
    1383 */
    1384 (function($, undefined ) {
    1385 $.widget( "mobile.checkboxradio", $.mobile.widget, {
    1386 	options: {
    1387 		theme: null
    1388 	},
    1389 	_create: function(){
    1390 		var input = this.element,
    1391 			label = $("label[for='" + input.attr( "id" ) + "']"),
    1392 			inputtype = input.attr( "type" ),
    1393 			checkedicon = "ui-icon-" + inputtype + "-on",
    1394 			uncheckedicon = "ui-icon-" + inputtype + "-off";
    1395
    1396 		if ( inputtype != "checkbox" && inputtype != "radio" ) { return; }
    1397
    1398 		label
    1399 			.buttonMarkup({
    1400 				theme: this.options.theme,
    1401 				icon: this.element.parents( "[data-type='horizontal']" ).length ? undefined : uncheckedicon,
    1402 				shadow: false
    1403 			});
    1404
    1405 		// wrap the input + label in a div
    1406 		input
    1407 			.add( label )
    1408 			.wrapAll( "<div class='ui-" + inputtype +"'></div>" );
    1409
    1410 		label.bind({
    1411 			mouseover: function() {
    1412 				if( $(this).parent().is('.ui-disabled') ){ return false; }
    1413 			},
    1414
    1415 			mousedown: function() {
    1416 				if( $(this).parent().is('.ui-disabled') ){ return false; }
    1417 				label.data( "state", input.attr( "checked" ) );
    1418 			},
    1419
    1420 			click: function() {
    1421 				setTimeout(function() {
    1422 					if ( input.attr( "checked" ) === label.data( "state" ) ) {
    1423 						input.trigger( "click" );
    1424 					}
    1425 				}, 1);
    1426 			}
    1427 		});
    1428
    1429 		input
    1430 			.bind({
    1431
    1432 				click: function() {
    1433 					$( "input[name='" + input.attr( "name" ) + "'][type='" + inputtype + "']" ).checkboxradio( "refresh" );
    1434 				},
    1435
    1436 				focus: function() {
    1437 					label.addClass( "ui-focus" );
    1438 				},
    1439
    1440 				blur: function() {
    1441 					label.removeClass( "ui-focus" );
    1442 				}
    1443 			});
    1444
    1445 		this.refresh();
    1446
    1447 	},
    1448
    1449 	refresh: function( ){
    1450 		var input = this.element,
    1451 			label = $("label[for='" + input.attr( "id" ) + "']"),
    1452 			inputtype = input.attr( "type" ),
    1453 			icon = label.find( ".ui-icon" ),
    1454 			checkedicon = "ui-icon-" + inputtype + "-on",
    1455 			uncheckedicon = "ui-icon-" + inputtype + "-off";
    1456
    1457 		if ( input[0].checked ) {
    1458 			label.addClass( "ui-btn-active" );
    1459 			icon.addClass( checkedicon );
    1460 			icon.removeClass( uncheckedicon );
    1461
    1462 		} else {
    1463 			label.removeClass( "ui-btn-active" );
    1464 			icon.removeClass( checkedicon );
    1465 			icon.addClass( uncheckedicon );
    1466 		}
    1467
    1468 		if( input.is( ":disabled" ) ){
    1469 			this.disable();
    1470 		}
    1471 		else {
    1472 			this.enable();
    1473 		}
    1474 	},
    1475
    1476 	disable: function(){
    1477 		this.element.attr("disabled",true).parent().addClass("ui-disabled");
    1478 	},
    1479
    1480 	enable: function(){
    1481 		this.element.attr("disabled",false).parent().removeClass("ui-disabled");
    1482 	}
    1483 });
    1484 })( jQuery );
    1485 /*
    1486 * jQuery Mobile Framework : "textinput" plugin for text inputs, textareas
    1487 * Copyright (c) jQuery Project
    1488 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    1489 * Note: Code is in draft form and is subject to change
    1490 */
    1491 (function($, undefined ) {
    1492 $.widget( "mobile.textinput", $.mobile.widget, {
    1493 	options: {
    1494 		theme: null
    1495 	},
    1496 	_create: function(){
    1497 		var input = this.element,
    1498 			o = this.options,
    1499 			theme = o.theme,
    1500 			themeclass;
    1501
    1502 		if ( !theme ) {
    1503 			var themedParent = this.element.closest("[class*='ui-bar-'],[class*='ui-body-']");
    1504 				theme = themedParent.length ?
    1505 					/ui-(bar|body)-([a-z])/.exec( themedParent.attr("class") )[2] :
    1506 					"c";
    1507 		}
    1508
    1509 		themeclass = " ui-body-" + theme;
    1510
    1511 		$('label[for='+input.attr('id')+']').addClass('ui-input-text');
    1512
    1513 		input.addClass('ui-input-text ui-body-'+ o.theme);
    1514
    1515 		var focusedEl = input;
    1516
    1517 		//"search" input widget
    1518 		if( input.is('[type="search"],[data-type="search"]') ){
    1519 			focusedEl = input.wrap('<div class="ui-input-search ui-shadow-inset ui-btn-corner-all ui-btn-shadow ui-icon-search'+ themeclass +'"></div>').parent();
    1520 			var clearbtn = $('<a href="#" class="ui-input-clear" title="clear text">clear text</a>')
    1521 				.click(function(){
    1522 					input.val('').focus();
    1523 					input.trigger('change');
    1524 					clearbtn.addClass('ui-input-clear-hidden');
    1525 					return false;
    1526 				})
    1527 				.appendTo(focusedEl)
    1528 				.buttonMarkup({icon: 'delete', iconpos: 'notext', corners:true, shadow:true});
    1529
    1530 			function toggleClear(){
    1531 				if(input.val() == ''){
    1532 					clearbtn.addClass('ui-input-clear-hidden');
    1533 				}
    1534 				else{
    1535 					clearbtn.removeClass('ui-input-clear-hidden');
    1536 				}
    1537 			}
    1538
    1539 			toggleClear();
    1540 			input.keyup(toggleClear);
    1541 		}
    1542 		else{
    1543 			input.addClass('ui-corner-all ui-shadow-inset' + themeclass);
    1544 		}
    1545
    1546 		input
    1547 			.focus(function(){
    1548 				focusedEl.addClass('ui-focus');
    1549 			})
    1550 			.blur(function(){
    1551 				focusedEl.removeClass('ui-focus');
    1552 			});
    1553
    1554 		//autogrow
    1555 		if ( input.is('textarea') ) {
    1556 			var extraLineHeight = 15,
    1557 				keyupTimeoutBuffer = 100,
    1558 				keyup = function() {
    1559 					var scrollHeight = input[0].scrollHeight,
    1560 						clientHeight = input[0].clientHeight;
    1561 					if ( clientHeight < scrollHeight ) {
    1562 						input.css({ height: (scrollHeight + extraLineHeight) });
    1563 					}
    1564 				},
    1565 				keyupTimeout;
    1566 			input.keyup(function() {
    1567 				clearTimeout( keyupTimeout );
    1568 				keyupTimeout = setTimeout( keyup, keyupTimeoutBuffer );
    1569 			});
    1570 		}
    1571 	},
    1572
    1573 	disable: function(){
    1574 		( this.element.attr("disabled",true).is('[type="search"],[data-type="search"]') ? this.element.parent() : this.element ).addClass("ui-disabled");
    1575 	},
    1576
    1577 	enable: function(){
    1578 		( this.element.attr("disabled", false).is('[type="search"],[data-type="search"]') ? this.element.parent() : this.element ).removeClass("ui-disabled");
    1579 	}
    1580 });
    1581 })( jQuery );
    1582 /*
    1583 * jQuery Mobile Framework : "selectmenu" plugin
    1584 * Copyright (c) jQuery Project
    1585 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    1586 * Note: Code is in draft form and is subject to change
    1587 */
    1588 (function($, undefined ) {
    1589 $.widget( "mobile.selectmenu", $.mobile.widget, {
    1590 	options: {
    1591 		theme: null,
    1592 		disabled: false,
    1593 		icon: 'arrow-d',
    1594 		iconpos: 'right',
    1595 		inline: null,
    1596 		corners: true,
    1597 		shadow: true,
    1598 		iconshadow: true,
    1599 		menuPageTheme: 'b',
    1600 		overlayTheme: 'a'
    1601 	},
    1602 	_create: function(){
    1603
    1604 		var self = this,
    1605
    1606 			o = this.options,
    1607
    1608 			select = this.element
    1609 						.attr( "tabindex", "-1" )
    1610 						.wrap( "<div class='ui-select'>" ),
    1611
    1612 			selectID = select.attr( "id" ),
    1613
    1614 			label = $( "label[for="+ selectID +"]" ).addClass( "ui-select" ),
    1615
    1616 			buttonId = selectID + "-button",
    1617
    1618 			menuId = selectID + "-menu",
    1619
    1620 			thisPage = select.closest( ".ui-page" ),
    1621
    1622 			button = $( "<a>", {
    1623 					"href": "#",
    1624 					"role": "button",
    1625 					"id": buttonId,
    1626 					"aria-haspopup": "true",
    1627 					"aria-owns": menuId
    1628 				})
    1629 				.text( $( select[0].options.item(select[0].selectedIndex) ).text() )
    1630 				.insertBefore( select )
    1631 				.buttonMarkup({
    1632 					theme: o.theme,
    1633 					icon: o.icon,
    1634 					iconpos: o.iconpos,
    1635 					inline: o.inline,
    1636 					corners: o.corners,
    1637 					shadow: o.shadow,
    1638 					iconshadow: o.iconshadow
    1639 				}),
    1640
    1641 			theme = /ui-btn-up-([a-z])/.exec( button.attr("class") )[1],
    1642
    1643 			menuPage = $( "<div data-role='dialog' data-theme='"+ o.menuPageTheme +"'>" +
    1644 						"<div data-role='header'>" +
    1645 							"<div class='ui-title'>" + label.text() + "</div>"+
    1646 						"</div>"+
    1647 						"<div data-role='content'></div>"+
    1648 					"</div>" )
    1649 					.appendTo( $.pageContainer )
    1650 					.page(),
    1651
    1652 			menuPageContent = menuPage.find( ".ui-content" ),
    1653
    1654 			screen = $( "<div>", {"class": "ui-listbox-screen ui-overlay ui-screen-hidden fade"})
    1655 						.appendTo( thisPage ),
    1656
    1657 			listbox = $( "<div>", { "class": "ui-listbox ui-listbox-hidden ui-overlay-shadow ui-corner-all pop ui-body-" + o.overlayTheme } )
    1658 					.insertAfter(screen),
    1659
    1660 			list = $( "<ul>", {
    1661 					"class": "ui-listbox-list",
    1662 					"id": menuId,
    1663 					"role": "listbox",
    1664 					"aria-labelledby": buttonId,
    1665 					"data-theme": theme
    1666 				})
    1667 				.appendTo( listbox ),
    1668
    1669 			menuType;
    1670
    1671 		//expose to other methods
    1672 		$.extend(self, {
    1673 			select: select,
    1674 			selectID: selectID,
    1675 			label: label,
    1676 			buttonId:buttonId,
    1677 			menuId:menuId,
    1678 			thisPage:thisPage,
    1679 			button:button,
    1680 			menuPage:menuPage,
    1681 			menuPageContent:menuPageContent,
    1682 			screen:screen,
    1683 			listbox:listbox,
    1684 			list:list,
    1685 			menuType:menuType
    1686 		});
    1687
    1688
    1689 		//create list from select, update state
    1690 		self.refresh();
    1691
    1692 		//disable if specified
    1693 		if( this.options.disabled ){ this.disable(); }
    1694
    1695 		//events on native select
    1696 		select
    1697 			.change(function(){
    1698 				self.refresh();
    1699 			})
    1700 			.focus(function(){
    1701 				$(this).blur();
    1702 				button.focus();
    1703 			});
    1704
    1705 		//button events
    1706 		button.click(function(event){
    1707 			self.open();
    1708 			return false;
    1709 		});
    1710
    1711 		//events for list items
    1712 		list.delegate("li",'click', function(){
    1713 				//update select
    1714 				var newIndex = list.find( "li" ).index( this ),
    1715 					prevIndex = select[0].selectedIndex;
    1716
    1717 				select[0].selectedIndex = newIndex;
    1718
    1719 				//trigger change event
    1720 				if(newIndex !== prevIndex){
    1721 					select.trigger( "change" );
    1722 				}
    1723
    1724 				self.refresh();
    1725
    1726 				//hide custom select
    1727 				self.close();
    1728 				return false;
    1729 			});
    1730
    1731 		//events on "screen" overlay
    1732 		screen.click(function(){
    1733 			self.close();
    1734 			return false;
    1735 		});
    1736 	},
    1737
    1738 	_buildList: function(){
    1739 		var self = this;
    1740
    1741 		self.list.empty().filter('.ui-listview').listview('destroy');
    1742
    1743 		//populate menu with options from select element
    1744 		self.select.find( "option" ).each(function( i ){
    1745 				var anchor = $("<a>", {
    1746 							"role": "option",
    1747 							"href": "#"
    1748 						})
    1749 						.text( $(this).text() );
    1750
    1751 			$( "<li>", {"data-icon": "checkbox-on"})
    1752 				.append( anchor )
    1753 				.appendTo( self.list );
    1754 		});
    1755
    1756 		//now populated, create listview
    1757 		self.list.listview();
    1758 	},
    1759
    1760 	refresh: function( forceRebuild ){
    1761 		var self = this,
    1762 			select = this.element,
    1763 			selected = select[0].selectedIndex;
    1764
    1765 		if( forceRebuild || select[0].options.length > self.list.find('li').length ){
    1766 			self._buildList();
    1767 		}
    1768
    1769 		self.button.find( ".ui-btn-text" ).text( $(select[0].options.item(selected)).text() );
    1770 		self.list
    1771 			.find('li').removeClass( $.mobile.activeBtnClass ).attr('aria-selected', false)
    1772 			.eq(selected).addClass( $.mobile.activeBtnClass ).find('a').attr('aria-selected', true);
    1773 	},
    1774
    1775 	open: function(){
    1776 		if( this.options.disabled ){ return; }
    1777
    1778 		var self = this,
    1779 			menuHeight = self.list.outerHeight(),
    1780 			scrollTop = $(window).scrollTop(),
    1781 			btnOffset = self.button.offset().top,
    1782 			screenHeight = window.innerHeight;
    1783
    1784 		function focusMenuItem(){
    1785 			self.list.find( ".ui-btn-active" ).focus();
    1786 		}
    1787
    1788 		if( menuHeight > screenHeight - 80 || !$.support.scrollTop ){
    1789
    1790 			//for webos (set lastscroll using button offset)
    1791 			if( scrollTop == 0 && btnOffset > screenHeight ){
    1792 				self.thisPage.one('pagehide',function(){
    1793 					$(this).data('lastScroll', btnOffset);
    1794 				});
    1795 			}
    1796
    1797 			self.menuPage.one('pageshow',focusMenuItem);
    1798
    1799 			self.menuType = "page";
    1800 			self.menuPageContent.append( self.list );
    1801 			$.mobile.changePage(self.menuPage, 'pop', false, false);
    1802 		}
    1803 		else {
    1804 			self.menuType = "overlay";
    1805
    1806 			self.screen
    1807 				.height( $(document).height() )
    1808 				.removeClass('ui-screen-hidden');
    1809
    1810 			self.listbox
    1811 				.append( self.list )
    1812 				.removeClass( "ui-listbox-hidden" )
    1813 				.css({
    1814 					top: scrollTop + (screenHeight/2),
    1815 					"margin-top": -menuHeight/2,
    1816 					left: window.innerWidth/2,
    1817 					"margin-left": -1* self.listbox.outerWidth() / 2
    1818 				})
    1819 				.addClass("in");
    1820
    1821 			focusMenuItem();
    1822 		}
    1823 	},
    1824
    1825 	close: function(){
    1826 		if( this.options.disabled ){ return; }
    1827 		var self = this;
    1828
    1829 		function focusButton(){
    1830 			setTimeout(function(){
    1831 				self.button.focus();
    1832 			}, 40);
    1833
    1834 			self.listbox.removeAttr('style').append( self.list );
    1835 		}
    1836
    1837 		if(self.menuType == "page"){
    1838 			$.mobile.changePage([self.menuPage,self.thisPage], 'pop', true, false);
    1839 			self.menuPage.one("pagehide",function(){
    1840 				focusButton();
    1841 				//return false;
    1842 			});
    1843 		}
    1844 		else{
    1845 			self.screen.addClass( "ui-screen-hidden" );
    1846 			self.listbox.addClass( "ui-listbox-hidden" ).removeAttr( "style" ).removeClass("in");
    1847 			focusButton();
    1848 		}
    1849
    1850 	},
    1851
    1852 	disable: function(){
    1853 		this.element.attr("disabled",true);
    1854 		this.button.addClass('ui-disabled').attr("aria-disabled", true);
    1855 		return this._setOption( "disabled", true );
    1856 	},
    1857
    1858 	enable: function(){
    1859 		this.element.attr("disabled",false);
    1860 		this.button.removeClass('ui-disabled').attr("aria-disabled", false);
    1861 		return this._setOption( "disabled", false );
    1862 	}
    1863 });
    1864 })( jQuery );
    1865
    1866 /*
    1867 * jQuery Mobile Framework : plugin for making button-like links
    1868 * Copyright (c) jQuery Project
    1869 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    1870 * Note: Code is in draft form and is subject to change
    1871 */
    1872 (function($, undefined ) {
    1873
    1874 $.fn.buttonMarkup = function( options ){
    1875 	return this.each( function() {
    1876 		var el = $( this ),
    1877 		    o = $.extend( {}, $.fn.buttonMarkup.defaults, el.data(), options),
    1878
    1879 			// Classes Defined
    1880 			buttonClass,
    1881 			innerClass = "ui-btn-inner",
    1882 			iconClass;
    1883
    1884 		if ( attachEvents ) {
    1885 			attachEvents();
    1886 		}
    1887
    1888 		// if not, try to find closest theme container
    1889 		if ( !o.theme ) {
    1890 			var themedParent = el.closest("[class*='ui-bar-'],[class*='ui-body-']");
    1891 			o.theme = themedParent.length ?
    1892 				/ui-(bar|body)-([a-z])/.exec( themedParent.attr("class") )[2] :
    1893 				"c";
    1894 		}
    1895
    1896 		buttonClass = "ui-btn ui-btn-up-" + o.theme;
    1897
    1898 		if ( o.inline ) {
    1899 			buttonClass += " ui-btn-inline";
    1900 		}
    1901
    1902 		if ( o.icon ) {
    1903 			o.icon = "ui-icon-" + o.icon;
    1904 			o.iconpos = o.iconpos || "left";
    1905
    1906 			iconClass = "ui-icon " + o.icon;
    1907
    1908 			if ( o.shadow ) {
    1909 				iconClass += " ui-icon-shadow"
    1910 			}
    1911 		}
    1912
    1913 		if ( o.iconpos ) {
    1914 			buttonClass += " ui-btn-icon-" + o.iconpos;
    1915
    1916 			if ( o.iconpos == "notext" && !el.attr("title") ) {
    1917 				el.attr( "title", el.text() );
    1918 			}
    1919 		}
    1920
    1921 		if ( o.corners ) {
    1922 			buttonClass += " ui-btn-corner-all";
    1923 			innerClass += " ui-btn-corner-all";
    1924 		}
    1925
    1926 		if ( o.shadow ) {
    1927 			buttonClass += " ui-shadow";
    1928 		}
    1929
    1930 		el
    1931 			.attr( "data-theme", o.theme )
    1932 			.addClass( buttonClass );
    1933
    1934 		var wrap = ("<D class='" + innerClass + "'><D class='ui-btn-text'></D>" +
    1935 			( o.icon ? "<span class='" + iconClass + "'></span>" : "" ) +
    1936 			"</D>").replace(/D/g, o.wrapperEls);
    1937
    1938 		el.wrapInner( wrap );
    1939 	});
    1940 };
    1941
    1942 $.fn.buttonMarkup.defaults = {
    1943 	corners: true,
    1944 	shadow: true,
    1945 	iconshadow: true,
    1946 	wrapperEls: "span"
    1947 };
    1948
    1949 var attachEvents = function() {
    1950 	$(".ui-btn").live({
    1951 		mousedown: function() {
    1952 			var theme = $(this).attr( "data-theme" );
    1953 			$(this).removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-down-" + theme );
    1954 		},
    1955 		mouseup: function() {
    1956 			var theme = $(this).attr( "data-theme" );
    1957 			$(this).removeClass( "ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme );
    1958 		},
    1959 		"mouseover focus": function() {
    1960 			var theme = $(this).attr( "data-theme" );
    1961 			$(this).removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-hover-" + theme );
    1962 		},
    1963 		"mouseout blur": function() {
    1964 			var theme = $(this).attr( "data-theme" );
    1965 			$(this).removeClass( "ui-btn-hover-" + theme ).addClass( "ui-btn-up-" + theme );
    1966 		}
    1967 	});
    1968
    1969 	attachEvents = null;
    1970 };
    1971
    1972 })(jQuery);
    1973 /*
    1974 * jQuery Mobile Framework : "button" plugin - links that proxy to native input/buttons
    1975 * Copyright (c) jQuery Project
    1976 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    1977 * Note: Code is in draft form and is subject to change
    1978 */
    1979 (function($, undefined ) {
    1980 $.widget( "mobile.button", $.mobile.widget, {
    1981 	options: {
    1982 		theme: null,
    1983 		icon: null,
    1984 		iconpos: null,
    1985 		inline: null,
    1986 		corners: true,
    1987 		shadow: true,
    1988 		iconshadow: true
    1989 	},
    1990 	_create: function(){
    1991 		var $el = this.element,
    1992 			o = this.options,
    1993 			type = $el.attr('type');
    1994 			$el
    1995 				.addClass('ui-btn-hidden')
    1996 				.attr('tabindex','-1');
    1997
    1998 		//add ARIA role
    1999 		$( "<a>", {
    2000 				"href": "#",
    2001 				"role": "button",
    2002 				"aria-label": $el.attr( "type" )
    2003 			} )
    2004 			.text( $el.text() || $el.val() )
    2005 			.insertBefore( $el )
    2006 			.click(function(){
    2007 				if( type == "submit" ){
    2008 					$(this).closest('form').submit();
    2009 				}
    2010 				else{
    2011 					$el.click();
    2012 				}
    2013
    2014 				return false;
    2015 			})
    2016 			.buttonMarkup({
    2017 				theme: o.theme,
    2018 				icon: o.icon,
    2019 				iconpos: o.iconpos,
    2020 				inline: o.inline,
    2021 				corners: o.corners,
    2022 				shadow: o.shadow,
    2023 				iconshadow: o.iconshadow
    2024 			});
    2025 	}
    2026 });
    2027 })( jQuery );/*
    2028 * jQuery Mobile Framework : "slider" plugin
    2029 * Copyright (c) jQuery Project
    2030 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    2031 * Note: Code is in draft form and is subject to change
    2032 */
    2033 (function($, undefined ) {
    2034 $.widget( "mobile.slider", $.mobile.widget, {
    2035 	options: {
    2036 		theme: null,
    2037 		trackTheme: null
    2038 	},
    2039 	_create: function(){
    2040 		var control = this.element,
    2041
    2042 			parentTheme = control.parents('[class*=ui-bar-],[class*=ui-body-]').eq(0),
    2043
    2044 			parentTheme = parentTheme.length ? parentTheme.attr('class').match(/ui-(bar|body)-([a-z])/)[2] : 'c',
    2045
    2046 			theme = this.options.theme ? this.options.theme : parentTheme,
    2047
    2048 			trackTheme = this.options.trackTheme ? this.options.trackTheme : parentTheme,
    2049
    2050 			cType = control[0].nodeName.toLowerCase(),
    2051 			selectClass = (cType == 'select') ? 'ui-slider-switch' : '',
    2052 			controlID = control.attr('id'),
    2053 			labelID = controlID + '-label',
    2054 			label = $('[for='+ controlID +']').attr('id',labelID),
    2055 			val = (cType == 'input') ? parseFloat(control.val()) : control[0].selectedIndex,
    2056 			min = (cType == 'input') ? parseFloat(control.attr('min')) : 0,
    2057 			max = (cType == 'input') ? parseFloat(control.attr('max')) : control.find('option').length-1,
    2058 			percent = ((parseFloat(val) - min) / (max - min)) * 100,
    2059 			snappedPercent = percent,
    2060 			slider = $('<div class="ui-slider '+ selectClass +' ui-btn-down-'+ trackTheme+' ui-btn-corner-all" role="application"></div>'),
    2061 			handle = $('<a href="#" class="ui-slider-handle"></a>')
    2062 				.appendTo(slider)
    2063 				.buttonMarkup({corners: true, theme: theme, shadow: true})
    2064 				.attr({
    2065 					'role': 'slider',
    2066 					'aria-valuemin': min,
    2067 					'aria-valuemax': max,
    2068 					'aria-valuenow': val,
    2069 					'aria-valuetext': val,
    2070 					'title': val,
    2071 					'aria-labelledby': labelID
    2072 				}),
    2073 			dragging = false;
    2074
    2075
    2076 		if(cType == 'select'){
    2077 			slider.wrapInner('<div class="ui-slider-inneroffset"></div>');
    2078 			var options = control.find('option');
    2079
    2080 			control.find('option').each(function(i){
    2081 				var side = (i==0) ?'b':'a',
    2082 					corners = (i==0) ? 'right' :'left',
    2083 					theme = (i==0) ? ' ui-btn-down-' + trackTheme :' ui-btn-active';
    2084 				$('<div class="ui-slider-labelbg ui-slider-labelbg-'+ side + theme +' ui-btn-corner-'+ corners+'"></div>').prependTo(slider);
    2085 				$('<span class="ui-slider-label ui-slider-label-'+ side + theme +' ui-btn-corner-'+ corners+'" role="img">'+$(this).text()+'</span>').prependTo(handle);
    2086 			});
    2087
    2088 		}
    2089
    2090 		function updateControl(val){
    2091 			if(cType == 'input'){
    2092 				control.val(val);
    2093 			}
    2094 			else {
    2095 				control[0].selectedIndex = val;
    2096 			}
    2097 			control.trigger("change");
    2098 		}
    2099
    2100 		function slideUpdate(event, val){
    2101 			if (val){
    2102 				percent = (parseFloat(val) - min) / (max - min) * 100;
    2103 			} else {
    2104 				var data = event.originalEvent.touches ? event.originalEvent.touches[ 0 ] : event,
    2105 					// a slight tolerance helped get to the ends of the slider
    2106 					tol = 8;
    2107 				if( !dragging
    2108 						|| data.pageX < slider.offset().left - tol
    2109 						|| data.pageX > slider.offset().left + slider.width() + tol ){
    2110 					return;
    2111 				}
    2112 				percent = Math.round(((data.pageX - slider.offset().left) / slider.width() ) * 100);
    2113 			}
    2114
    2115 			if( percent < 0 ) { percent = 0; }
    2116 			if( percent > 100 ) { percent = 100; }
    2117 			var newval = Math.round( (percent/100) * (max-min) ) + min;
    2118
    2119 			if( newval < min ) { newval = min; }
    2120 			if( newval > max ) { newval = max; }
    2121 			//flip the stack of the bg colors
    2122 			if(percent > 60 && cType == 'select'){
    2123
    2124 			}
    2125 			snappedPercent = Math.round( newval / (max-min) * 100 );
    2126 			handle.css('left', percent + '%');
    2127 			handle.attr({
    2128 					'aria-valuenow': (cType == 'input') ? newval : control.find('option').eq(newval).attr('value'),
    2129 					'aria-valuetext': (cType == 'input') ? newval : control.find('option').eq(newval).text(),
    2130 					'title': newval
    2131 				});
    2132 			updateSwitchClass(newval);
    2133 			updateControl(newval);
    2134 		}
    2135
    2136 		function updateSwitchClass(val){
    2137 			if(cType == 'input'){return;}
    2138 			if(val == 0){ slider.addClass('ui-slider-switch-a').removeClass('ui-slider-switch-b'); }
    2139 			else { slider.addClass('ui-slider-switch-b').removeClass('ui-slider-switch-a'); }
    2140 		}
    2141
    2142 		updateSwitchClass(val);
    2143
    2144 		function updateSnap(){
    2145 			if(cType == 'select'){
    2146 				handle
    2147 					.addClass('ui-slider-handle-snapping')
    2148 					.css('left', snappedPercent + '%')
    2149 					.animationComplete(function(){
    2150 						handle.removeClass('ui-slider-handle-snapping');
    2151 					});
    2152 			}
    2153 		}
    2154
    2155 		label.addClass('ui-slider');
    2156
    2157 		control
    2158 			.addClass((cType == 'input') ? 'ui-slider-input' : 'ui-slider-switch')
    2159 			.keyup(function(e){
    2160 				slideUpdate(e, $(this).val() );
    2161 			});
    2162
    2163 		$(document).bind($.support.touch ? "touchmove" : "mousemove", function(event){
    2164 			if(dragging){
    2165 				slideUpdate(event);
    2166 				return false;
    2167 			}
    2168 		});
    2169
    2170 		slider
    2171 			.bind($.support.touch ? "touchstart" : "mousedown", function(event){
    2172 				dragging = true;
    2173 				if((cType == 'select')){
    2174 					val = control[0].selectedIndex;
    2175 				}
    2176 				slideUpdate(event);
    2177 				return false;
    2178 			});
    2179
    2180 		slider
    2181 			.add(document)
    2182 			.bind($.support.touch ? "touchend" : "mouseup", function(event){
    2183 				if(dragging){
    2184 					dragging = false;
    2185 					if(cType == 'select'){
    2186 						if(val == control[0].selectedIndex){
    2187 							val = val == 0 ? 1 : 0;
    2188 							//tap occurred, but value didn't change. flip it!
    2189 							slideUpdate(event,val);
    2190 						}
    2191 						updateSnap();
    2192 					}
    2193 					return false;
    2194 				}
    2195 			});
    2196
    2197 		slider.insertAfter(control);
    2198
    2199 		handle
    2200 			.css('left', percent + '%')
    2201 			.bind('click', function(e){ return false; });
    2202 	}
    2203 });
    2204 })( jQuery );
    2205
    2206 /*
    2207 * jQuery Mobile Framework : "collapsible" plugin
    2208 * Copyright (c) jQuery Project
    2209 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    2210 * Note: Code is in draft form and is subject to change
    2211 */
    2212 (function($, undefined ) {
    2213 $.widget( "mobile.collapsible", $.mobile.widget, {
    2214 	options: {
    2215 		expandCueText: ' click to expand contents',
    2216 		collapseCueText: ' click to collapse contents',
    2217 		collapsed: false,
    2218 		heading: '>:header,>legend',
    2219 		theme: null,
    2220 		iconTheme: 'd'
    2221 	},
    2222 	_create: function(){
    2223
    2224 		var $el = this.element,
    2225 			o = this.options,
    2226 			collapsibleContain = $el.addClass('ui-collapsible-contain'),
    2227 			collapsibleHeading = $el.find(o.heading).eq(0),
    2228 			collapsibleContent = collapsibleContain.wrapInner('<div class="ui-collapsible-content"></div>').find('.ui-collapsible-content'),
    2229 			collapsibleParent = $el.closest('[data-role="collapsible-set"]').addClass('ui-collapsible-set');
    2230
    2231 		//replace collapsibleHeading if it's a legend
    2232 		if(collapsibleHeading.is('legend')){
    2233 			collapsibleHeading = $('<div role="heading">'+ collapsibleHeading.html() +'</div>').insertBefore(collapsibleHeading);
    2234 			collapsibleHeading.next().remove();
    2235 		}
    2236
    2237 		//drop heading in before content
    2238 		collapsibleHeading.insertBefore(collapsibleContent);
    2239
    2240 		//modify markup & attributes
    2241 		collapsibleHeading.addClass('ui-collapsible-heading')
    2242 			.append('<span class="ui-collapsible-heading-status"></span>')
    2243 			.wrapInner('<a href="#" class="ui-collapsible-heading-toggle"></a>')
    2244 			.find('a:eq(0)')
    2245 			.buttonMarkup({
    2246 				shadow: !!!collapsibleParent.length,
    2247 				corners:false,
    2248 				iconPos: 'left',
    2249 				icon: 'plus',
    2250 				theme: o.theme
    2251 			})
    2252 			.find('.ui-icon')
    2253 			.removeAttr('class')
    2254 			.buttonMarkup({
    2255 				shadow: true,
    2256 				corners:true,
    2257 				iconPos: 'notext',
    2258 				icon: 'plus',
    2259 				theme: o.iconTheme
    2260 			});
    2261
    2262 			if( !collapsibleParent.length ){
    2263 				collapsibleHeading
    2264 					.find('a:eq(0)')
    2265 					.addClass('ui-corner-all')
    2266 						.find('.ui-btn-inner')
    2267 						.addClass('ui-corner-all');
    2268 			}
    2269 			else {
    2270 				if( collapsibleContain.data('collapsible-last') ){
    2271 					collapsibleHeading
    2272 						.find('a:eq(0), .ui-btn-inner')
    2273 							.addClass('ui-corner-bottom');
    2274 				}
    2275 			}
    2276
    2277
    2278 		//events
    2279 		collapsibleContain
    2280 			.bind('collapse', function(event){
    2281 				if( !event.isDefaultPrevented() ){
    2282 					event.preventDefault();
    2283 					collapsibleHeading
    2284 						.addClass('ui-collapsible-heading-collapsed')
    2285 						.find('.ui-collapsible-heading-status').text(o.expandCueText);
    2286
    2287 					collapsibleHeading.find('.ui-icon').removeClass('ui-icon-minus').addClass('ui-icon-plus');
    2288 					collapsibleContent.addClass('ui-collapsible-content-collapsed').attr('aria-hidden',true);
    2289
    2290 					if( collapsibleContain.data('collapsible-last') ){
    2291 						collapsibleHeading
    2292 							.find('a:eq(0), .ui-btn-inner')
    2293 							.addClass('ui-corner-bottom');
    2294 					}
    2295 				}
    2296
    2297 			})
    2298 			.bind('expand', function(event){
    2299 				if( !event.isDefaultPrevented() ){
    2300 					event.preventDefault();
    2301 					collapsibleHeading
    2302 						.removeClass('ui-collapsible-heading-collapsed')
    2303 						.find('.ui-collapsible-heading-status').text(o.collapseCueText);
    2304
    2305 					collapsibleHeading.find('.ui-icon').removeClass('ui-icon-plus').addClass('ui-icon-minus');
    2306 					collapsibleContent.removeClass('ui-collapsible-content-collapsed').attr('aria-hidden',false);
    2307
    2308 					if( collapsibleContain.data('collapsible-last') ){
    2309 						collapsibleHeading
    2310 							.find('a:eq(0), .ui-btn-inner')
    2311 							.removeClass('ui-corner-bottom');
    2312 					}
    2313
    2314 				}
    2315 			})
    2316 			.trigger(o.collapsed ? 'collapse' : 'expand');
    2317
    2318
    2319 		//close others in a set
    2320 		if( collapsibleParent.length && !collapsibleParent.data("collapsiblebound") ){
    2321 			collapsibleParent
    2322 				.data("collapsiblebound", true)
    2323 				.bind("expand", function( event ){
    2324 					$(this).find( ".ui-collapsible-contain" )
    2325 						.not( $(event.target).closest( ".ui-collapsible-contain" ) )
    2326 						.not( "> .ui-collapsible-contain .ui-collapsible-contain" )
    2327 						.trigger( "collapse" );
    2328 				})
    2329 			var set = collapsibleParent.find('[data-role=collapsible]')
    2330
    2331 			set.first()
    2332 				.find('a:eq(0)')
    2333 				.addClass('ui-corner-top')
    2334 					.find('.ui-btn-inner')
    2335 					.addClass('ui-corner-top');
    2336
    2337 			set.last().data('collapsible-last', true)
    2338 		}
    2339
    2340 		collapsibleHeading.click(function(){
    2341 			if( collapsibleHeading.is('.ui-collapsible-heading-collapsed') ){
    2342 				collapsibleContain.trigger('expand');
    2343 			}
    2344 			else {
    2345 				collapsibleContain.trigger('collapse');
    2346 			}
    2347 			return false;
    2348 		});
    2349
    2350 	}
    2351 });
    2352 })( jQuery );/*
    2353 * jQuery Mobile Framework: "controlgroup" plugin - corner-rounding for groups of buttons, checks, radios, etc
    2354 * Copyright (c) jQuery Project
    2355 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    2356 * Note: Code is in draft form and is subject to change
    2357 */
    2358 (function($, undefined ) {
    2359 $.fn.controlgroup = function(options){
    2360
    2361 	return $(this).each(function(){
    2362 		var o = $.extend({
    2363 			direction: $( this ).data( "type" ) || "vertical",
    2364 			shadow: false
    2365 		},options);
    2366 		var groupheading = $(this).find('>legend'),
    2367 			flCorners = o.direction == 'horizontal' ? ['ui-corner-left', 'ui-corner-right'] : ['ui-corner-top', 'ui-corner-bottom'],
    2368 			type = $(this).find('input:eq(0)').attr('type');
    2369
    2370 		//replace legend with more stylable replacement div
    2371 		if( groupheading.length ){
    2372 			$(this).wrapInner('<div class="ui-controlgroup-controls"></div>');
    2373 			$('<div role="heading" class="ui-controlgroup-label">'+ groupheading.html() +'</div>').insertBefore( $(this).children(0) );
    2374 			groupheading.remove();
    2375 		}
    2376
    2377 		$(this).addClass('ui-corner-all ui-controlgroup ui-controlgroup-'+o.direction);
    2378
    2379 		function flipClasses(els){
    2380 			els
    2381 				.removeClass('ui-btn-corner-all ui-shadow')
    2382 				.eq(0).addClass(flCorners[0])
    2383 				.end()
    2384 				.filter(':last').addClass(flCorners[1]).addClass('ui-controlgroup-last');
    2385 		}
    2386 		flipClasses($(this).find('.ui-btn'));
    2387 		flipClasses($(this).find('.ui-btn-inner'));
    2388 		if(o.shadow){
    2389 			$(this).addClass('ui-shadow');
    2390 		}
    2391 	});
    2392 };
    2393 })(jQuery);/*
    2394 * jQuery Mobile Framework : "fieldcontain" plugin - simple class additions to make form row separators
    2395 * Copyright (c) jQuery Project
    2396 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    2397 * Note: Code is in draft form and is subject to change
    2398 */
    2399 (function($, undefined ) {
    2400 $.fn.fieldcontain = function(options){
    2401 	var o = $.extend({
    2402 		theme: 'c'
    2403 	},options);
    2404 	return $(this).addClass('ui-field-contain ui-body ui-br');
    2405 };
    2406 })(jQuery);/*
    2407 * jQuery Mobile Framework : "listview" plugin
    2408 * Copyright (c) jQuery Project
    2409 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    2410 * Note: Code is in draft form and is subject to change
    2411 */
    2412 (function($, undefined ) {
    2413
    2414 $.widget( "mobile.listview", $.mobile.widget, {
    2415 	options: {
    2416 		theme: "c",
    2417 		countTheme: "c",
    2418 		headerTheme: "b",
    2419 		dividerTheme: "b",
    2420 		splitIcon: "arrow-r",
    2421 		splitTheme: "b",
    2422 		inset: false
    2423 	},
    2424
    2425 	_create: function() {
    2426 		var $list = this.element,
    2427 			o = this.options;
    2428
    2429 		// create listview markup
    2430 		$list
    2431 			.addClass( "ui-listview" )
    2432 			.attr( "role", "listbox" )
    2433
    2434 		if ( o.inset ) {
    2435 			$list.addClass( "ui-listview-inset ui-corner-all ui-shadow" );
    2436 		}
    2437
    2438 		$list.delegate( ".ui-li", "focusin", function() {
    2439 			$( this ).attr( "tabindex", "0" );
    2440 		});
    2441
    2442 		this._itemApply( $list, $list );
    2443
    2444 		this.refresh( true );
    2445
    2446 		//keyboard events for menu items
    2447 		$list.keydown(function( e ) {
    2448 			var target = $( e.target ),
    2449 				li = target.closest( "li" );
    2450
    2451 			// switch logic based on which key was pressed
    2452 			switch ( e.keyCode ) {
    2453 				// up or left arrow keys
    2454 				case 38:
    2455 					var prev = li.prev();
    2456
    2457 					// if there's a previous option, focus it
    2458 					if ( prev.length ) {
    2459 						target
    2460 							.blur()
    2461 							.attr( "tabindex", "-1" );
    2462
    2463 						prev.find( "a" ).first().focus();
    2464 					}
    2465
    2466 					return false;
    2467 				break;
    2468
    2469 				// down or right arrow keys
    2470 				case 40:
    2471 					var next = li.next();
    2472
    2473 					// if there's a next option, focus it
    2474 					if ( next.length ) {
    2475 						target
    2476 							.blur()
    2477 							.attr( "tabindex", "-1" );
    2478
    2479 						next.find( "a" ).first().focus();
    2480 					}
    2481
    2482 					return false;
    2483 				break;
    2484
    2485 				case 39:
    2486 					var a = li.find( "a.ui-li-link-alt" );
    2487
    2488 					if ( a.length ) {
    2489 						target.blur();
    2490 						a.first().focus();
    2491 					}
    2492
    2493 					return false;
    2494 				break;
    2495
    2496 				case 37:
    2497 					var a = li.find( "a.ui-link-inherit" );
    2498
    2499 					if ( a.length ) {
    2500 						target.blur();
    2501 						a.first().focus();
    2502 					}
    2503
    2504 					return false;
    2505 				break;
    2506
    2507 				// if enter or space is pressed, trigger click
    2508 				case 13:
    2509 				case 32:
    2510 					 target.trigger( "click" );
    2511
    2512 					 return false;
    2513 				break;
    2514 			}
    2515 		});
    2516
    2517 		// tapping the whole LI triggers click on the first link
    2518 		$list.delegate( "li", "click", function(event) {
    2519 			if ( !$( event.target ).closest( "a" ).length ) {
    2520 				$( this ).find( "a" ).first().trigger( "click" );
    2521 				return false;
    2522 			}
    2523 		});
    2524 	},
    2525
    2526 	_itemApply: function( $list, item ) {
    2527 		// TODO class has to be defined in markup
    2528 		item.find( ".ui-li-count" )
    2529 			.addClass( "ui-btn-up-" + ($list.data( "counttheme" ) || this.options.countTheme) + " ui-btn-corner-all" );
    2530
    2531 		item.find( "h1, h2, h3, h4, h5, h6" ).addClass( "ui-li-heading" );
    2532
    2533 		item.find( "p, dl" ).addClass( "ui-li-desc" );
    2534
    2535 		item.find( "img" ).addClass( "ui-li-thumb" ).each(function() {
    2536 			$( this ).closest( "li" )
    2537 				.addClass( $(this).is( ".ui-li-icon" ) ? "ui-li-has-icon" : "ui-li-has-thumb" );
    2538 		});
    2539
    2540 		var aside = item.find( ".ui-li-aside" );
    2541
    2542 		if ( aside.length ) {
    2543             aside.each(function(i, el) {
    2544 			    $(el).prependTo( $(el).parent() ); //shift aside to front for css float
    2545             });
    2546 		}
    2547
    2548 		if ( $.support.cssPseudoElement || !$.nodeName( item[0], "ol" ) ) {
    2549 			return;
    2550 		}
    2551 	},
    2552
    2553 	refresh: function( create ) {
    2554 		this._createSubPages();
    2555
    2556 		var o = this.options,
    2557 			$list = this.element,
    2558 			self = this,
    2559 			dividertheme = $list.data( "dividertheme" ) || o.dividerTheme,
    2560 			li = $list.children( "li" ),
    2561 			counter = $.support.cssPseudoElement || !$.nodeName( $list[0], "ol" ) ? 0 : 1;
    2562
    2563 		if ( counter ) {
    2564 			$list.find( ".ui-li-dec" ).remove();
    2565 		}
    2566
    2567 		li.attr({ "role": "option", "tabindex": "-1" });
    2568
    2569 		li.first().attr( "tabindex", "0" );
    2570
    2571 		li.each(function( pos ) {
    2572 			var item = $( this ),
    2573 				itemClass = "ui-li";
    2574
    2575 			// If we're creating the element, we update it regardless
    2576 			if ( !create && item.hasClass( "ui-li" ) ) {
    2577 				return;
    2578 			}
    2579
    2580 			var a = item.find( "a" );
    2581
    2582 			if ( a.length ) {
    2583 				item
    2584 					.buttonMarkup({
    2585 						wrapperEls: "div",
    2586 						shadow: false,
    2587 						corners: false,
    2588 						iconpos: "right",
    2589 						icon: a.length > 1 ? false : item.data("icon") || "arrow-r",
    2590 						theme: o.theme
    2591 					});
    2592
    2593 				a.first().addClass( "ui-link-inherit" );
    2594
    2595 				if ( a.length > 1 ) {
    2596 					itemClass += " ui-li-has-alt";
    2597
    2598 					var last = a.last(),
    2599 						splittheme = $list.data( "splittheme" ) || last.data( "theme" ) || o.splitTheme;
    2600
    2601 					last
    2602 						.attr( "title", last.text() )
    2603 						.addClass( "ui-li-link-alt" )
    2604 						.empty()
    2605 						.buttonMarkup({
    2606 							shadow: false,
    2607 							corners: false,
    2608 							theme: o.theme,
    2609 							icon: false,
    2610 							iconpos: false
    2611 						})
    2612 						.find( ".ui-btn-inner" )
    2613 							.append( $( "<span>" ).buttonMarkup({
    2614 								shadow: true,
    2615 								corners: true,
    2616 								theme: splittheme,
    2617 								iconpos: "notext",
    2618 								icon: $list.data( "spliticon" ) || last.data( "icon" ) ||  o.splitIcon
    2619 							} ) );
    2620 				}
    2621
    2622 			} else if ( item.data( "role" ) === "list-divider" ) {
    2623 				itemClass += " ui-li-divider ui-btn ui-bar-" + dividertheme;
    2624 				item.attr( "role", "heading" );
    2625
    2626 				//reset counter when a divider heading is encountered
    2627 				if ( counter ) {
    2628 					counter = 1;
    2629 				}
    2630
    2631 			} else {
    2632 				itemClass += " ui-li-static ui-btn-up-" + o.theme;
    2633 			}
    2634
    2635 			if ( pos === 0 ) {
    2636 				if ( o.inset ) {
    2637 					itemClass += " ui-corner-top";
    2638
    2639 					item
    2640 						.add( item.find( ".ui-btn-inner" ) )
    2641 						.find( ".ui-li-link-alt" )
    2642 							.addClass( "ui-corner-tr" )
    2643 						.end()
    2644 						.find( ".ui-li-thumb" )
    2645 							.addClass( "ui-corner-tl" );
    2646 				}
    2647
    2648 			} else if ( pos === li.length - 1 ) {
    2649
    2650 				if ( o.inset ) {
    2651 					itemClass += " ui-corner-bottom";
    2652
    2653 					item
    2654 						.add( item.find( ".ui-btn-inner" ) )
    2655 						.find( ".ui-li-link-alt" )
    2656 							.addClass( "ui-corner-br" )
    2657 						.end()
    2658 						.find( ".ui-li-thumb" )
    2659 							.addClass( "ui-corner-bl" );
    2660 				}
    2661 			}
    2662
    2663 			if ( counter && itemClass.indexOf( "ui-li-divider" ) < 0 ) {
    2664 				item
    2665 					.find( ".ui-link-inherit" ).first()
    2666 					.addClass( "ui-li-jsnumbering" )
    2667 					.prepend( "<span class='ui-li-dec'>" + (counter++) + ". </span>" );
    2668 			}
    2669
    2670 			item.addClass( itemClass );
    2671
    2672 			if ( !create ) {
    2673 				self._itemApply( $list, item );
    2674 			}
    2675 		});
    2676 	},
    2677
    2678 	_createSubPages: function() {
    2679 		var parentList = this.element,
    2680 			parentPage = parentList.closest( ".ui-page" ),
    2681 			parentId = parentPage.attr( "id" ),
    2682 			o = this.options,
    2683 			persistentFooterID = parentPage.find( "[data-role='footer']" ).data( "id" );
    2684
    2685 		$( parentList.find( "ul, ol" ).toArray().reverse() ).each(function( i ) {
    2686 			var list = $( this ),
    2687 				parent = list.parent(),
    2688 				title = parent.contents()[ 0 ].nodeValue.split("\n")[0],
    2689 				id = parentId + "&" + $.mobile.subPageUrlKey + "=" + $.mobile.idStringEscape(title + " " + i),
    2690 				theme = list.data( "theme" ) || o.theme,
    2691 				countTheme = list.data( "counttheme" ) || parentList.data( "counttheme" ) || o.countTheme,
    2692 				newPage = list.wrap( "<div data-role='page'><div data-role='content'></div></div>" )
    2693 							.parent()
    2694 								.before( "<div data-role='header' data-theme='" + o.headerTheme + "'><div class='ui-title'>" + title + "</div></div>" )
    2695 								.after( persistentFooterID ? $( "<div>", { "data-role": "footer", "data-id": persistentFooterID, "class": "ui-footer-duplicate" } ) : "" )
    2696 								.parent()
    2697 									.attr({
    2698 										id: id,
    2699 										"data-theme": theme,
    2700 										"data-count-theme": countTheme
    2701 									})
    2702 									.appendTo( $.pageContainer );
    2703
    2704
    2705
    2706 				newPage.page();
    2707
    2708 			parent.html( "<a href='#" + id + "'>" + title + "</a>" );
    2709 		}).listview();
    2710 	}
    2711 });
    2712
    2713 })( jQuery );
    2714 /*
    2715 * jQuery Mobile Framework : "listview" filter extension
    2716 * Copyright (c) jQuery Project
    2717 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    2718 * Note: Code is in draft form and is subject to change
    2719 */
    2720 (function($, undefined ) {
    2721
    2722 $.mobile.listview.prototype.options.filter = false;
    2723
    2724 $( "[data-role='listview']" ).live( "listviewcreate", function() {
    2725 	var list = $( this ),
    2726 		listview = list.data( "listview" );
    2727 	if ( !listview.options.filter ) {
    2728 		return;
    2729 	}
    2730
    2731 	var wrapper = $( "<form>", { "class": "ui-listview-filter ui-bar-c", "role": "search" } ),
    2732
    2733 		search = $( "<input>", {
    2734 				placeholder: "Filter results...",
    2735 				"data-type": "search"
    2736 			})
    2737 			.bind( "keyup change", function() {
    2738 				var val = this.value.toLowerCase();;
    2739 				list.children().show();
    2740 				if ( val ) {
    2741 					list.children().filter(function() {
    2742 						return $( this ).text().toLowerCase().indexOf( val ) === -1;
    2743 					}).hide();
    2744 				}
    2745
    2746 				//listview._numberItems();
    2747 			})
    2748 			.appendTo( wrapper )
    2749 			.textinput();
    2750
    2751 	wrapper.insertBefore( list );
    2752 });
    2753
    2754 })( jQuery );
    2755 /*
    2756 * jQuery Mobile Framework : "dialog" plugin.
    2757 * Copyright (c) jQuery Project
    2758 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    2759 * Note: Code is in draft form and is subject to change
    2760 */
    2761 (function($, undefined ) {
    2762 $.widget( "mobile.dialog", $.mobile.widget, {
    2763 	options: {},
    2764 	_create: function(){
    2765 		var self = this,
    2766 			$el = self.element,
    2767 			$prevPage = $.mobile.activePage,
    2768 			$closeBtn = $('<a href="#" data-icon="delete" data-iconpos="notext">Close</a>');
    2769
    2770 		$el.delegate("a, submit", "click submit", function(e){
    2771 			if( e.type == "click" && ( $(e.target).closest('[data-back]') || $(e.target).closest($closeBtn) ) ){
    2772 				self.close();
    2773 				return false;
    2774 			}
    2775 			//otherwise, assume we're headed somewhere new. set activepage to dialog so the transition will work
    2776 			$.mobile.activePage = this.element;
    2777 		});
    2778
    2779 		this.element
    2780 			.bind("pageshow",function(){
    2781 				return false;
    2782 			})
    2783 			//add ARIA role
    2784 			.attr("role","dialog")
    2785 			.addClass('ui-page ui-dialog ui-body-a')
    2786 			.find('[data-role=header]')
    2787 			.addClass('ui-corner-top ui-overlay-shadow')
    2788 				.prepend( $closeBtn )
    2789 			.end()
    2790 			.find('.ui-content:not([class*="ui-body-"])')
    2791 				.addClass('ui-body-c')
    2792 			.end()
    2793 			.find('.ui-content,[data-role=footer]')
    2794 				.last()
    2795 				.addClass('ui-corner-bottom ui-overlay-shadow');
    2796
    2797 		$(window).bind('hashchange',function(){
    2798 			if( $el.is('.ui-page-active') ){
    2799 				self.close();
    2800 				$el.bind('pagehide',function(){
    2801 					$.mobile.updateHash( $prevPage.attr('id'), true);
    2802 				});
    2803 			}
    2804 		});
    2805
    2806 	},
    2807
    2808 	close: function(){
    2809 		$.mobile.changePage([this.element, $.mobile.activePage], undefined, true, true );
    2810 	}
    2811 });
    2812 })( jQuery );/*
    2813 * jQuery Mobile Framework : "navbar" plugin
    2814 * Copyright (c) jQuery Project
    2815 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    2816 * Note: Code is in draft form and is subject to change
    2817 */
    2818 (function($, undefined ) {
    2819 $.widget( "mobile.navbar", $.mobile.widget, {
    2820 	options: {
    2821 		iconpos: 'top',
    2822 		grid: null
    2823 	},
    2824 	_create: function(){
    2825 		var $navbar = this.element,
    2826 			$navbtns = $navbar.find("a"),
    2827 			iconpos = $navbtns.filter('[data-icon]').length ? this.options.iconpos : undefined;
    2828
    2829 		$navbar
    2830 			.addClass('ui-navbar')
    2831 			.attr("role","navigation")
    2832 			.find("ul")
    2833 				.grid({grid: this.options.grid });
    2834
    2835 		if( !iconpos ){
    2836 			$navbar.addClass("ui-navbar-noicons");
    2837 		}
    2838
    2839 		$navbtns
    2840 			.buttonMarkup({
    2841 				corners:	false,
    2842 				shadow:		false,
    2843 				iconpos:	iconpos
    2844 			});
    2845
    2846 		$navbar.delegate("a", "click",function(event){
    2847 			$navbtns.removeClass("ui-btn-active");
    2848 		});
    2849 	}
    2850 });
    2851 })( jQuery );/*
    2852 * jQuery Mobile Framework : plugin for creating CSS grids
    2853 * Copyright (c) jQuery Project
    2854 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
    2855 * Note: Code is in draft form and is subject to change
    2856 */
    2857 (function($, undefined ) {
    2858 $.fn.grid = function(options){
    2859 	return $(this).each(function(){
    2860 		var o = $.extend({
    2861 			grid: null
    2862 		},options);
    2863
    2864
    2865 		var $kids = $(this).children(),
    2866 			gridCols = {a: 2, b:3, c:4, d:5},
    2867 			grid = o.grid,
    2868 			iterator;
    2869
    2870 			if( !grid ){
    2871 				if( $kids.length <= 5 ){
    2872 					for(var letter in gridCols){
    2873 						if(gridCols[letter] == $kids.length){ grid = letter; }
    2874 					}
    2875 				}
    2876 				else{
    2877 					grid = 'a';
    2878 				}
    2879 			}
    2880 			iterator = gridCols[grid];
    2881
    2882 		$(this).addClass('ui-grid-' + grid);
    2883
    2884 		$kids.filter(':nth-child(' + iterator + 'n+1)').addClass('ui-block-a');
    2885 		$kids.filter(':nth-child(' + iterator + 'n+2)').addClass('ui-block-b');
    2886
    2887 		if(iterator > 2){
    2888 			$kids.filter(':nth-child(3n+3)').addClass('ui-block-c');
    2889 		}
    2890 		if(iterator> 3){
    2891 			$kids.filter(':nth-child(4n+4)').addClass('ui-block-d');
    2892 		}
    2893 		if(iterator > 4){
    2894 			$kids.filter(':nth-child(5n+5)').addClass('ui-block-e');
    2895 		}
    2896
    2897 	});
    2898 };
    2899 })(jQuery);
    2900
    2901 /*!
    2902  * jQuery Mobile v@VERSION
    2903  * http://jquerymobile.com/
    2904  *
    2905  * Copyright 2010, jQuery Project
    2906  * Dual licensed under the MIT or GPL Version 2 licenses.
    2907  * http://jquery.org/license
    2908  */
    2909
    2910 (function( $, window, undefined ) {
    2911
    2912 	//jQuery.mobile configurable options
    2913 	$.extend( $.mobile, {
    2914
    2915 		//define the url parameter used for referencing widget-generated sub-pages.
    2916 		//Translates to to example.html&ui-page=subpageIdentifier
    2917 		//hash segment before &ui-page= is used to make Ajax request
    2918 		subPageUrlKey: 'ui-page',
    2919
    2920 		//anchor links with a data-rel, or pages with a data-role, that match these selectors will be untrackable in history
    2921 		//(no change in URL, not bookmarkable)
    2922 		nonHistorySelectors: 'dialog',
    2923
    2924 		//class assigned to page currently in view, and during transitions
    2925 		activePageClass: 'ui-page-active',
    2926
    2927 		//class used for "active" button state, from CSS framework
    2928 		activeBtnClass: 'ui-btn-active',
    2929
    2930 		//automatically handle link clicks through Ajax, when possible
    2931 		ajaxLinksEnabled: true,
    2932
    2933 		//automatically handle form submissions through Ajax, when possible
    2934 		ajaxFormsEnabled: true,
    2935
    2936 		//available CSS transitions
    2937 		transitions: ['slide', 'slideup', 'slidedown', 'pop', 'flip', 'fade'],
    2938
    2939 		//set default transition - 'none' for no transitions
    2940 		defaultTransition: 'slide',
    2941
    2942 		//show loading message during Ajax requests
    2943 		//if false, message will not appear, but loading classes will still be toggled on html el
    2944 		loadingMessage: "loading",
    2945
    2946 		//configure meta viewport tag's content attr:
    2947 		metaViewportContent: "width=device-width, minimum-scale=1, maximum-scale=1",
    2948
    2949 		//support conditions that must be met in order to proceed
    2950 		gradeA: function(){
    2951 			return $.support.mediaquery;
    2952 		}
    2953 	});
    2954
    2955 	//trigger mobileinit event - useful hook for configuring $.mobile settings before they're used
    2956 	$( window.document ).trigger('mobileinit');
    2957
    2958 	//if device support condition(s) aren't met, leave things as they are -> a basic, usable experience,
    2959 	//otherwise, proceed with the enhancements
    2960 	if ( !$.mobile.gradeA() ) {
    2961 		return;
    2962 	}
    2963
    2964 	//define vars for interal use
    2965 	var $window = $(window),
    2966 		$html = $('html'),
    2967 		$head = $('head'),
    2968
    2969 		//to be populated at DOM ready
    2970 		$body,
    2971
    2972 		//loading div which appears during Ajax requests
    2973 		//will not appear if $.mobile.loadingMessage is false
    2974 		$loader = $.mobile.loadingMessage ?
    2975 			$('<div class="ui-loader ui-body-a ui-corner-all">'+
    2976 						'<span class="ui-icon ui-icon-loading spin"></span>'+
    2977 						'<h1>'+ $.mobile.loadingMessage +'</h1>'+
    2978 					'</div>')
    2979 			: undefined,
    2980
    2981 		//define meta viewport tag, if content is defined
    2982 		$metaViewport = $.mobile.metaViewportContent ? $("<meta>", { name: "viewport", content: $.mobile.metaViewportContent}).prependTo( $head ) : undefined,
    2983
    2984 		//define baseUrl for use in relative url management
    2985 		baseUrl = getPathDir( location.protocol + '//' + location.host + location.pathname ),
    2986
    2987 		//define base element, for use in routing asset urls that are referenced in Ajax-requested markup
    2988 		$base = $.support.dynamicBaseTag ? $("<base>", { href: baseUrl }).prependTo( $head ) : undefined,
    2989
    2990 		//will be defined as first page element in DOM
    2991 		$startPage,
    2992
    2993 		//will be defined as $startPage.parent(), which is usually the body element
    2994 		//will receive ui-mobile-viewport class
    2995 		$pageContainer,
    2996
    2997 		//will be defined when a link is clicked and given an active class
    2998 		$activeClickedLink = null,
    2999
    3000 		//array of pages that are visited during a single page load
    3001 		//length will grow as pages are visited, and shrink as "back" link/button is clicked
    3002 		//each item has a url (string matches ID), and transition (saved for reuse when "back" link/button is clicked)
    3003 		urlStack = [ {
    3004 			url: location.hash.replace( /^#/, "" ),
    3005 			transition: undefined
    3006 		} ],
    3007
    3008 		//define first selector to receive focus when a page is shown
    3009 		focusable = "[tabindex],a,button:visible,select:visible,input",
    3010
    3011 		//contains role for next page, if defined on clicked link via data-rel
    3012 		nextPageRole = null,
    3013
    3014 		//enable/disable hashchange event listener
    3015 		//toggled internally when location.hash is updated to match the url of a successful page load
    3016 		hashListener = true,
    3017
    3018 		//media-query-like width breakpoints, which are translated to classes on the html element
    3019 		resolutionBreakpoints = [320,480,768,1024];
    3020
    3021 	//add mobile, initial load "rendering" classes to docEl
    3022 	$html.addClass('ui-mobile ui-mobile-rendering');
    3023
    3024 	// TODO: don't expose (temporary during code reorg)
    3025 	$.mobile.urlStack = urlStack;
    3026
    3027 	//consistent string escaping for urls and IDs
    3028 	function idStringEscape(str){
    3029 		return str.replace(/[^a-zA-Z0-9]/g, '-');
    3030 	}
    3031
    3032 	$.mobile.idStringEscape = idStringEscape;
    3033
    3034 	// hide address bar
    3035 	function silentScroll( ypos ) {
    3036 		// prevent scrollstart and scrollstop events
    3037 		$.event.special.scrollstart.enabled = false;
    3038 		setTimeout(function() {
    3039 			window.scrollTo( 0, ypos || 0 );
    3040 		},20);
    3041 		setTimeout(function() {
    3042 			$.event.special.scrollstart.enabled = true;
    3043 		}, 150 );
    3044 	}
    3045
    3046 	function getPathDir( path ){
    3047 		var newPath = path.replace(/#/,'').split('/');
    3048 		newPath.pop();
    3049 		return newPath.join('/') + (newPath.length ? '/' : '');
    3050 	}
    3051
    3052 	function getBaseURL( nonHashPath ){
    3053 		return getPathDir( nonHashPath || location.hash );
    3054 	}
    3055
    3056 	var setBaseURL = !$.support.dynamicBaseTag ? $.noop : function( nonHashPath ){
    3057 		//set base url for new page assets
    3058 		$base.attr('href', baseUrl + getBaseURL( nonHashPath ));
    3059 	}
    3060
    3061 	var resetBaseURL = !$.support.dynamicBaseTag ? $.noop : function(){
    3062 		$base.attr('href', baseUrl);
    3063 	}
    3064
    3065 	//set base href to pathname
    3066     resetBaseURL();
    3067
    3068 	//for form submission
    3069 	$('form').live('submit', function(event){
    3070 		if( !$.mobile.ajaxFormsEnabled ){ return; }
    3071
    3072 		var type = $(this).attr("method"),
    3073 			url = $(this).attr( "action" ).replace( location.protocol + "//" + location.host, "");
    3074
    3075 		//external submits use regular HTTP
    3076 		if( /^(:?\w+:)/.test( url ) ){
    3077 			return;
    3078 		}
    3079
    3080 		//if it's a relative href, prefix href with base url
    3081 		if( url.indexOf('/') && url.indexOf('#') !== 0 ){
    3082 			url = getBaseURL() + url;
    3083 		}
    3084
    3085 		changePage({
    3086 				url: url,
    3087 				type: type,
    3088 				data: $(this).serialize()
    3089 			},
    3090 			undefined,
    3091 			undefined,
    3092 			true
    3093 		);
    3094 		event.preventDefault();
    3095 	});
    3096
    3097 	//click routing - direct to HTTP or Ajax, accordingly
    3098 	$( "a" ).live( "click", function(event) {
    3099 		var $this = $(this),
    3100 			//get href, remove same-domain protocol and host
    3101 			href = $this.attr( "href" ).replace( location.protocol + "//" + location.host, ""),
    3102 			//if target attr is specified, it's external, and we mimic _blank... for now
    3103 			target = $this.is( "[target]" ),
    3104 			//if it still starts with a protocol, it's external, or could be :mailto, etc
    3105 			external = target || /^(:?\w+:)/.test( href ) || $this.is( "[rel=external]" ),
    3106 			target = $this.is( "[target]" );
    3107
    3108 		if( href === '#' ){
    3109 			//for links created purely for interaction - ignore
    3110 			return false;
    3111 		}
    3112
    3113 		$activeClickedLink = $this.closest( ".ui-btn" ).addClass( $.mobile.activeBtnClass );
    3114
    3115 		if( external || !$.mobile.ajaxLinksEnabled ){
    3116 			//remove active link class if external
    3117 			removeActiveLinkClass(true);
    3118
    3119 			//deliberately redirect, in case click was triggered
    3120 			if( target ){
    3121 				window.open(href);
    3122 			}
    3123 			else{
    3124 				location.href = href;
    3125 			}
    3126 		}
    3127 		else {
    3128 			//use ajax
    3129 			var transition = $this.data( "transition" ),
    3130 				back = $this.data( "back" ),
    3131 				changeHashOnSuccess = !$this.is( "[data-rel="+ $.mobile.nonHistorySelectors +"]" );
    3132
    3133 			nextPageRole = $this.attr( "data-rel" );
    3134
    3135 			//if it's a relative href, prefix href with base url
    3136 			if( href.indexOf('/') && href.indexOf('#') !== 0 ){
    3137 				href = getBaseURL() + href;
    3138 			}
    3139
    3140 			href.replace(/^#/,'');
    3141
    3142 			changePage(href, transition, back, changeHashOnSuccess);
    3143 		}
    3144 		event.preventDefault();
    3145 	});
    3146
    3147 	// turn on/off page loading message.
    3148 	function pageLoading( done ) {
    3149 		if ( done ) {
    3150 			$html.removeClass( "ui-loading" );
    3151 		} else {
    3152
    3153 			if( $.mobile.loadingMessage ){
    3154 				$loader.appendTo($pageContainer).css({top: $(window).scrollTop() + 75});
    3155 			}
    3156 			$html.addClass( "ui-loading" );
    3157 		}
    3158 	};
    3159
    3160 	//for directing focus to the page title, or otherwise first focusable element
    3161 	function reFocus(page){
    3162 		var pageTitle = page.find( ".ui-title:eq(0)" );
    3163 		if( pageTitle.length ){
    3164 			pageTitle.focus();
    3165 		}
    3166 		else{
    3167 			page.find( focusable ).eq(0).focus();
    3168 		}
    3169 	}
    3170
    3171 	//function for setting role of next page
    3172 	function setPageRole( newPage ) {
    3173 		if ( nextPageRole ) {
    3174 			newPage.attr( "data-role", nextPageRole );
    3175 			nextPageRole = undefined;
    3176 		}
    3177 	}
    3178
    3179 	//update hash, with or without triggering hashchange event
    3180 	$.mobile.updateHash = function(url, disableListening){
    3181 		if(disableListening) { hashListener = false; }
    3182 		location.hash = url;
    3183 	}
    3184
    3185 	//wrap page and transfer data-attrs if it has an ID
    3186 	function wrapNewPage( newPage ){
    3187 		var copyAttrs = ['data-role', 'data-theme', 'data-fullscreen'], //TODO: more page-level attrs?
    3188 			wrapper = newPage.wrap( "<div>" ).parent();
    3189
    3190 		$.each(copyAttrs,function(i){
    3191 			if( newPage.attr( copyAttrs[ i ] ) ){
    3192 				wrapper.attr( copyAttrs[ i ], newPage.attr( copyAttrs[ i ] ) );
    3193 				newPage.removeAttr( copyAttrs[ i ] );
    3194 			}
    3195 		});
    3196 		return wrapper;
    3197 	}
    3198
    3199 	//remove active classes after page transition or error
    3200 	function removeActiveLinkClass(forceRemoval){
    3201 		if( !!$activeClickedLink && (!$activeClickedLink.closest( '.ui-page-active' ).length || forceRemoval )){
    3202 			$activeClickedLink.removeClass( $.mobile.activeBtnClass );
    3203 		}
    3204 		$activeClickedLink = null;
    3205 	}
    3206
    3207
    3208 	//for getting or creating a new page
    3209 	function changePage( to, transition, back, changeHash){
    3210
    3211 		//from is always the currently viewed page
    3212 		var toIsArray = $.type(to) === "array",
    3213 			from = toIsArray ? to[0] : $.mobile.activePage,
    3214 			to = toIsArray ? to[1] : to,
    3215 			url = fileUrl = $.type(to) === "string" ? to.replace( /^#/, "" ) : null,
    3216 			data = undefined,
    3217 			type = 'get',
    3218 			isFormRequest = false,
    3219 			duplicateCachedPage = null,
    3220 			back = (back !== undefined) ? back : ( urlStack.length > 1 && urlStack[ urlStack.length - 2 ].url === url ),
    3221 			transition = (transition !== undefined) ? transition : $.mobile.defaultTransition;
    3222
    3223 		if( $.type(to) === "object" && to.url ){
    3224 			url = to.url,
    3225 			data = to.data,
    3226 			type = to.type,
    3227 			isFormRequest = true;
    3228 			//make get requests bookmarkable
    3229 			if( data && type == 'get' ){
    3230 				url += "?" + data;
    3231 				data = undefined;
    3232 			}
    3233 		}
    3234
    3235 		//reset base to pathname for new request
    3236 		resetBaseURL();
    3237
    3238 		// if the new href is the same as the previous one
    3239 		if ( back ) {
    3240 			transition = urlStack.pop().transition;
    3241 		} else {
    3242 			urlStack.push({ url: url, transition: transition });
    3243 		}
    3244
    3245 		//function for transitioning between two existing pages
    3246 		function transitionPages() {
    3247
    3248 			//kill the keyboard
    3249 			$( window.document.activeElement ).blur();
    3250
    3251 			//get current scroll distance
    3252 			var currScroll = $window.scrollTop();
    3253
    3254 			//set as data for returning to that spot
    3255 			from.data('lastScroll', currScroll);
    3256
    3257 			//trigger before show/hide events
    3258 			from.data("page")._trigger("beforehide", {nextPage: to});
    3259 			to.data("page")._trigger("beforeshow", {prevPage: from});
    3260
    3261 			function loadComplete(){
    3262 				pageLoading( true );
    3263 				//trigger show/hide events, allow preventing focus change through return false
    3264 				if( from.data("page")._trigger("hide", null, {nextPage: to}) !== false && to.data("page")._trigger("show", null, {prevPage: from}) !== false ){
    3265 					$.mobile.activePage = to;
    3266 				}
    3267 				reFocus( to );
    3268 				if( changeHash && url ){
    3269 					$.mobile.updateHash(url, true);
    3270 				}
    3271 				removeActiveLinkClass();
    3272
    3273 				//if there's a duplicateCachedPage, remove it from the DOM now that it's hidden
    3274 				if( duplicateCachedPage != null ){
    3275 					duplicateCachedPage.remove();
    3276 				}
    3277
    3278 				//jump to top or prev scroll, if set
    3279 				silentScroll( to.data( 'lastScroll' ) );
    3280 			}
    3281
    3282 			if(transition && (transition !== 'none')){
    3283 				$pageContainer.addClass('ui-mobile-viewport-transitioning');
    3284 				// animate in / out
    3285 				from.addClass( transition + " out " + ( back ? "reverse" : "" ) );
    3286 				to.addClass( $.mobile.activePageClass + " " + transition +
    3287 					" in " + ( back ? "reverse" : "" ) );
    3288
    3289 				// callback - remove classes, etc
    3290 				to.animationComplete(function() {
    3291 					from.add( to ).removeClass(" out in reverse " + $.mobile.transitions.join(' ') );
    3292 					from.removeClass( $.mobile.activePageClass );
    3293 					loadComplete();
    3294 					$pageContainer.removeClass('ui-mobile-viewport-transitioning');
    3295 				});
    3296 			}
    3297 			else{
    3298 				from.removeClass( $.mobile.activePageClass );
    3299 				to.addClass( $.mobile.activePageClass );
    3300 				loadComplete();
    3301 			}
    3302 		};
    3303
    3304 		//shared page enhancements
    3305 		function enhancePage(){
    3306 			setPageRole( to );
    3307 			to.page();
    3308 		}
    3309
    3310 		//get the actual file in a jq-mobile nested url
    3311 		function getFileURL( url ){
    3312 			return url.match( '&' + $.mobile.subPageUrlKey ) ? url.split( '&' + $.mobile.subPageUrlKey )[0] : url;
    3313 		}
    3314
    3315 		//if url is a string
    3316 		if( url ){
    3317 			to = $( "[id='" + url + "']" ),
    3318 			fileUrl = getFileURL(url);
    3319 		}
    3320 		else{ //find base url of element, if avail
    3321 			var toID = to.attr('id'),
    3322 				toIDfileurl = getFileURL(toID);
    3323
    3324 			if(toID != toIDfileurl){
    3325 				fileUrl = toIDfileurl;
    3326 			}
    3327 		}
    3328
    3329 		// find the "to" page, either locally existing in the dom or by creating it through ajax
    3330 		if ( to.length && !isFormRequest ) {
    3331 			if( fileUrl ){
    3332 				setBaseURL(fileUrl);
    3333 			}
    3334 			enhancePage();
    3335 			transitionPages();
    3336 		} else {
    3337
    3338 			//if to exists in DOM, save a reference to it in duplicateCachedPage for removal after page change
    3339 			if( to.length ){
    3340 				duplicateCachedPage = to;
    3341 			}
    3342
    3343 			pageLoading();
    3344
    3345 			$.ajax({
    3346 				url: fileUrl,
    3347 				type: type,
    3348 				data: data,
    3349 				success: function( html ) {
    3350 					setBaseURL(fileUrl);
    3351 					var all = $("<div></div>");
    3352 					//workaround to allow scripts to execute when included in page divs
    3353 					all.get(0).innerHTML = html;
    3354 					to = all.find('[data-role="page"]');
    3355
    3356 					//rewrite src and href attrs to use a base url
    3357 					if( !$.support.dynamicBaseTag ){
    3358 						var baseUrl = getBaseURL(fileUrl);
    3359 						to.find('[src],link[href]').each(function(){
    3360 							var thisAttr = $(this).is('[href]') ? 'href' : 'src',
    3361 								thisUrl = $(this).attr(thisAttr);
    3362
    3363 							//if full path exists and is same, chop it - helps IE out
    3364 							thisUrl.replace( location.protocol + '//' + location.host + location.pathname, '' );
    3365
    3366 							if( !/^(\w+:|#|\/)/.test(thisUrl) ){
    3367 								$(this).attr(thisAttr, baseUrl + thisUrl);
    3368 							}
    3369 						});
    3370 					}
    3371
    3372 					//preserve ID on a retrieved page
    3373 					if ( to.attr('id') ) {
    3374 						to = wrapNewPage( to );
    3375 					}
    3376
    3377 					to
    3378 						.attr( "id", fileUrl )
    3379 						.appendTo( $pageContainer );
    3380
    3381 					enhancePage();
    3382 					transitionPages();
    3383 				},
    3384 				error: function() {
    3385 					pageLoading( true );
    3386 					removeActiveLinkClass(true);
    3387 					$("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1>Error Loading Page</h1></div>")
    3388 						.css({ "display": "block", "opacity": 0.96, "top": $(window).scrollTop() + 100 })
    3389 						.appendTo( $pageContainer )
    3390 						.delay( 800 )
    3391 						.fadeOut( 400, function(){
    3392 							$(this).remove();
    3393 						});
    3394 				}
    3395 			});
    3396 		}
    3397
    3398 	};
    3399
    3400
    3401 	$(function() {
    3402
    3403 		$body = $( "body" );
    3404 		pageLoading();
    3405
    3406 		// needs to be bound at domready (for IE6)
    3407 		// find or load content, make it active
    3408 		$window.bind( "hashchange", function(e, triggered) {
    3409 			if( !hashListener ){
    3410 				hashListener = true;
    3411 				return;
    3412 			}
    3413
    3414 			if( $(".ui-page-active").is("[data-role=" + $.mobile.nonHistorySelectors + "]") ){
    3415 				return;
    3416 			}
    3417
    3418 			var to = location.hash,
    3419 				transition = triggered ? false : undefined;
    3420
    3421 			// either we've backed up to the root page url
    3422 			// or it's the first page load with no hash present
    3423 			//there's a hash and it wasn't manually triggered
    3424 			// > probably a new page, "back" will be figured out by changePage
    3425 			if ( to ){
    3426 				changePage( to, transition);
    3427 			}
    3428 			//there's no hash, the active page is not the start page, and it's not manually triggered hashchange
    3429 			// > probably backed out to the first page visited
    3430 			else if( $.mobile.activePage.length && $startPage[0] !== $.mobile.activePage[0] && !triggered ) {
    3431 				changePage( $startPage, transition, true );
    3432 			}
    3433 			else{
    3434 				$startPage.trigger("pagebeforeshow", {prevPage: $('')});
    3435 				$startPage.addClass( $.mobile.activePageClass );
    3436 				pageLoading( true );
    3437
    3438 				if( $startPage.trigger("pageshow", {prevPage: $('')}) !== false ){
    3439 					reFocus($startPage);
    3440 				}
    3441 			}
    3442
    3443 		});
    3444 	});
    3445
    3446 	//add orientation class on flip/resize.
    3447 	$window.bind( "orientationchange.htmlclass", function( event ) {
    3448 		$html.removeClass( "portrait landscape" ).addClass( event.orientation );
    3449 	});
    3450
    3451 	//add breakpoint classes for faux media-q support
    3452 	function detectResolutionBreakpoints(){
    3453 		var currWidth = $window.width(),
    3454 			minPrefix = "min-width-",
    3455 			maxPrefix = "max-width-",
    3456 			minBreakpoints = [],
    3457 			maxBreakpoints = [],
    3458 			unit = "px",
    3459 			breakpointClasses;
    3460
    3461 		$html.removeClass( minPrefix + resolutionBreakpoints.join(unit + " " + minPrefix) + unit + " " +
    3462 			maxPrefix + resolutionBreakpoints.join( unit + " " + maxPrefix) + unit );
    3463
    3464 		$.each(resolutionBreakpoints,function( i ){
    3465 			if( currWidth >= resolutionBreakpoints[ i ] ){
    3466 				minBreakpoints.push( minPrefix + resolutionBreakpoints[ i ] + unit );
    3467 			}
    3468 			if( currWidth <= resolutionBreakpoints[ i ] ){
    3469 				maxBreakpoints.push( maxPrefix + resolutionBreakpoints[ i ] + unit );
    3470 			}
    3471 		});
    3472
    3473 		if( minBreakpoints.length ){ breakpointClasses = minBreakpoints.join(" "); }
    3474 		if( maxBreakpoints.length ){ breakpointClasses += " " +  maxBreakpoints.join(" "); }
    3475
    3476 		$html.addClass( breakpointClasses );
    3477 	};
    3478
    3479 	//add breakpoints now and on oc/resize events
    3480 	$window.bind( "orientationchange resize", detectResolutionBreakpoints);
    3481 	detectResolutionBreakpoints();
    3482
    3483 	//common breakpoints, overrideable, changeable
    3484 	$.mobile.addResolutionBreakpoints = function( newbps ){
    3485 		if( $.type( newbps ) === "array" ){
    3486 			resolutionBreakpoints = resolutionBreakpoints.concat( newbps );
    3487 		}
    3488 		else {
    3489 			resolutionBreakpoints.push( newbps );
    3490 		}
    3491 		detectResolutionBreakpoints();
    3492 	}
    3493
    3494 	//animation complete callback
    3495 	//TODO - update support test and create special event for transitions
    3496 	//check out transitionEnd (opera per Paul's request)
    3497 	$.fn.animationComplete = function(callback){
    3498 		if($.support.cssTransitions){
    3499 			return $(this).one('webkitAnimationEnd', callback);
    3500 		}
    3501 		else{
    3502 			callback();
    3503 		}
    3504 	};
    3505
    3506 	//TODO - add to jQuery.mobile, not $
    3507 	$.extend($.mobile, {
    3508 		pageLoading: pageLoading,
    3509 		changePage: changePage,
    3510 		silentScroll: silentScroll
    3511 	});
    3512
    3513 	//dom-ready
    3514 	$(function(){
    3515 		var $pages = $("[data-role='page']");
    3516 		//set up active page
    3517 		$startPage = $.mobile.activePage = $pages.first();
    3518
    3519 		//set page container
    3520 		$pageContainer = $startPage.parent().addClass('ui-mobile-viewport');
    3521
    3522 		$.extend({
    3523 			pageContainer: $pageContainer
    3524 		});
    3525
    3526 		//initialize all pages present
    3527 		$pages.page();
    3528
    3529 		//trigger a new hashchange, hash or not
    3530 		$window.trigger( "hashchange", [ true ] );
    3531
    3532 		//update orientation
    3533 		$window.trigger( "orientationchange.htmlclass" );
    3534
    3535 		//remove rendering class
    3536 		$html.removeClass('ui-mobile-rendering');
    3537 	});
    3538
    3539 	$window.load(silentScroll);
    3540
    3541 })( jQuery, this );
    3542