2.0_beta sync to rsa

218 files changed, 25989 insertions, 0 deletions

diff --git a/libs/js/jquery-mobile-1.1.0/docs/_assets/css/jqm-docs.css b/libs/js/jquery-mobile-1.1.0/docs/_assets/css/jqm-docs.css
new file mode 100644
index 00000000..168a21cc
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/_assets/css/jqm-docs.css
@@ -0,0 +1,359 @@
+/* jqm docs css
+
+Beware: lots of last-minute CSS going on in here 
+cobblers, shoes, 
+*/
+
+body { background: #dddddd; }
+.ui-mobile .type-home .ui-content { margin: 0; background: #e5e5e5 url(../images/jqm-sitebg.png) top center repeat-x; }
+.ui-mobile #jqm-homeheader { padding: 40px 10px 0; text-align: center;  margin: 0 auto; }
+.ui-mobile #jqm-homeheader h1 { margin: 0 0 ; }
+.ui-mobile #jqm-homeheader p { margin: .3em 0 0; line-height: 1.3; font-size: .9em; font-weight: bold; color: #666; }
+.ui-mobile #jqm-version { text-indent: -99999px; background: url(../images/version.png) top right no-repeat; width: 119px; height: 122px; overflow: hidden; position: absolute; z-index: 50; top: -11px; right: 0; }
+.ui-mobile .jqm-themeswitcher { margin: 10px 25px 10px 10px;  }
+
+h2 { margin:1.2em 0 .4em 0; }
+p code { font-size:1.2em; font-weight:bold; } 
+h4 code {font-size:1.2em; font-weight:bold; }
+
+dt { font-weight: bold; margin: 2em 0 .5em; }
+dt code, dd code { font-size:1.3em; line-height:150%; }
+pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
+
+#jqm-homeheader img { width: 235px; }
+img { max-width: 100%; }
+
+/* fluid images moved from jquery.mobile.core.css*/
+.ui-mobile img {
+	max-width: 100%;
+}
+
+.ui-header .jqm-home { top: 0; }
+nav { margin: 0; }
+
+
+
+p.intro {
+	font-size: .96em;
+	line-height: 1.3;
+		border-top: 1px solid #75ae18;
+		border-bottom: 0;
+		background: none;
+		margin: 1.5em 0;
+		padding: 1.5em 15px 0;
+
+}
+p.intro strong {
+	color:  #558e08;
+}
+.footer-docs {
+	padding: 5px 0;
+}
+.footer-docs p {
+	margin-left:15px;
+	font-weight: normal;
+	font-size: .9em;
+}
+
+.type-interior .content-secondary {
+	border-right: 0;
+	border-left: 0;
+	margin: 10px -15px 0;
+	background: #fff;
+	border-top: 1px solid #ccc;
+}
+.type-home .ui-content {
+	margin-top: 5px;
+}
+.type-interior .ui-content {
+	padding-bottom: 0;
+}
+.content-secondary .ui-collapsible {
+	padding: 0 15px 10px;
+
+}
+.content-secondary .ui-collapsible-content {
+	padding: 0;
+	background: none;
+	border-bottom: none;
+}
+.content-secondary .ui-listview {
+	margin: 0;
+}
+/* new API additions */
+
+dt {  
+	margin: 35px 0 15px 0; 
+	background-color:#ddd; 
+	font-weight:normal;
+}
+dt code { 
+	display:inline-block; 
+	font-weight:bold;
+	color:#56A00E; 
+	padding:3px 7px; 
+	margin-right:10px; 
+	background-color:#fff; 
+}
+dd { 
+	margin-bottom:10px; 
+}
+dd .default { font-weight:bold; }
+dd pre { 
+	margin:0 0 0 0; 
+}
+dd code { font-weight: normal; }
+dd pre code { 
+	margin:0; 
+	border:none; 
+	font-weight:normal; 
+	font-size:100%; 
+	background-color:transparent; 
+}
+dd h4 { margin:15px 0 0 0; }
+		
+.localnav {
+	margin:0 0 20px 0;
+	overflow:hidden;
+}
+.localnav li {
+	float:left;
+}
+.localnav .ui-btn-inner { 
+	padding: .6em 10px; 
+	font-size:80%; 
+}
+
+/* custom dialog for the photos sharing */
+.ui-dialog.dialog-actionsheet .ui-dialog-contain {
+	margin-top: 0;
+}
+
+
+
+/* F bar theme - just for the docs overview headers */
+.ui-bar-f {
+	border: 1px solid #56A00E;
+	background: 			#74b042;
+	color: 					#fff;
+	font-weight: bold;
+	text-shadow: 0 1px 1px #335413;	
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient(#74b042, #56A00E); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */
+	background-image:     -ms-linear-gradient(#74b042, #56A00E); /* IE10 */
+	background-image:      -o-linear-gradient(#74b042, #56A00E); /* Opera 11.10+ */
+	background-image:         linear-gradient(#74b042, #56A00E);		
+}
+.ui-bar-f, 
+.ui-bar-f input, 
+.ui-bar-f select, 
+.ui-bar-f textarea, 
+.ui-bar-f button {
+	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+
+.ui-bar-f,
+.ui-bar-f .ui-link-inherit {
+	color: 					#fff;
+}
+.ui-bar-f .ui-link {
+	color: 					#fff;
+	font-weight: bold;
+}
+.ui-btn-up-f {
+	border: 1px solid 		#3B6F07;
+	background: 			#56A00E;
+	font-weight: bold;
+	color: 					#fff;
+	text-shadow: 0 1px 1px #234403;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient(#74b042, #56A00E); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */
+	background-image:     -ms-linear-gradient(#74b042, #56A00E); /* IE10 */
+	background-image:      -o-linear-gradient(#74b042, #56A00E); /* Opera 11.10+ */
+	background-image:         linear-gradient(#74b042, #56A00E);
+}
+.ui-btn-up-f a.ui-link-inherit {
+	color: 					#fff;
+}
+.ui-btn-hover-f {
+	border: 1px solid 		#3B6F07;
+	background: 			#6EBC1F;
+	font-weight: bold;
+	color: 					#fff;
+	text-shadow: 0 1px 1px #234403;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#8FC963), to(#6EBC1F)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient(#8FC963, #6EBC1F); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient(#8FC963, #6EBC1F); /* FF3.6 */
+	background-image:     -ms-linear-gradient(#8FC963, #6EBC1F); /* IE10 */
+	background-image:      -o-linear-gradient(#8FC963, #6EBC1F); /* Opera 11.10+ */
+	background-image:         linear-gradient(#8FC963, #6EBC1F);
+}
+.ui-btn-hover-f a.ui-link-inherit {
+	color: 					#fff;
+}
+.ui-btn-down-f {
+	border: 1px solid 		#3B6F07;
+	background: 			#3d3d3d;
+	font-weight: bold;
+	color: 					#fff;
+	text-shadow: 0 1px 1px #234403;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#56A00E), to(#64A234)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient(#56A00E, #64A234); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient(#56A00E, #64A234); /* FF3.6 */
+	background-image:     -ms-linear-gradient(#56A00E, #64A234); /* IE10 */
+	background-image:      -o-linear-gradient(#56A00E, #64A234); /* Opera 11.10+ */
+	background-image:         linear-gradient(#56A00E, #64A234);
+}
+.ui-btn-down-f a.ui-link-inherit {
+	color: 					#fff;
+}
+.ui-btn-up-f,
+.ui-btn-hover-f,
+.ui-btn-down-f {
+	font-family: Helvetica, Arial, sans-serif;
+	text-decoration: none;
+}
+
+
+
+
+/* docs site layout */
+
+@media all and (min-width: 650px){
+	
+
+	.type-home .ui-content {
+		margin-top: 5px;
+	}
+	.ui-mobile #jqm-homeheader {
+		max-width: 340px;
+	}
+	.ui-mobile .jqm-themeswitcher {
+		float: right;
+	}
+	p.intro {
+		margin: 2em 0;
+	}
+	.type-home .ui-content,
+	.type-interior .ui-content {
+		padding: 0;
+		background: url(../images/px-ccc.gif) 50% 0 repeat-y;
+	}
+	.type-interior .ui-content {
+		background-position: 45%;
+		overflow: hidden;
+	}
+	.content-secondary {
+		text-align: left;
+		float: left;
+		width: 45%;
+		background: none;
+	}
+	.content-secondary,
+	.type-interior .content-secondary {
+		margin: 30px 0 20px 2%;
+		padding: 20px 4% 0 0;
+			background: none;
+					border-top: none;
+	}
+	.type-index .content-secondary {
+		padding: 0;
+	}
+	.content-secondary .ui-collapsible {
+		margin: 0;
+		padding: 0;
+	}
+	.content-secondary .ui-collapsible-content {
+		border: none;
+	}
+	.type-index .content-secondary .ui-listview {
+		margin: 0;
+	}
+
+	.ui-mobile #jqm-homeheader {
+		padding: 0;
+	}
+	.content-primary {
+		width: 45%;
+		float: right;
+		margin-top: 30px;
+		margin-right: 1%;
+		padding-right: 1%;
+	}
+	.content-primary ul:first-child {
+		margin-top: 0;
+	}
+	.content-secondary h2 {
+		position: absolute;
+		left: -9999px;
+	}
+	.type-interior .content-primary {
+		padding: 1.5em 6% 3em 0;
+		margin: 0;
+	}
+	/* fix up the collapsibles - expanded on desktop */
+	.content-secondary .ui-collapsible-heading {
+		display: none;
+	}
+	.content-secondary .ui-collapsible-contain {
+		margin:0;
+	}
+	.content-secondary .ui-collapsible-content {
+		display: block;
+		margin: 0;
+		padding: 0;
+	}
+	.type-interior  .content-secondary .ui-li-divider {
+		padding-top: 1em;
+		padding-bottom: 1em;
+	}
+	.type-interior .content-secondary {
+		margin: 0;
+		padding: 0;
+	}
+	
+}
+@media all and (min-width: 750px){
+	.type-home .ui-content,
+	.type-interior .ui-content {
+		background-position: 39%;
+	}
+	.content-secondary {
+		width: 34%;
+	}
+	.content-primary {
+		width: 56%;
+		padding-right: 1%;
+	}	
+	.type-interior .ui-content {
+		background-position: 34%;
+	}
+}
+
+@media all and (min-width: 1200px){
+	.type-home .ui-content{
+		background-position: 38.5%;
+	}
+	.type-interior .ui-content {
+		background-position: 30%;
+	}
+	.content-secondary {
+		width: 30%;
+		padding-right:6%;
+		margin: 30px 0 20px 5%;
+	}
+	.type-interior .content-secondary {
+		margin: 0;
+		padding: 0;
+	}
+	.content-primary {
+		width: 50%;
+		margin-right: 5%;
+		padding-right: 3%;
+	}
+	.type-interior .content-primary {
+		width: 60%;
+	}
+}
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/_assets/images/ios_icon.png b/libs/js/jquery-mobile-1.1.0/docs/_assets/images/ios_icon.png
new file mode 100644
index 00000000..16b71459
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/_assets/images/ios_icon.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/_assets/images/ios_startup.png b/libs/js/jquery-mobile-1.1.0/docs/_assets/images/ios_startup.png
new file mode 100644
index 00000000..9e24c65d
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/_assets/images/ios_startup.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/_assets/images/jqm-sitebg.png b/libs/js/jquery-mobile-1.1.0/docs/_assets/images/jqm-sitebg.png
new file mode 100644
index 00000000..4e30404a
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/_assets/images/jqm-sitebg.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/_assets/images/jquery-logo.png b/libs/js/jquery-mobile-1.1.0/docs/_assets/images/jquery-logo.png
new file mode 100644
index 00000000..4958ead0
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/_assets/images/jquery-logo.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/_assets/images/mobile-devices.png b/libs/js/jquery-mobile-1.1.0/docs/_assets/images/mobile-devices.png
new file mode 100644
index 00000000..a6dcb9a1
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/_assets/images/mobile-devices.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/_assets/images/px-ccc.gif b/libs/js/jquery-mobile-1.1.0/docs/_assets/images/px-ccc.gif
new file mode 100644
index 00000000..da70aafb
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/_assets/images/px-ccc.gif
diff --git a/libs/js/jquery-mobile-1.1.0/docs/_assets/images/themroller-mobile-logo.png b/libs/js/jquery-mobile-1.1.0/docs/_assets/images/themroller-mobile-logo.png
new file mode 100644
index 00000000..8d18d113
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/_assets/images/themroller-mobile-logo.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/_assets/images/version.png b/libs/js/jquery-mobile-1.1.0/docs/_assets/images/version.png
new file mode 100644
index 00000000..6e5d10f3
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/_assets/images/version.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/_assets/js/_viewsource.js b/libs/js/jquery-mobile-1.1.0/docs/_assets/js/_viewsource.js
new file mode 100644
index 00000000..32b53e7b
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/_assets/js/_viewsource.js
@@ -0,0 +1,42 @@
+//quick view source in new window links
+$.fn.addSourceLink = function(style){
+
+	return $(this).each(function(){
+		var link = $('<a href="#" data-'+ $.mobile.ns +'inline="true">View Source</a>'),
+			src = src = $('<div></div>').append( $(this).clone() ).html(),
+			page = $( "<div data-"+ $.mobile.ns +"role='dialog' data-"+ $.mobile.ns +"theme='a'>" +
+					"<div data-"+ $.mobile.ns +"role='header' data-"+ $.mobile.ns +"theme='b'>" +
+						"<a href='#' class='ui-btn-left' data-"+ $.mobile.ns +"icon='delete' data-"+ $.mobile.ns +"iconpos='notext'>Close</a>"+
+						"<div class='ui-title'>jQuery Mobile Source Excerpt</div>"+
+					"</div>"+
+					"<div data-"+ $.mobile.ns +"role='content'></div>"+
+				"</div>" )
+				.appendTo( "body" )
+				.page();
+				
+		$('<a href="#">View Source</a>')
+			.buttonMarkup({
+				icon: 'arrow-u',
+				iconpos: 'notext'
+			})
+			.click(function(){
+				var codeblock = $('<pre><code></code></pre>');
+				src = src.replace(/&/gmi, '&amp;').replace(/"/gmi, '&quot;').replace(/>/gmi, '&gt;').replace(/</gmi, '&lt;').replace('data-'+ $.mobile.ns +'source="true"','');
+				codeblock.find('code').append(src);
+
+				var activePage = $(this).parents('.ui-page-active');
+				page.find('.ui-content').append(codeblock);
+				$.changePage(page, 'slideup',false);
+				page.find('.ui-btn-left').click(function(){
+					$.changePage(activepage, 'slideup',true);
+					return false;
+				});						
+			})	
+			.insertAfter(this);
+		});	
+};
+
+//set up view source links
+$('div').live('pagebeforecreate',function(){
+	$(this).find('[data-'+ $.mobile.ns +'source="true"]').addSourceLink();
+});
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/_assets/js/jqm-docs.js b/libs/js/jquery-mobile-1.1.0/docs/_assets/js/jqm-docs.js
new file mode 100644
index 00000000..f8d3df8d
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/_assets/js/jqm-docs.js
@@ -0,0 +1,52 @@
+//collapse page navs after use
+$(function(){
+	$('body').delegate('.content-secondary .ui-collapsible-content', 'click',  function(){
+		$(this).trigger("collapse");
+	});
+});
+
+
+// Turn off AJAX for local file browsing
+if ( location.protocol.substr(0,4)  === 'file' ||
+     location.protocol.substr(0,11) === '*-extension' ||
+     location.protocol.substr(0,6)  === 'widget' ) {
+
+  // Start with links with only the trailing slash and that aren't external links
+  var fixLinks = function() {
+    $( "a[href$='/'], a[href='.'], a[href='..']" ).not( "[rel='external']" ).each( function() {
+      this.href = $( this ).attr( "href" ).replace( /\/$/, "" ) + "/index.html";
+    });
+  };
+
+  // fix the links for the initial page
+  $(fixLinks);
+
+  // fix the links for subsequent ajax page loads
+  $(document).bind( 'pagecreate', fixLinks );
+
+  // Check to see if ajax can be used. This does a quick ajax request and blocks the page until its done
+  $.ajax({
+    url: '.',
+    async: false,
+    isLocal: true
+  }).error(function() {
+    // Ajax doesn't work so turn it off
+    $( document ).bind( "mobileinit", function() {
+      $.mobile.ajaxEnabled = false;
+
+      var message = $( '<div>' , {
+        'class': "ui-footer ui-bar-e",
+        style: "overflow: auto; padding:10px 15px;",
+        'data-ajax-warning': true
+      });
+
+      message
+        .append( "<h3>Note: Navigation may not work if viewed locally</h3>" )
+        .append( "<p>The AJAX-based navigation used throughout the jQuery Mobile docs may need to be viewed on a web server to work in certain browsers. If you see an error message when you click a link, try a different browser or <a href='https://github.com/jquery/jquery-mobile/wiki/Downloadable-Docs-Help'>view help</a>.</p>" );
+
+      $( document ).bind( "pagecreate", function( event ) {
+        $( event.target ).append( message );
+      });
+    });
+  });
+}
diff --git a/libs/js/jquery-mobile-1.1.0/docs/about/accessibility.html b/libs/js/jquery-mobile-1.1.0/docs/about/accessibility.html
new file mode 100644
index 00000000..b8891d2a
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/about/accessibility.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Accessibility</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" /> 
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Accessibility</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		
+		
+		<div class="content-primary">
+			
+			<h2>Accessibility</h2>
+			<p>jQuery Mobile is built upon standard, semantic HTML, allowing pages to be accessible to the broadest range of devices possible. For A-Grade browsers, many of the components in jQuery Mobile leverage techniques such as focus management, keyboard navigation, and HTML attributes specified in the W3C's <a href="http://www.w3.org/TR/wai-aria/">WAI-ARIA</a> specification.</p> 
+			
+			<p>By utilizing these techniques, we do our best to ensure an accessible experience to users with disabilities such as blindness, who may use screen readers (like <em>VoiceOver</em>, on Apple's iPhone device) or other assistive technology to access the web.</p>
+						
+		</div>		
+		
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+						<li data-role="list-divider">Overview</li>
+						<li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
+						<li><a href="../../docs/about/getting-started.html">Quick start guide</a></li>				
+						<li><a href="../../docs/about/features.html">Features</a></li>
+						<li data-theme="a"><a href="../../docs/about/accessibility.html">Accessibility</a></li>
+						<li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
+
+					
+					</ul>
+			</div>
+		</div>
+				
+
+		</div><!-- /content -->
+
+		<div data-role="footer" class="footer-docs" data-theme="c">
+				<p>&copy; 2011-12 The jQuery Foundation</p>
+		</div>
+
+						
+
+	</div><!-- /content -->
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/about/features.html b/libs/js/jquery-mobile-1.1.0/docs/about/features.html
new file mode 100644
index 00000000..06ce295e
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/about/features.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Features</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" /> 
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior"> 
+
+	<div data-role="header" data-theme="f">
+		<h1>Features</h1>	
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		
+		<div class="content-primary">
+			
+				<h2>Key features:</h2>
+				<ul>
+					<li><strong>Built on jQuery core</strong> for familiar and consistent jQuery syntax and minimal learning curve and leverages jQuery UI code and patterns.</li>
+					<li><strong>Compatible with all major mobile, tablet, e-reader & desktop platforms</strong> - iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Phone 7, MeeGo, Opera Mobile/Mini, Firefox Mobile, Kindle, Nook, and all modern browsers with graded levels of support.</li>
+					<li><strong>Lightweight size</strong> and minimal image dependencies for speed.</li>
+					<li><strong>Modular architecture</strong> for creating custom builds that are optimized to only include the features needed for a particular application</li>
+					<li><strong>HTML5 Markup-driven configuration</strong> of pages and behavior for fast development and minimal required scripting.</li>
+					<li><strong>Progressive enhancement</strong> approach brings core content and functionality to all mobile, tablet and desktop platforms and a rich, installed application-like experience on newer mobile platforms.</li>
+					<li><strong>Responsive design</strong> techniques and tools allow the same underlying codebase to automatically scale from smartphone to desktop-sized screens</li>
+					<li><strong>Powerful Ajax-powered navigation system</strong> to enable animated page transitions while maintaining back button, bookmarking and and clean URLs though pushState. </li>
+					<li><strong>Accessibility</strong> features such as WAI-ARIA are also included to ensure that the pages work for screen readers (e.g. VoiceOver in iOS) and other assistive technologies.</li>
+					<li><strong>Touch and mouse event support</strong> streamline the process of supporting touch, mouse, and cursor focus-based user input methods with a simple API. </li>
+					<li><strong>Unified UI widgets</strong> for common controls enhance native controls with touch-optimized, themable controls that are platform-agnostic and easy to use.</li>
+					<li><strong>Powerful theming framework</strong> and the <a href="http://www.jquerymobile.com/themeroller" rel="external">ThemeRoller</a> application make highly-branded experiences easy to build.</li>
+
+				</ul>
+
+		</div>
+		
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+						<li data-role="list-divider">Overview</li>
+						<li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
+						<li><a href="../../docs/about/getting-started.html">Quick start guide</a></li>	
+						<li data-theme="a"><a href="../../docs/about/features.html">Features</a></li>
+						<li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
+						<li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
+
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>				
+
+
+	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/about/getting-started.html b/libs/js/jquery-mobile-1.1.0/docs/about/getting-started.html
new file mode 100644
index 00000000..17416e38
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/about/getting-started.html
@@ -0,0 +1,171 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Quick start</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" /> 
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Quick start guide</h1>
+		
+		
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		
+		<div class="content-primary">
+		
+		<h2>Getting Started with jQuery Mobile</h2>
+
+		<p>jQuery Mobile provides a set of touch-friendly UI widgets and an AJAX-powered navigation system to support animated page transitions. Building your first jQuery Mobile page is easy, here's how:</p>
+		
+		<h2>Create a basic page template</h2>	
+		<p>Pop open your favorite text editor, paste in the <a href="../pages/page-anatomy.html" id="" title="page-anatomy">page template</a> below, save and open in a browser. You are now a mobile developer!</p>
+		<p>Here's what's in the template. In the <code>head</code>, a meta <code>viewport</code> tag sets the screen width to the pixel width of the device and references to jQuery, jQuery Mobile and the mobile theme stylesheet from the CDN add all the styles and scripts. jQuery Mobile 1.1 works with both 1.6.4 and 1.7.1 versions of jQuery core. </p>
+		<p>In the <code>body</code>, a div with a <code>data-role</code> of <code>page</code> is the wrapper used to delineate a page, and the header bar (<code>data-role="header"</code>) and content region (<code>data-role="content"</code>) are added inside to create a basic page (these are both optional). These <code>data-</code> attributes are HTML5  attributes are used throughout jQuery Mobile to transform basic markup into an enhanced and styled widget.</p> 
+
+<pre><code>
+&lt;!DOCTYPE html&gt; 
+&lt;html&gt; 
+	&lt;head&gt; 
+	&lt;title&gt;My Page&lt;/title&gt; 
+	&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt; 
+	&lt;link rel=&quot;stylesheet&quot; href=&quot;http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css&quot; /&gt;
+	&lt;script src=&quot;http://code.jquery.com/jquery-1.7.1.min.js&quot;&gt;&lt;/script&gt;
+	&lt;script src=&quot;http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js&quot;&gt;&lt;/script&gt;
+&lt;/head&gt; 
+&lt;body&gt; 
+
+&lt;div <strong>data-role=&quot;page&quot;</strong>&gt;
+
+	&lt;div <strong>data-role=&quot;header&quot;</strong>&gt;
+		&lt;h1&gt;My Title&lt;/h1&gt;
+	&lt;/div&gt;&lt;!-- /header --&gt;
+
+	&lt;div <strong>data-role=&quot;content&quot;</strong>&gt;	
+		&lt;p&gt;Hello world&lt;/p&gt;		
+	&lt;/div&gt;&lt;!-- /content --&gt;
+
+&lt;/div&gt;&lt;!-- /page --&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</code></pre>
+
+		
+		<h2>Add your content</h2>
+		<p>Inside your content container, you can add any standard <a href="../content/content-html.html">HTML elements</a> - headings, lists, paragraphs, etc. You can write your own custom styles to create custom layouts by adding an additional stylesheet to the <code>head</code> after the jQuery Mobile stylesheet.</p> 
+		
+		<h2>Make a listview</h2>
+		<p>jQuery Mobile includes a diverse set of common <a href="../lists/docs-lists.html" id="" title="docs-lists">listviews</a> that are coded as lists with a <code>data-role="listview"</code> added. Here is a simple linked list that has a role of <code>listview</code>. We're going to make this look like an inset module by adding a <code>data-inset="true"</code> and add a dynamic search filter with the <code>data-filter="true"</code> attributes.</p>
+
+<pre><code>
+&lt;ul <strong>data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-filter=&quot;true&quot</strong>&gt;
+	&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Acura&lt;/a&gt;&lt;/li&gt;
+	&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Audi&lt;/a&gt;&lt;/li&gt;
+	&lt;li&gt;&lt;a href=&quot;#&quot;&gt;BMW&lt;/a&gt;&lt;/li&gt;
+	&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Cadillac&lt;/a&gt;&lt;/li&gt;
+	&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Ferrari&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+
+</code></pre>
+		<ul data-role="listview" data-inset="true" data-filter="true">
+			<li><a href="#">Acura</a></li>
+			<li><a href="#">Audi</a></li>
+			<li><a href="#">BMW</a></li>
+			<li><a href="#">Cadillac</a></li>
+			<li><a href="#">Ferrari</a></li>
+		</ul>
+
+
+
+		
+		<h2>Add a slider</h2>
+		<p>The framework contains a full set of <a href="../forms/forms-all.html">form elements</a> that automatically are enhanced into touch-friendly styled widgets. Here's a slider made with the new HTML5 input type of range, no <code>data-role</code> needed. Be sure to wrap these in a <code>form</code> element and always properly associate a <code>label</code> to every form element.</p> 
+		
+<pre><code>
+&lt;form&gt;
+   &lt;label for=&quot;slider-0&quot;&gt;Input slider:&lt;/label&gt;
+   &lt;input <strong>type=&quot;range&quot;</strong> name=&quot;slider&quot; id=&quot;slider-0&quot; value=&quot;25&quot; min=&quot;0&quot; max=&quot;100&quot;  /&gt;
+&lt;/form&gt;
+</code></pre>
+		
+		<form>
+			<label for="slider-0">Input slider:</label>
+			<input type="range" name="slider-1" id="slider-0" value="25" min="0" max="100"  />
+		</form>
+		
+
+		
+		<h2>Make a button</h2>
+		<p>There are a few ways to make <a href="../buttons/buttons-types.html" title="buttons-types">buttons</a>, but lets turn a link into a button so it's easy to click. Just start with a link and add a <code>data-role="button"</code> attribute to it.  You can add an <a href="../buttons/buttons-icons.html">icon</a> with the <code>data-icon</code> attribute and optionally set its position with the <code>data-iconpos</code> attribute.</p>
+
+<pre><code>
+&lt;a href=&quot;#&quot; <strong>data-role=&quot;button&quot; data-icon=&quot;star&quot;</strong>&gt;Star button&lt;/a&gt;
+</code></pre>
+
+		<a href="#" data-role="button" data-icon="star">Star button</a>
+
+
+		
+		<h2>Play with theme swatches</h2>
+		<p>jQuery Mobile has a robust <a href="../api/themes.html" id="">theme framework</a> that supports up to 26 sets of toolbar, content and button colors, called a "swatch". Just add a <code>data-theme="e"</code> attribute to any of the widgets on this page: page, header, list, input for the slider, or button to turn it yellow. Try different swatch letters in default theme from a-e to mix and match swatches. </p>
+		<p>Cool party trick: add the theme swatch to the page and see how all the widgets inside the content will automatically inherit the theme (headers don't inherit, they default to swatch A).</p>
+		
+<code>&lt;a href=&quot;#&quot; data-role=&quot;button&quot; data-icon=&quot;star&quot; <strong>data-theme=&quot;a&quot;</strong>&gt;Button&lt;/a&gt;</code>
+		
+		<a href="#" data-role="button" data-icon="star" data-theme="a">data-theme="a"</a>
+		<a href="#" data-role="button" data-icon="star" data-theme="b">data-theme="b"</a>
+		<a href="#" data-role="button" data-icon="star" data-theme="c">data-theme="c"</a>
+		<a href="#" data-role="button" data-icon="star" data-theme="d">data-theme="d"</a>
+		<a href="#" data-role="button" data-icon="star" data-theme="e">data-theme="e"</a>
+	
+	<p>When you're ready to build a custom theme, use <a href="http://www.jquerymobile.com/themeroller" rel="external">ThemeRoller</a> to drag and drop, then download a custom theme.</p>
+	
+	<h2>Go forth and build stuff</h2>
+	<p>This is just scratching the surface of all the cool things you can build with jQuery Mobile with little effort. Be sure to explore <a href="../pages/page-links.html" id="" title="page-links">linking pages</a>, <a href="../pages/page-transitions.html" id="" title="page-transitions">adding animated page transitions</a>, and <a href="../pages/page-dialogs.html" id="" title="page-dialogs">creating dialogs</a>. Use the <a href="../api/data-attributes.html" id="" title="data-attributes">data-attribute reference</a> to try out some of the other <code>data-</code> attributes you can play with. </p>
+	
+	<p><strong>More of a developer?</strong> Great, forget everything we just covered (kidding). If you don't want to use the <code>data-</code> attribute configuration system, you can take full control of everything and call plugins directly because these are all just standard jQuery plugins built with the UI widget factory. Be sure to dig into <a href="../api/globalconfig.html" id="" title="globalconfig">global configuration</a>, <a href="../api/events.html" id="" title="events">events</a>, and <a href="../api/methods.html" id="" title="methods">methods</a>. Then read up on <a href="../pages/page-scripting.html" id="" title="page-scripting">scripting pages</a>, <a href="../pages/page-dynamic.html" id="" title="page-dynamic">generating dynamic pages</a>, and <a href="../pages/phonegap.html" id="" title="phonegap">building PhoneGap apps</a>.</p>
+		</div><!--/content-primary -->		
+		
+		<div class="content-secondary">
+			
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+				
+					<h3>More in this section</h3>
+					
+					<ul data-role="listview"  data-theme="c" data-dividertheme="d">
+						<li data-role="list-divider">Overview</li>
+						<li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
+						<li data-theme="a"><a href="../../docs/about/getting-started.html">Quick start guide</a></li>				
+						<li><a href="../../docs/about/features.html">Features</a></li>
+						<li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
+						<li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+	
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>	
+	
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/about/index.html b/libs/js/jquery-mobile-1.1.0/docs/about/index.html
new file mode 100644
index 00000000..5b6720a3
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/about/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery UI Mobile Framework - About</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body> 
+
+	<div data-role="page" class="type-index">
+
+<div data-role="header" data-theme="f">
+	<h1>About jQuery Mobile</h1>
+	<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+</div>
+
+<div data-role="content">
+	
+	<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
+		<li data-role="list-divider">Overview</li>
+		<li><a href="intro.html">Intro to jQuery Mobile</a></li>
+		<li><a href="getting-started.html">Quick start guide</a></li>	
+		<li><a href="features.html">Features</a></li>
+		<li><a href="accessibility.html">Accessibility</a></li>
+		<li><a href="platforms.html">Supported platforms</a></li>
+	</ul>
+
+</div>
+
+</div>
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/about/intro.html b/libs/js/jquery-mobile-1.1.0/docs/about/intro.html
new file mode 100644
index 00000000..0487c5ef
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/about/intro.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Intro</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" /> 
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Introduction</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		
+		<div class="content-primary">
+		
+		<h2>jQuery Mobile Overview</h2>
+
+		<p>jQuery’s mobile strategy can be summarized simply: A unified user interface system that works seamlessly across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Focused on a <a href="features.html">feature-rich</a> but lightweight codebase built on progressive enhancement with a flexible, <a href="../api/themes.html">theming system</a> and <a href="http://www.jquerymobile.com/themeroller" target="_new">ThemeRoller tool</a>. </p>
+		<p>The framework includes an <a href="../pages/page-navmodel.html">Ajax navigation</a> system that brings animated page <a href="../pages/page-transitions.html">transitions</a> and a core set of UI widgets: <a href="../pages/page-anatomy.html">pages</a>, <a href="../pages/page-dialogs.html">dialogs</a>, <a href="../toolbars/docs-bars.html">toolbars</a>, <a href="../lists/docs-lists.html">listviews</a>, <a href="../buttons/buttons-types.html">buttons</a> with <a href="../buttons/buttons-icons.html">icons</a>, <a href="../forms/forms-all.html">form elements</a>, <a href="../content/content-collapsible-set.html">accordions</a>, <a href="../content/content-collapsible.html">collapsibles</a>, and more.</p>
+
+		<p>The critical difference with our approach is the <a href="platforms.html">wide variety of mobile platforms we’re targeting</a> with jQuery Mobile so no browser or device is left behind. We've also focused on making jQuery Mobile <a href="getting-started.html">easy to learn</a> with a simple, <a href="../api/data-attributes.html">markup-based system</a> to applying behavior and theming. For more advanced developers, there is a rich API of <a href="../api/globalconfig.html">global configuration options</a>, <a href="../api/events.html" id="" title="events">events</a>, and <a href="../api/methods.html" id="" title="methods">methods</a> to <a href="../pages/page-scripting.html" id="" title="page-scripting">apply scripting</a>, <a href="../pages/page-dynamic.html" id="" title="page-dynamic">generate dynamic pages</a>, and even <a href="../pages/phonegap.html" id="" title="phonegap">build native apps</a> with tools like PhoneGap.</p>
+		
+		<p>To make this broad support possible, all pages in jQuery Mobile are built on a foundation of <strong>clean, semantic HTML</strong> to ensure compatibility with pretty much any web-enabled device. In devices that interpret CSS and JavaScript, jQuery Mobile applies <strong>progressive enhancement techniques</strong> to unobtrusively transform the semantic page into a rich, interactive experience that leverages the power of jQuery and CSS. <a href="accessibility.html">Accessibility features</a> such as WAI-ARIA are tightly integrated throughout the framework to provide support for screen readers and other assistive technologies.</p>
+			
+
+		</div><!--/content-primary -->		
+		
+		<div class="content-secondary">
+			
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+				
+					<h3>More in this section</h3>
+					
+					<ul data-role="listview"  data-theme="c" data-dividertheme="d">
+						<li data-role="list-divider">Overview</li>
+						<li data-theme="a"><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
+						<li><a href="../../docs/about/getting-started.html">Quick start guide</a></li>	
+						<li><a href="../../docs/about/features.html">Features</a></li>
+						<li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
+						<li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
+
+				
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+	
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>	
+	
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/about/platforms.html b/libs/js/jquery-mobile-1.1.0/docs/about/platforms.html
new file mode 100644
index 00000000..e36acf85
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/about/platforms.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Supported platforms</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" /> 
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Supported platforms</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+			<style>
+			li { margin:9px 0; }
+			</style>
+		
+			<div class="content-primary">
+				<h2 id="platforms">jQuery Mobile Supported Platforms</h2>
+				<p>jQuery Mobile has broad support for the vast majority of all modern desktop, smartphone, tablet, and e-reader platforms. In addition, feature phones and older browsers are supported because of our progressive enhancement approach. We're very proud of our commitment to universal accessibility through our broad support for all popular platforms.</p>
+
+				<p>We use a 3-level graded platform support system: <strong>A</strong> (full), <strong>B</strong> (full minus Ajax), <strong>C</strong> (basic HTML). The visual fidelity of the experience and smoothness of page transitions are highly dependent on the CSS rendering capabilities of the device and platform so not all A grade experience will be pixel-perfect but that's the nature of the web.</p>
+				
+				<h3 style="display: block; font-size: 16px !important; font-weight: normal; background: #e6e6e6; border-left: 7px solid #74B64A; padding: 5px 0 5px 8px;"><strong> A-grade</strong> - Full enhanced experience with Ajax-based animated page transitions.</h3>
+				<ul>
+					<li><strong>Apple iOS 3.2-5.0</strong> - Tested on the original iPad (4.3 / 5.0), iPad 2 (4.3), original iPhone (3.1), iPhone 3 (3.2), 3GS (4.3), 4 (4.3 / 5.0), and 4S (5.0)</li>
+					<li><strong>Android 2.1-2.3</strong> - Tested on the HTC Incredible (2.2), original Droid (2.2), HTC Aria (2.1), Google Nexus S (2.3). Functional on 1.5 &amp; 1.6 but performance may be sluggish, tested on Google G1 (1.5)</li>
+					<li><strong>Android 3.1 (Honeycomb) </strong> - Tested on the Samsung Galaxy Tab 10.1 and Motorola XOOM</li>
+					<li><strong>Android 4.0 (ICS) </strong> - Tested on a Galaxy Nexus. Note: transition performance can be poor on <em>upgraded</em> devices</li>
+					<li><strong>Windows Phone 7-7.5</strong> - Tested on the HTC Surround (7.0) HTC Trophy (7.5), LG-E900 (7.5), Nokia Lumia 800</li>
+					<li><strong>Blackberry 6.0</strong> - Tested on the Torch 9800 and Style 9670</li>
+					<li><strong>Blackberry 7</strong> - Tested on BlackBerry® Torch 9810</li>
+					<li><strong>Blackberry Playbook (1.0-2.0)</strong> - Tested on PlayBook</li>
+					<li><strong>Palm WebOS (1.4-2.0)</strong> - Tested on the Palm Pixi (1.4), Pre (1.4), Pre 2 (2.0)</li>
+					<li><strong>Palm WebOS 3.0 </strong> - Tested on HP TouchPad</li>
+					<li><strong>Firebox Mobile (10 Beta)</strong> - Tested on Android 2.3 device</li>
+					<li><strong>Chrome for Android (Beta)</strong> - Tested on Android 4.0 device</li>
+					<li><strong>Skyfire 4.1</strong> - Tested on Android 2.3 device</li>
+					<li><strong>Opera Mobile 11.5</strong>: Tested on Android 2.3</li>
+					<li><strong>Meego 1.2</strong> - Tested on Nokia 950 and N9</li>
+					<li><strong>Samsung bada 2.0</strong> - Tested on a Samsung Wave 3, Dolphin browser</li>
+					<li><strong>UC Browser</strong> - Tested on Android 2.3 device</li>
+					<li><strong>Kindle 3 and Fire </strong> - Tested on the built-in WebKit browser for each</li>
+					<li><strong>Nook Color 1.4.1</strong> - Tested on original Nook Color, not Nook Tablet</li>
+					<li><strong>Chrome <strong>Desktop </strong>11-17</strong> - Tested on OS X 10.7 and Windows 7</li>
+					<li><strong>Safari <strong>Desktop </strong>4-5</strong> - Tested on OS X 10.7 and Windows 7</li>
+					<li><strong>Firefox Desktop 4-9</strong> - Tested on OS X 10.7 and Windows 7</li>
+					<li><strong>Internet Explorer 7-9</strong> - Tested on Windows XP, Vista and 7</li>
+					<li><strong>Opera Desktop 10-11</strong> - Tested on OS X 10.7 and Windows 7</li>
+				</ul>
+				<h3 style="display: block; font-size: 16px !important; font-weight: normal; background: #e6e6e6; border-left: 7px solid #6699cc; padding: 5px 0 5px 8px;"><strong>B-grade</strong> - Enhanced experience except without Ajax navigation features.</h3>
+				<ul>
+					<li><strong>Blackberry 5.0</strong>: Tested on the Storm 2 9550, Bold 9770</li>
+					<li><strong>Opera Mini (5.0-6.5)</strong> - Tested on iOS 3.2/4.3 and Android 2.3</li>
+					<li><strong>Nokia Symbian^3 </strong>- Tested on Nokia N8 (Symbian^3), C7 (Symbian^3), also works on N97 (Symbian^1)</li>
+				</ul>
+				<h3 style="display: block; font-size: 16px !important; font-weight: normal; background: #e6e6e6; border-left: 7px solid #FFCC33; padding: 5px 0 5px 8px;"><strong>C<strong>-grade</strong></strong> - Basic, non-enhanced HTML experience that is still functional</h3>
+				<ul>
+					<li><strong>Blackberry 4.x</strong> - Tested on the Curve 8330</li>
+					<li><strong>Windows Mobile</strong> - Tested on the HTC Leo (WinMo 5.2)</li>
+					<li><strong>All older smartphone platforms and featurephones</strong> - Any device that doesn't support media queries will receive the basic, C grade experience</li>
+				</ul>
+
+				
+				</div>
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+								<li data-role="list-divider">Overview</li>
+								<li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
+								<li><a href="../../docs/about/getting-started.html">Quick start guide</a></li>	
+								<li><a href="../../docs/about/features.html">Features</a></li>
+								<li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
+								<li data-theme="a"><a href="../../docs/about/platforms.html">Supported platforms</a></li>
+
+						
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="c">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>				
+			
+	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/api/data-attributes.html b/libs/js/jquery-mobile-1.1.0/docs/api/data-attributes.html
new file mode 100644
index 00000000..38e23c6b
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/api/data-attributes.html
@@ -0,0 +1,530 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Data Attribute Reference</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Data Attributes</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content" data-theme="c">
+
+		<div class="content-primary">
+			<h2>Data- attribute reference</h2>
+			<p>The jQuery Mobile framework uses HTML5 <code>data-</code> attributes to allow for markup-based initialization and configuration of widgets. These attributes are completely optional; calling plugins manually and passing options directly is also supported. To avoid naming conflicts with other plugins or frameworks that also use <code>data-</code> attributes, set a custom namespace by modifying the <a href="globalconfig.html"><code>ns</code> global option</a>.<p>
+
+				<style>
+					table { width:100%; border-bottom:1px solid #ccc; }
+					th { text-align:left; width: 170px; }
+					th, td { vertical-align:top; border-top:1px solid #ccc; padding: 6px 10px 4px 0; }
+				</style>
+
+			<h2><a href="../buttons/buttons-types.html">Button</a></h2>
+			<p>Links with <code>data-role="button"</code>. Input-based buttons and button elements are auto-enhanced, no <code>data-role</code> required</p>
+			<table>
+				<tr>
+					<th>data-corners</th>
+					<td><strong>true</strong> | false</td>
+				</tr>
+				<tr>
+					<th>data-icon</th>
+					<td>home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search</td>
+				</tr>
+				<tr>
+					<th>data-iconpos</th>
+					<td><strong>left</strong> | right | top | bottom |  notext</td>
+				</tr>
+				<tr>
+					<th>data-iconshadow</th>
+					<td><strong>true</strong> | false</td>
+				</tr>
+				<tr>
+					<th>data-inline</th>
+					<td>true | <strong>false</strong></td>
+				</tr>
+				<tr>
+					<th>data-mini</th>
+					<td>true | <strong>false</strong> - Compact sized version</td>
+				</tr>
+				<tr>
+					<th>data-shadow</th>
+					<td><strong>true</strong> | false</td>
+				</tr>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z)</td>
+				</tr>
+			</table>
+			<p>Multiple buttons can be wrapped in a container with a <code>data-role="controlgroup"</code> attribute for a vertically grouped set. Add the <code>data-type="horizontal"</code> attribute for the buttons to sit side-by-side.</p>
+
+
+			<h2><a href="../forms/checkboxes/">Checkbox</a></h2>
+			<p>Pairs of labels and inputs with <code>type="checkbox"</code> are auto-enhanced, no <code>data-role</code> required</p>
+			<table>
+				<tr>
+					<th>data-mini</th>
+					<td>true | <strong>false</strong> - Compact sized version</td>
+				</tr>
+				<tr>
+					<th>data-role</th>
+					<td>none (prevents auto-enhancement to use native control)</td>
+				</tr>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z) - Added to the form element</td>
+				</tr>
+			</table>
+
+			<h2><a href="../content/content-collapsible.html">Collapsible</a></h2>
+			<p>A heading and content wrapped in a container with the <code>data-role="collapsible"</code></p>
+			<table>
+				<tr>
+					<th>data-collapsed</th>
+					<td><strong>true</strong> | false</td>
+				</tr>
+				<tr>
+					<th>data-content-theme</th>
+					<td>swatch letter (a-z)</td>
+				</tr>
+				<tr>
+					<th>data-iconpos</th>
+					<td><strong>left</strong> | right | top | bottom |  notext</td>
+				</tr>
+				<tr>
+					<th>data-mini</th>
+					<td>true | <strong>false</strong> - Compact sized version</td>
+				</tr>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z)</td>
+				</tr>
+			</table>
+
+			<h2><a href="../content/content-collapsible-set.html">Collapsible set</a></h2>
+			<p>A number of collapsibles wrapped in a container with the <code>data-role="collapsible-set"</code></p>
+			<table>
+				<tr>
+					<th>data-content-theme</th>
+					<td>swatch letter (a-z) - Sets all collapsibles in set</td>
+				</tr>
+				<tr>
+					<th>data-iconpos</th>
+					<td><strong>left</strong> | right | top | bottom |  notext</td>
+				</tr>
+				<tr>
+					<th>data-mini</th>
+					<td>true | <strong>false</strong> - Compact sized version</td>
+				</tr>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z) - Sets all collapsibles in set</td>
+				</tr>
+			</table>
+
+			<h2><a href="../pages/page-anatomy.html">Content</a></h2>
+			<p>Container with <code>data-role="content"</code></p>
+			<table>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z)</td>
+				</tr>
+			</table>
+
+			<h2><a href="../pages/page-dialogs.html">Dialog</a></h2>
+			<p>Page with <code>data-role="page"</code> linked to with <code>data-rel="dialog"</code> on the anchor.</p>
+			<table>
+				<tr>
+					<th>data-close-btn-text</th>
+					<td>string (text for the close button, dialog only)</td>
+				</tr>
+				<tr>
+					<th>data-dom-cache</th>
+					<td>true | <strong>false</strong></td>
+				</tr>
+				<tr>
+					<th>data-overlay-theme</th>
+					<td>swatch letter (a-z) - overlay theme when the page is opened in a dialog</td>
+				</tr>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z)</td>
+				</tr>
+				<tr>
+					<th>data-title</th>
+					<td>string (title used when page is shown)</td>
+				</tr>
+			</table>
+
+			<h2><a href="globalconfig.html">Enhancement</a></h2>
+			<p>Container with <code>data-enhance="false"</code> or <code>data-ajax="false"</code></p>
+			<table>
+				<tr>
+					<th>data-enhance</th>
+					<td><strong>true</strong> | false</td>
+				</tr>
+				<tr>
+					<th>data-ajax</th>
+					<td><strong>true</strong> | false</td>
+				</tr>
+			</table>
+			<p>Any DOM elements inside a <code>data-enhance="false"</code> container, save for <code>data-role="page|dialog"</code> elements, will be ignored during initial enhancement and subsequent <code>create</code> events provided that the <code>$.mobile.ignoreContentEnabled</code> flag is set prior to the enhancement (eg in a <code>mobileinit</code> binding).</p>
+
+			<p>Any link or form elements inside <code>data-enhance="false"</code> containers will be ignored by the framework's navigation functionality when <code>$.mobile.ignoreContentEnabled</code> is set to true.</p>
+
+			<h2><a href="../forms/docs-forms.html">Field container</a></h2>
+			<p>Container with <code>data-role="fieldcontain"</code> wrapped around label/form element pair</p>
+
+			<h2><a href="../forms/switch/">Flip toggle switch</a></h2>
+			<p>Select with <code>data-role="slider"</code>, two options only</p>
+			<table>
+				<tr>
+					<th>data-mini</th>
+					<td>true | <strong>false</strong> - Compact sized version</td>
+				</tr>
+				<tr>
+					<th>data-role</th>
+					<td>none (prevents auto-enhancement to use native control)</td>
+				</tr>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z) - Added to the form element</td>
+				</tr>
+				<tr>
+					<th>data-track-theme</th>
+					<td>swatch letter (a-z) - Added to the form element</td>
+				</tr>
+			</table>
+
+			<h2><a href="../toolbars/docs-footers.html">Footer</a></h2>
+			<p>Container with <code>data-role="footer"</code></p>
+			<table>
+				<tr>
+					<th>data-id</th>
+					<td>string (unique id, useful in persistent footers)</td>
+				</tr>
+				<tr>
+					<th>data-position</th>
+					<td>fixed</td>
+				</tr>
+				<tr>
+					<th>data-fullscreen</th>
+					<td>true (used in conjunction with fixed toolbars)</td>
+				</tr>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z)</td>
+				</tr>
+			</table>
+
+			<h2><a href="../toolbars/docs-headers.html">Header</a></h2>
+			<p>Container with <code>data-role="header"</code></p>
+			<table>
+				<tr>
+					<th>data-position</th>
+					<td>fixed</td>
+				</tr>
+				<tr>
+					<th>data-fullscreen</th>
+					<td>true (used in conjunction with fixed toolbars)</td>
+				</tr>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z)</td>
+				</tr>
+			</table>
+
+			<h2><a href="../pages/page-links.html">Link</a></h2>
+			<p>Links, including those with a <code>data-role="button"</code>, and form submit buttons share these attributes</p>
+			<table>
+				<tr>
+					<th>data-ajax</th>
+					<td><strong>true</strong> | false</td>
+				</tr>
+				<tr>
+					<th>data-direction</th>
+					<td>reverse (reverse page transition animation)</td>
+				</tr>
+				<tr>
+					<th>data-dom-cache</th>
+					<td>true | <strong>false</strong></td>
+				</tr>
+				<tr>
+					<th>data-prefetch</th>
+					<td>true | <strong>false</strong></td>
+				</tr>
+				<tr>
+					<th>data-rel</th>
+					<td>back (to move one step back in history)<br />
+						dialog (to open link styled as dialog, not tracked in history)<br />
+						external (for linking to another domain)</td>
+				</tr>
+				<tr>
+					<th>data-transition</th>
+					<td><strong>slide</strong> | slideup | slidedown | pop | fade | flip</td>
+				</tr>
+			</table>
+
+			<h2><a href="../lists/docs-lists.html">Listview</a></h2>
+			<p>OL or UL with <code>data-role="listview"</code></p>
+			<table>
+				<tr>
+					<th>data-count-theme</th>
+					<td>swatch letter (a-z)</td>
+				</tr>
+				<tr>
+					<th>data-divider-theme</th>
+					<td>swatch letter (a-z)</td>
+				</tr>
+				<tr>
+					<th>data-filter</th>
+					<td>true | <strong>false</strong></td>
+				</tr>
+				<tr>
+					<th>data-filter-placeholder</th>
+					<td>string</td>
+				</tr>
+				<tr>
+					<th>data-filter-theme</th>
+					<td>swatch letter (a-z)</td>
+				</tr>
+				<tr>
+					<th>data-inset</th>
+					<td>true | <strong>false</strong></td>
+				</tr>
+				<tr>
+					<th>data-split-icon</th>
+					<td>home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search</td>
+				</tr>
+				<tr>
+					<th>data-split-theme</th>
+					<td>swatch letter (a-z)<td>
+				</tr>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z)</td>
+				</tr>
+			</table>
+
+			<h2><a href="../lists/docs-lists.html">Listview item</a></h2>
+			<p>LI within a listview</p>
+			<table>
+				<tr>
+					<th>data-filtertext</th>
+					<td>string (filter by this value instead of inner text)</td>
+				</tr>
+				<tr>
+					<th>data-icon</th>
+					<td>home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search</td>
+				</tr>
+				<tr>
+					<th>data-role</th>
+					<td>list-divider</td>
+				</tr>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z) - can also be set on individual LIs</td>
+				</tr>
+			</table>
+			<h2><a href="../toolbars/docs-navbar.html">Navbar</a></h2>
+			<p>A number of LIs wrapped in a container with <code>data-role="navbar"</code></p>
+			<table>
+				<tr>
+					<th>data-icon</th>
+					<td>home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search</td>
+				</tr>
+				<tr>
+					<th>data-iconpos</th>
+					<td><strong>left</strong> | right | top | bottom |  notext</td>
+				</tr>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z) - can also be set on individual LIs</td>
+				</tr>
+			</table>
+			<h2><a href="../pages/page-anatomy.html">Page</a></h2>
+			<p>Container with <code>data-role="page"</code></p>
+			<table>
+				<tr>
+					<th>data-add-back-btn</th>
+					<td>true | <strong>false</strong> (auto add back button, header only)</td>
+				</tr>
+				<tr>
+					<th>data-back-btn-text</th>
+					<td>string</td>
+				</tr>
+				<tr>
+					<th>data-back-btn-theme</th>
+					<td>swatch letter (a-z)</td>
+				</tr>
+				<tr>
+					<th>data-close-btn-text</th>
+					<td>string (text for the close button, dialog only)</td>
+				</tr>
+				<tr>
+					<th>data-dom-cache</th>
+					<td>true | <strong>false</strong></td>
+				</tr>
+				<tr>
+					<th>data-fullscreen</th>
+					<td>true (used in conjunction with fixed toolbars) <p class="ui-bar-e">Deprecated in 1.1 - use on header and footer instead.</p></td>
+				</tr>
+				<tr>
+					<th>data-overlay-theme</th>
+					<td>swatch letter (a-z) - overlay theme when the page is opened in a dialog</td>
+				</tr>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z)</td>
+				</tr>
+				<tr>
+					<th>data-title</th>
+					<td>string (title used when page is shown)</td>
+				</tr>
+			</table>
+
+			<h2><a href="../forms/radiobuttons/">Radio button</a></h2>
+			<p>Pairs of labels and inputs with <code>type="radio"</code> are auto-enhanced, no <code>data-role</code> required</p>
+			<table>
+				<tr>
+					<th>data-mini</th>
+					<td>true | <strong>false</strong> - Compact sized version</td>
+				</tr>
+				<tr>
+					<th>data-role</th>
+					<td>none (prevents auto-enhancement to use native control)</td>
+				</tr>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z) - Added to the form element</td>
+				</tr>
+			</table>
+
+			<h2><a href="../forms/selects/">Select</a></h2>
+			<p>All <code>select</code> form elements are auto-enhanced, no <code>data-role</code> required</p>
+			<table>
+				<tr>
+					<th>data-icon</th>
+					<td>home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search</td>
+				</tr>
+				<tr>
+					<th>data-iconpos</th>
+					<td><strong>left</strong> | right | top | bottom |  notext</td>
+				</tr>
+				<tr>
+					<th>data-inline</th>
+					<td>true | <strong>false</strong></td>
+				</tr>
+				<tr>
+					<th>data-mini</th>
+					<td>true | <strong>false</strong> - Compact sized version</td>
+				</tr>
+				<tr>
+					<th>data-native-menu</th>
+					<td><strong>true</strong> | false</td>
+				</tr>
+				<tr>
+					<th>data-overlay-theme</th>
+					<td>swatch letter (a-z) - overlay theme for non-native selects</td>
+				</tr>
+				<tr>
+					<th>data-placeholder</th>
+					<td>true | false - Add to the Option</td>
+				</tr>
+				<tr>
+					<th>data-role</th>
+					<td>none (prevents auto-enhancement to use native control)</td>
+				</tr>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z) - Added to the form element</td>
+				</tr>
+			</table>
+			<p>Multiple selects can be wrapped in a fieldset with a <code>data-role="controlgroup"</code> attribute for a vertically grouped set. Add the <code>data-type="horizontal"</code> attribute for the selects to sit side-by-side.</p>
+
+			<h2><a href="../forms/slider/">Slider</a></h2>
+			<p>Inputs with <code>type="range"</code> are auto-enhanced, no <code>data-role</code> required</p>
+			<table>
+				<tr>
+					<th>data-highlight</th>
+					<td>true | <strong>false</strong> - Adds an active state fill on track to handle</td>
+				</tr>
+				<tr>
+					<th>data-mini</th>
+					<td>true | <strong>false</strong> - Compact sized version</td>
+				</tr>
+				<tr>
+					<th>data-role</th>
+					<td>none (prevents auto-enhancement to use native control)</td>
+				</tr>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z) - Added to the form element</td>
+				</tr>
+				<tr>
+					<th>data-track-theme</th>
+					<td>swatch letter (a-z) - Added to the form element</td>
+				</tr>
+			</table>
+
+			<h2><a href="../forms/textinputs/">Text input &amp; Textarea</a></h2>
+			<p>Input <code>type="text|number|search|etc."</code> or <code>textarea</code> elements are auto-enhanced, no <code>data-role</code> required</p>
+			<table>
+				<tr>
+					<th>data-mini</th>
+					<td>true | <strong>false</strong> - Compact sized version</td>
+				</tr>
+				<tr>
+					<th>data-role</th>
+					<td>none (prevents auto-enhancement to use native control)</td>
+				</tr>
+				<tr>
+					<th>data-theme</th>
+					<td>swatch letter (a-z) - Added to the form element</td>
+				</tr>
+			</table>
+
+		</div><!--/content -->
+
+	<div class="content-secondary">
+
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+				<h3>More in this section</h3>
+
+				<ul data-role="listview"  data-theme="c" data-dividertheme="d">
+
+					<li data-role="list-divider">API</li>
+					<li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
+					<li><a href="../../docs/api/events.html">Events</a></li>
+					<li><a href="../../docs/api/methods.html">Methods &amp; Utilities</a></li>
+					<li data-theme="a"><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
+					<li><a href="../../docs/api/themes.html">Theme framework</a></li>
+				</ul>
+		</div>
+	</div>
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/api/events-nav.html b/libs/js/jquery-mobile-1.1.0/docs/api/events-nav.html
new file mode 100644
index 00000000..01e82014
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/api/events-nav.html
@@ -0,0 +1,557 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Events</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+	
+</head>
+<body>
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Events</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		
+		<h2>Framework, Page, and Navigation Events</h2>
+		<p>jQuery Mobile's widget and navigation system has a full set of events at each stage of the page load and page change process that can be tapped into to take full control. This page will highlight the most commonly used events and what they do, and also provide chronologies of when these events are triggered during load and transitions.</p>
+		
+		
+		<h3>Framework events</h3>
+		
+		<p>When jQuery Mobile initializes, it triggers an event on the <code>document</code> that is specifically designed for overriding framework and plugin defaults. That event is called <code>mobileinit</code>, and by binding to it, you can ensure that any global or plugin configuration options are overridden to any value you'd like before they are used by the framework's initial execution. </p>
+		
+
+			<pre>
+				<code>
+$(document).bind("mobileinit", function(){
+  //apply overrides here
+});
+				</code>
+			</pre>
+		
+		<p>The tricky aspect of mobileinit is that you need to bind to it before jQuery Mobile executes, so a typical mobileinit workflow would occur in a script that is referenced after jQuery itself, but before jQuery Mobile.</p>
+		
+		<p>It should be noted that while you can bind to other events from within a <code>mobileinit</code> callback, it is likely that you'll get undesirable results in doing so. This is because many events, such as the page events below, are intended for external developers to use <em>after</em> jQuery Mobile's plugins have loaded.</p>
+		
+		<h3>Page creation events</h3>
+		
+		<p>In a jQuery Mobile application, each  view is known as a page. Pages generally begin as a regular HTML element with a <code>data-role="page"</code> attribute, and the framework's page widget enhances that element into a jQuery Mobile page control. In the process of enhancing that page, the widget dispatches several events that allow you to access that page and its child elements at different stages of creation.</p>
+		
+			<p>These events are:</p>
+		
+		<dl>
+				<dt>pagecreate</dt>
+				
+				<dd>This event is triggered on a page when it is first initialized by the page plugin. <code>pagecreate</code> is the most useful event for progressively enhancing a page's markup when it first loads, and because of this, many of jQuery Mobile's standard widgets bind to <code>pagecreate</code> to enhance markup within pages as well! If you bind to <code>pagecreate</code> in any script that is referenced after the jQuery Mobile framework, any native jQuery Mobile widgets in that page will be enhanced before your event callback executes. In other words, you'll be dealing with enhanced jQuery Mobile components.</dd>
+				
+				<dt>pagebeforecreate</dt>
+				
+				<dd>This event is triggered on a page element just before it is created by the page plugin. While the <code>pagecreate</code> event generally allows you to work with a page <strong>after</strong> its markup has been enhanced by jQuery Mobile, <code>pagebeforecreate</code> gives you access when the markup has not yet been enhanced. <code>pagebeforecreate</code> is useful for modifying markup before jQuery Mobile's widgets </dd>
+				
+				<dt>pageinit</dt>
+				
+				<dd><code>pageinit</code> is very similar to <code>pagecreate</code>, except that none of jQuery Mobile's standard widgets bind to it, and it is guaranteed to execute after all bound <code>pagecreate</code> callbacks have finished. If you need to bind to a page creation-time event via a script that is referenced before jQuery Mobile, binding to <code>pageinit</code> will ensure that you deal with enhanced page controls (whereas <code>pagecreate</code> will not, in that specific case.)</dd>
+				
+				
+		</dl>
+		
+		
+		<h3>Page navigation events</h3>
+		<p>After pages are created, they are often shown and hidden one or many times throughout the use of a jQuery Mobile app. For A-grade browsers with Ajax navigation support, the jQM navigation model manages these page behaviors and dispatches useful events at different steps in the process of showing, hiding, and changing.</p>
+		
+		<h4>Page showing events</h4>
+		<p>The page showing events (<code>pagebeforeshow</code> and <code>pageshow</code>) are guaranteed to fire every time a page is shown, whether you're opening a single page, or transitioning between two pages. The target of the event is the page that is being shown.</p>
+		
+		<dl> 
+			
+			<dt>pagebeforeshow</dt>
+			<dd>An event triggered on a page before it is shown.</dd>
+			
+		
+			<dt>pageshow</dt>
+			<dd>An event triggered on the page after it is shown.</dd>
+		</dl>	
+		
+		<h4>Page hiding events</h4>
+		<p>The page hiding events (<code>pagebeforehide</code> and <code>pagehide</code>) only fire when transitioning between two pages, when an outgoing page is being hidden in favor of a new one. The target of the event is the page that is being shown.</p>
+		<dl>	
+			<dt>pagebeforehide</dt>
+			<dd>An event triggered on a page before it is hidden.</dd>
+			
+			
+			<dt>pagehide</dt>
+			<dd>An event triggered on a page after it is hidden.</dd>
+			
+		<dl>
+			
+			
+		<p>When a single page is being shown, and no page is hidden, only the	<code>pagebeforeshow</code> and <code>pageshow</code> events will fire, and in that order.</p>
+		
+		<p>During a transition between two pages, all 4 of the events above will fire, in this order:</p>
+		<style>
+		.nav-flow ol,  .nav-flow li { margin:0; list-style-type: none; text-align:center; line-height:150%; }
+		.nav-flow h3 { margin:0; }
+		.nav-flow em { color:#999; }
+		</style>	
+		
+		<ol class="nav-flow">
+			<li><h3>pagebeforehide</h3></li>
+			<li>&darr;</li>
+			<li><h3>pagebeforeshow</h3></li>
+			<li>&darr;</li>
+			<li><h3>pagehide</h3></li>
+			<li>&darr;</li>
+			<li><h3>pageshow</h3></li>
+		</ol>
+		
+		
+		
+			
+		
+		<h3>Chronology</h3>
+		
+		
+		
+		
+		<p>Here is an overview of the event chronology for a page change</p>
+		
+		
+		
+		
+		<ol class="nav-flow">
+			<li><h3>mobileinit</h3> <em>Set global options here</em></li>
+			<li>&darr;</li>
+			<li><h3>pagebeforechange</h3></li>
+			<li><h3>pagebeforeload</h3></li>
+			<li>&darr;</li>
+			<li><em>Page loads via AJAX</em></li>
+			<li>&darr;</li>
+			<li><h3>pagebeforecreate</h3></li>
+			<li><h3>pagecreate</h3></li>
+			<li>&darr;</li>
+			<li><em>Page enhancements run</em></li>
+			<li>&darr;</li>
+			<li><h3>pageinit</h3><em> Our document.ready</em></li>
+			<li>&darr;</li>
+			<li><h3>pageload</h3></li>
+			<li><h3>pagebeforechange</h3></li>
+			<li><h3>pagebeforehide</h3></li>
+			<li><h3>pagebeforeshow</h3></li>
+			<li>&darr;</li>
+			<li><em>Page transition</em></li>
+			<li>&darr;</li>
+			<li><h3>pagehide</h3></li>
+			<li><h3>pageshow</h3></li>
+			<li><h3>pagechange</h3></li>
+			<li>&darr;</li>
+			<li><em>Complete</em></li>
+		</ol>
+
+		<p>You can bind to these events like you would with other jQuery events, using <code>live()</code> or <code>bind()</code>.</p>
+
+			<div class="ui-body ui-body-e">
+		<h4 style="margin:.5em 0">Important: Use <code>pageInit()</code>, not <code>$(document).ready()</code></h4>
+		<p>The first thing you learn in jQuery is to call code inside the <code>$(document).ready()</code> function so everything will execute as soon as the DOM is loaded. However, in jQuery Mobile, Ajax is used to load the contents of each page into the DOM as you navigate, and the DOM ready handler only executes for the first page. To execute code whenever a new page is loaded and created, you can bind to the <code>pageinit</code> event. This event is explained in detail at the bottom of this page.</p></div>
+
+      <p> &nbsp;</p>
+		<div class="ui-body ui-body-e">
+		<h4 style="margin:.5em 0">Important: <code>pageCreate()</code> vs <code>pageInit()</code></h4>
+   <p> Prior to Beta 2 the recommendation to users wishing to manipulate jQuery Mobile enhanced page and child widget markup was to bind to the <code>pagecreate</code> event. In Beta 2 an internal change was made to decouple each of the widgets by binding to the <code>pagecreate</code> event in place of direct calls to the widget methods. As a result, users binding to the <code>pagecreate</code> from within <code>mobileinit</code> would find their binding executing before the markup had been enhanced by each of the plugins. In keeping with the lifecycle of the jQuery UI Widget Factory, the initialization method is invoked <strong>after</strong> the create method, so the <code>pageinit</code> event provides the correct timing for post enhancement manipulation of the DOM and/or Javascript objects.</p>
+</div>
+
+		
+
+		<h2>Page load events</h2>
+        <p>Whenever an external page is loaded into the application DOM, 2 events are fired. The first is <code>pagebeforeload</code>. The 2nd event will be either <code>pageload</code> or <code>pageloadfailed</code>.</p>
+		<dl>
+			<dt><code>pagebeforeload</code></dt>
+			<dd><p>Triggered before any load request is made. Callbacks bound to this event can call <code>preventDefault()</code> on the event to indicate that they are handling the load request. Callbacks that do this *MUST* make sure they call <code>resolve()</code> or <code>reject()</code> on the deferred object reference contained in the data object passed to the callback.</p>
+			<p>The data object, passed as the 2nd arg to the callback function contains the following properties:</p>
+            <ul>
+            	<li><code>url</code> (string)
+<ul>
+           	    <li>The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.</li>
+          	    </ul>
+            	</li>
+            	<li><code>absUrl</code> (string)
+            	  <ul>
+            	    <li>The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.</li>
+          	    </ul>
+            	</li>
+            	<li><code>dataUrl</code> (string)
+            	  <ul>
+            	    <li>The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.</li>
+          	    </ul>
+            	</li>
+            	<li><code>deferred</code> (object)
+            	  <ul>
+            	    <li>Callbacks that call preventDefault() on the event, *MUST* call resolve() or reject() on this object so that changePage() requests resume processing. Deferred object observers expect the deferred object to be resolved like this:</p>
+                    <pre><code>
+$( document ).bind( &quot;pagebeforeload&quot;, function( event, data ){
+
+	// Let the framework know we're going to handle the load.
+
+	event.preventDefault();
+
+	// ... load the document then insert it into the DOM ...
+	// at some point, either in this callback, or through
+	// some other async means, call resolve, passing in
+	// the following args, plus a jQuery collection object
+	// containing the DOM element for the page.
+
+	data.deferred.resolve( data.absUrl, data.options, page );
+
+});</code></pre>
+                    <p>or rejected like this:
+                    <pre><code>
+$( document ).bind( &quot;pagebeforeload&quot;, function( event, data ){
+
+	// Let the framework know we're going to handle the load.
+
+	event.preventDefault();
+
+	// ... load the document then insert it into the DOM ...
+	// at some point, if the load fails, either in this
+	// callback, or through some other async means, call
+	// reject like this:
+
+	data.deferred.reject( data.absUrl, data.options );
+
+});</code></pre>
+                    </li>
+          	    </ul>
+            	</li>
+            	<li><code>options</code> (object)
+            	  <ul>
+            	    <li>This object contains the options that were passed into $.mobile.loadPage().</li>
+          	    </ul>
+            	</li>
+           	  </ul>
+            </dd>
+			<dt><code>pageload</code></dt>
+			<dd>Triggered after the page is successfully loaded and inserted into the DOM. Callbacks bound to this event will be passed a data object as its 2nd arg. This object contains the following information:
+            <ul>
+            	<li><code>url</code> (string)
+<ul>
+           	    <li>The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.</li>
+          	    </ul>
+            	</li>
+            	<li><code>absUrl</code> (string)
+            	  <ul>
+            	    <li>The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.</li>
+          	    </ul>
+            	</li>
+            	<li><code>dataUrl</code> (string)
+            	  <ul>
+            	    <li>The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.</li>
+          	    </ul>
+            	</li>
+            	<li><code>options</code> (object)
+            	  <ul>
+            	    <li>This object contains the options that were passed into $.mobile.loadPage().</li>
+          	    </ul>
+            	</li>
+            	<li><code>xhr</code> (object)
+            	  <ul>
+            	    <li>The jQuery XMLHttpRequest object used when attempting to load the page. This is what gets passed as the 3rd argument to the framework's $.ajax() success callback.</li>
+          	    </ul>
+            	</li>
+            	<li><code>textStatus</code> (null or string)
+            	  <ul>
+            	    <li>According to the jQuery Core <a href="http://api.jquery.com/jQuery.ajax/">documentation</a>, this will be a string describing the status. This is what gets passed as the 2nd argument to the framework's $.ajax() error callback.</li>
+          	    </ul>
+            	</li>
+           	  </ul>
+            </dd>
+			<dt><code>pageloadfailed</code></dt>
+			<dd>Triggered if the page load request failed. By default, after dispatching this event, the framework will display a page failed message and call reject() on the deferred object contained within the event's data object. Callbacks can prevent this default behavior from executing by calling preventDefault() on the event.
+			  <p>The data object, passed as the 2nd arg to the callback function contains the following properties:</p>
+              <ul>
+            	<li><code>url</code> (string)
+<ul>
+           	    <li>The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.</li>
+          	    </ul>
+            	</li>
+            	<li><code>absUrl</code> (string)
+            	  <ul>
+            	    <li>The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.</li>
+          	    </ul>
+            	</li>
+            	<li><code>dataUrl</code> (string)
+            	  <ul>
+            	    <li>The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.</li>
+          	    </ul>
+            	</li>
+            	<li><code>deferred</code> (object)
+            	  <ul>
+            	    <li>Callbacks that call preventDefault() on the event, *MUST* call resolve() or reject() on this object so that changePage() requests resume processing. Deferred object observers expect the deferred object to be resolved like this:</p>
+                    <pre><code>
+$( document ).bind( &quot;pageloadfailed&quot;, function( event, data ){
+
+	// Let the framework know we're going to handle things.
+
+	event.preventDefault();
+
+	// ... attempt to load some other page ...
+	// at some point, either in this callback, or through
+	// some other async means, call resolve, passing in
+	// the following args, plus a jQuery collection object
+	// containing the DOM element for the page.
+
+	data.deferred.resolve( data.absUrl, data.options, page );
+
+});</code></pre>
+                    <p>or rejected like this:
+                    <pre><code>
+$( document ).bind( &quot;pageloadfailed&quot;, function( event, data ){
+
+	// Let the framework know we're going to handle things.
+
+	event.preventDefault();
+
+	// ... attempt to load some other page ...
+	// at some point, if the load fails, either in this
+	// callback, or through some other async means, call
+	// reject like this:
+
+	data.deferred.reject( data.absUrl, data.options );
+
+});</code></pre>
+                    </li>
+          	    </ul>
+            	</li>
+            	<li><code>options</code> (object)
+            	  <ul>
+            	    <li>This object contains the options that were passed into $.mobile.loadPage().</li>
+          	    </ul>
+            	</li>
+            	<li><code>xhr</code> (object)
+            	  <ul>
+            	    <li>The jQuery XMLHttpRequest object used when attempting to load the page. This is what gets passed as the first argument to the framework's $.ajax() error callback.</li>
+          	    </ul>
+            	</li>
+            	<li><code>textStatus</code> (null or string)
+            	  <ul>
+            	    <li>According to the jQuery Core <a href="http://api.jquery.com/jQuery.ajax/">documentation</a>, possible values for this property, aside from null, are &quot;timeout&quot;, &quot;error&quot;, &quot;abort&quot;, and &quot;parsererror&quot;. This is what gets passed as the 2nd argument to the framework's $.ajax() error callback.</li>
+          	    </ul>
+            	</li>
+            	<li><code>errorThrown</code> (null, string, object)
+            	  <ul>
+            	    <li>According to the jQuery Core <a href="http://api.jquery.com/jQuery.ajax/">documentation</a>, this property may be an exception object if one occured, or if an HTTP error occured this will be set to the textual portion of the HTTP status. This is what gets passed as the 3rd argument to the framework's $.ajax() error callback.</li>
+          	    </ul>
+            	</li>
+           	  </ul>
+			</dd>
+		</dl>
+		<h2>Page change events</h2>
+		<p>Navigating between pages in the application is usually accomplished through a call to <code>$.mobile.changePage()</code>. This function is responsible for making sure that the page we are navigating to is loaded and inserted into the DOM, and then kicking off the transition animations between the current active page, and the page the caller wants to to make active. During this process, which is usually asynchronous, changePage() will fire off 2 events. The first is <code>pagebeforechange</code>. The second event depends on the success or failure of the change request. It will either be <code>pagechange</code> or <code>pagechangefailed</code>.</p>
+		<dl>
+			<dt><code>pagebeforechange</code></dt>
+			<dd>This event is triggered prior to any page loading or transition. Callbacks can prevent execution of the changePage() function by calling preventDefault on the event object passed into the callback. The callback also recieves a data object as its 2nd arg. The data object has the following properties:
+            <ul>
+				<li><code>toPage</code> (object or string)
+					<ul>
+						<li>This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.</li>
+					</ul>
+				</li>
+				<li><code>options</code> (object)
+					<ul>
+						<li>This object contains the configuration options to be used for the current changePage() call.</li>
+					</ul>
+				</li>
+			</ul>
+              <p>It should be noted that callbacks can modify both the <code>toPage</code> and <code>options</code> properties to alter the behavior of the current <code>changePage()</code> call. So for example, the <code>toPage</code> can be mapped to a different url from within a callback to do a sort of redirect.</p>
+            </dd>
+			<dt><code>pagechange</code></dt>
+			<dd>This event is triggered after the <code>changePage()</code> request has finished loading the page into the DOM and all page transition animations have completed. Note that any pageshow or pagehide events will have fired *BEFORE* this event is triggered. Callbacks for this particular event will be passed a data object as the 2nd arg. The properties for this object are as follows:
+            <ul>
+				<li><code>toPage</code> (object or string)
+					<ul>
+						<li>This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.</li>
+					</ul>
+				</li>
+				<li><code>options</code> (object)
+					<ul>
+						<li>This object contains the configuration options to be used for the current changePage() call.</li>
+					</ul>
+				</li>
+			</ul>
+            </dd>
+			<dt><code>pagechangefailed</code></dt>
+			<dd>This event is triggered when the <code>changePage()</code> request fails to load the page. Callbacks for this particular event will be passed a data object as the 2nd arg. The properties for this object are as follows:
+            <ul>
+				<li><code>toPage</code> (object or string)
+					<ul>
+						<li>This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.</li>
+					</ul>
+				</li>
+				<li><code>options</code> (object)
+					<ul>
+						<li>This object contains the configuration options to be used for the current changePage() call.</li>
+					</ul>
+				</li>
+			</ul>
+            </dd>
+            </dl>
+		<h2>Page transition events</h2>
+		<p>Page transitions are used to animate the change from the current active page (fromPage) to a new page (toPage). Events are triggered before and after these transitions so that observers can be notified whenever pages are shown or hidden. The events triggered are as follows:</p>
+		<dl>
+			<dt><code>pagebeforeshow</code></dt>
+			<dd>Triggered on the "toPage" we are transitioning to, before the actual transition animation is kicked off. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
+			<ul>
+				<li><code>prevPage</code> (object)
+					<ul>
+						<li>A jQuery collection object that contains the page DOM element that we are transitioning away from. Note that this collection is empty when the first page is transitioned in during application startup.</li>
+					</ul>
+				</li>
+			</ul>
+            </dd>
+
+			<dt><code>pagebeforehide</code></dt>
+			<dd>Triggered on the "fromPage" we are transitioning away from, before the actual transition animation is kicked off. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
+			<ul>
+				<li><code>nextPage</code> (object)
+					<ul>
+						<li>A jQuery collection object that contains the page DOM element that we are transitioning to.</li>
+					</ul>
+				</li>
+			</ul>
+			<p>Note that this event will not be dispatched during the transition of the first page at application startup since there is no previously active page.</p>
+          </dd>
+
+			<dt><code>pageshow</code></dt>
+			<dd>Triggered on the "toPage" after the transition animation has completed. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
+			<ul>
+				<li><code>prevPage</code> (object)
+					<ul>
+						<li>A jQuery collection object that contains the page DOM element that we just transitioned away from. Note that this collection is empty when the first page is transitioned in during application startup.</li>
+					</ul>
+				</li>
+			</ul>
+          </dd>
+
+			<dt><code>pagehide</code></dt>
+			<dd>Triggered on the "fromPage" after the transition animation has completed. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
+			<ul>
+				<li><code>nextPage</code> (object)
+					<ul>
+						<li>A jQuery collection object that contains the page DOM element that we just transitioned to.</li>
+					</ul>
+				</li>
+			</ul>
+			<p>Note that this event will not be dispatched during the transition of the first page at application startup since there is no previously active page.</p>
+          </dd>
+
+		</dl>
+
+		<p>You can access the <code>prevPage</code> or <code>nextPage</code> properties via the second argument of a bound callback function. For example: </p>
+<pre><code>
+$( 'div' ).live( 'pageshow',function(event, ui){
+  alert( 'This page was just hidden: '+ ui.prevPage);
+});
+
+$( 'div' ).live( 'pagehide',function(event, ui){
+  alert( 'This page was just shown: '+ ui.nextPage);
+});
+</code></pre>
+		<p>Also, for these handlers to be invoked during the initial page load, you must bind them before jQuery Mobile executes.  This can be done in the <code>mobileinit</code> handler, as described on the <a href="globalconfig.html">global config</a> page.
+		<h2>Page initialization events</h2>
+
+		<p>Internally, jQuery Mobile auto-initializes plugins based on the markup conventions found in a given "page". For example, an <code>input</code> element with a <code>type</code> of <code>range</code> will automatically generate a custom slider control.</p>
+
+		<p>This auto-initialization is controlled by the "page" plugin, which dispatches events before and after it executes, allowing you to manipulate a page either pre-or-post initialization, or even provide your own intialization behavior and prevent the auto-initializations from occuring. Note that these events will only fire once per "page", as opposed to the show/hide events, which fire every time a page is shown and hidden.</p>
+
+		<dl>
+			<dt><code>pagebeforecreate</code></dt>
+			<dd>
+				<p>Triggered on the page being initialized, before most plugin auto-initialization occurs.</p>
+<pre><code>
+$( '#aboutPage' ).live( 'pagebeforecreate',function(event){
+  alert( 'This page was just inserted into the dom!' );
+});
+</code></pre>
+				<p>Note that by binding to <code>pagebeforecreate</code>, you can manipulate markup before jQuery Mobile's default widgets are auto-initialized. For example, say you want to add data-attributes via JavaScript instead of in the HTML source, this is the event you'd use.</p>
+
+<pre><code>
+$( '#aboutPage' ).live( 'pagebeforecreate',function(event){
+  // manipulate this page before its widgets are auto-initialized
+});
+</code></pre>
+			</dd>
+
+			<dt><code>pagecreate</code></dt>
+			<dd>
+				<p>Triggered when the page has been created in the DOM (via ajax or other) but before all widgets have had an opportunity to enhance the contained markup. This event is most useful for user's wishing to create their own custom widgets for child markup enhancement as the jquery mobile widgets do.</p>
+<pre><code>
+$( '#aboutPage' ).live( 'pagecreate',function(event){
+  ( ":jqmData(role='sweet-plugin')" ).sweetPlugin();
+});
+</code></pre>
+			</dd>
+
+			<dt><code>pageinit</code></dt>
+			<dd>
+				<p>Triggered on the page being initialized, after initialization occurs. We recommend binding to this event instead of DOM ready() because this will work regardless of whether the page is loaded directly or if the content is pulled into another page as part of the Ajax navigation system.</p>
+<pre><code>
+$( '#aboutPage' ).live( 'pageinit',function(event){
+  alert( 'This page was just enhanced by jQuery Mobile!' );
+});
+</code></pre>
+			</dd>
+		</dl>
+
+
+
+		<h2>Page remove events</h2>
+		<p>By default, the framework removes any non active dynamically loaded external pages from the DOM as soon as the user navigates away to a different page. The <code>pageremove</code> event is dispatched just before the framework attempts to remove the a page from the DOM.</p>
+		<dl>
+			<dt><code>pageremove</code></dt>
+			<dd>This event is triggered just before the framework attempts to remove an external page from the DOM. Event callbacks can call preventDefault on the event object to prevent the page from being removed.
+			</dd>
+		</dl>
+
+
+    </div><!--/content-secondary -->
+
+	<div class="content-secondary">
+
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+				<h3>More in this section</h3>
+
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+					<li data-role="list-divider">API</li>
+					<li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
+					<li data-theme="a"><a href="../../docs/api/events.html">Events</a></li>
+					<li><a href="../../docs/api/methods.html">Methods &amp; Utilities</a></li>
+					<li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
+					<li><a href="../../docs/api/themes.html">Theme framework</a></li>
+
+				</ul>
+		</div>
+	</div>
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/api/events.html b/libs/js/jquery-mobile-1.1.0/docs/api/events.html
new file mode 100644
index 00000000..b9e20046
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/api/events.html
@@ -0,0 +1,514 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Events</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Events</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<p>jQuery Mobile offers several custom events that build upon native events to create useful hooks for development. Note that these events employ various touch, mouse, and window events, depending on event existence, so you can bind to them for use in both handheld and desktop environments. You can bind to these events like you would with other jQuery events, using <code>live()</code> or <code>bind()</code>.</p>
+
+			<div class="ui-body ui-body-e">
+		<h4 style="margin:.5em 0">Important: Use <code>$(document).bind('pageinit')</code>, not <code>$(document).ready()</code></h4>
+		<p>The first thing you learn in jQuery is to call code inside the <code>$(document).ready()</code> function so everything will execute as soon as the DOM is loaded. However, in jQuery Mobile, Ajax is used to load the contents of each page into the DOM as you navigate, and the DOM ready handler only executes for the first page. To execute code whenever a new page is loaded and created, you can bind to the <code>pageinit</code> event. This event is explained in detail at the bottom of this page.</p></div>
+
+      <p> &nbsp;</p>
+		<div class="ui-body ui-body-e">
+		<h4 style="margin:.5em 0">Important: <code>$(document).bind('pagecreate')</code> vs <code>$(document).bind('pageinit')</code></h4>
+   <p> Prior to Beta 2 the recommendation to users wishing to manipulate jQuery Mobile enhanced page and child widget markup was to bind to the <code>pagecreate</code> event. In Beta 2 an internal change was made to decouple each of the widgets by binding to the <code>pagecreate</code> event in place of direct calls to the widget methods. As a result, users binding to the <code>pagecreate</code> in <code>mobileinit</code> would find their binding executing before the markup had been enhanced by each of the plugins. In keeping with the lifecycle of the jQuery UI Widget Factory, the initialization method is invoked <strong>after</strong> the create method, so the <code>pageinit</code> event provides the correct timing for post enhancement manipulation of the DOM and/or Javascript objects.
+
+		In short, if you were previously using <code>pagecreate</code> to manipulate the enhanced markup before the page was shown, it's very likely you'll want to migrate to 'pageinit'.
+		</p></div>
+
+		<h2>Touch events</h2>
+		<dl>
+			<dt><code>tap</code></dt>
+			<dd>Triggers after a quick, complete touch event.</dd>
+
+			<dt><code>taphold</code></dt>
+			<dd>Triggers after a held complete touch event (close to one second).</dd>
+
+			<dt><code>swipe</code></dt>
+			<dd><p>Triggers when a horizontal drag of 30px or more (and less than 20px vertically) occurs within 1 second duration but these can be configured:</p>
+			  <ul>
+			  	<li><code>scrollSupressionThreshold</code> (default: 10px) – More than this horizontal displacement, and we will suppress scrolling</li>
+			  	<li><code>durationThreshold</code> (default: 1000ms) – More time than this, and it isn’t a swipe</li>
+			  	<li><code>horizontalDistanceThreshold</code> (default: 30px) – Swipe horizontal displacement must be more than this.</li>
+			  	<li><code>verticalDistanceThreshold</code> (default: 75px) – Swipe vertical displacement must be less than this.</li>
+			  	</ul>
+			</dd>
+
+			<dt><code>swipeleft</code></dt>
+			<dd>Triggers when a swipe event occurred moving in the left direction.</dd>
+
+			<dt><code>swiperight</code></dt>
+			<dd>Triggers when a swipe event occurred moving in the right direction.</dd>
+			</dl>
+
+			<h2>Virtual mouse events</h2>
+			<p>We provide a set of "virtual" mouse events that attempt to abstract away mouse and touch events. This allows the developer to register listeners for the basic mouse events, such as mousedown, mousemove, mouseup, and click, and the plugin will take care of registering the correct listeners behind the scenes to invoke the listener at the fastest possible time for that device. In touch environments, the plugin retains the order of event firing that is seen in traditional mouse environments, so for example, vmouseup is always dispatched before vmousedown, and vmousedown before vclick, etc. The virtual mouse events also normalize how coordinate information is extracted from the event, so in touch based environments, coordinates are available from the pageX, pageY, screenX, screenY, clientX, and clientY properties, directly on the event object.</p>
+			<dl>
+				<dt><code>vmouseover</code></dt>
+				<dd>Normalized event for handling touch or  <code>mouseover</code> events</dd>
+
+				<dt><code>vmousedown</code></dt>
+				<dd>Normalized event for handling touchstart or  <code>mousedown</code> events</dd>
+
+				<dt><code>vmousemove</code></dt>
+				<dd>Normalized event for handling touchmove or  <code>mousemove</code> events</dd>
+
+				<dt><code>vmouseup</code></dt>
+				<dd>Normalized event for handling touchend or  <code>mouseup</code> events</dd>
+
+				<dt><code>vclick</code></dt>
+				<dd>Normalized event for handling touchend or mouse <code>click</code> events. On touch devices, this event is dispatched *AFTER* vmouseup. </dd>
+
+				<dt><code>vmousecancel</code></dt>
+				<dd>Normalized event for handling touch or mouse <code>mousecancel</code> events</dd>
+			</dl>
+
+			<div class="ui-body ui-body-e">
+				<h4 style="margin:.5em 0">Warning: Use vclick with caution</h4>
+				<p> Use vclick with caution on touch devices. Webkit based browsers synthesize <code>mousedown</code>, <code>mouseup</code>, and <code>click</code> events roughly 300ms after the <code>touchend</code> event is dispatched. The target of the synthesized mouse events are calculated at the time they are dispatched and are based on the location of the touch events and, in some cases, the implementation specific heuristics which leads to different target calculations on different devices and even different OS versions for the same device. This means the target element within the original touch events could be different from the target element within the synthesized mouse events.</p>
+	            <p>We recommend using <code>click</code> instead of <code>vclick</code> anytime the action being triggered has the possibility of changing the content underneath the point that was touched on screen. This includes page transitions and other behaviors such as collapse/expand that could result in the screen shifting or content being completely replaced.</p>
+			</div>
+			<p>&nbsp;</p>
+			<div class="ui-body ui-body-e">
+				<h4 style="margin:.5em 0">Canceling an elements default click behavior</h4>
+				<p>Applications can call <code>preventDefault()</code> on a <code>vclick</code> event to cancel an element's default click behavior. On mouse based devices, calling <code>preventDefault()</code> on a <code>vclick</code> event equates to calling <code>preventDefault()</code> on the real <code>click</code> event during the bubble event phase. On touch based devices, it's a bit more complicated since the actual <code>click</code> event is dispatched about 300ms after the <code>vclick</code> event is dispatched. For touch devices, calling <code>preventDefault()</code> on a <code>vclick</code> event triggers some code in the vmouse plugin that attempts to catch the next <code>click</code> event that gets dispatched by the browser, during the capture event phase, and calls <code>preventDefault()</code> and <code>stopPropagation()</code> on it. As mentioned in the warning above, it is sometimes difficult to match up a touch event with its corresponding mouse event because the targets can differ. For this reason, the vmouse plugin also falls back to attempting to identify a corresponding <code>click</code> event by coordinates. There are still cases where both target and coordinate identification fail, which results in the <code>click</code> event being dispatched and either triggering the default action of the element, or in the case where content has been shifted or replaced, triggering a click on a different element. If this happens on a regular basis for a given element/control, we suggest you use <code>click</code> for triggering your action.</p>
+			</div>
+
+		<h2>Orientation change event</h2>
+		<dl>
+			<dt><code>orientationchange</code></dt>
+			<dd>Triggers when a device orientation changes (by turning it vertically or horizontally). When bound to this event, your callback function can leverage a second argument, which contains an <code>orientation</code> property equal to either "portrait" or "landscape". These values are also added as classes to the HTML element, allowing you to leverage them in your CSS selectors. Note that we currently bind to the resize event when <code>orientationchange</code> is not natively supported, or when <code>$.mobile.orientationChangeEnabled</code> is set to false.</dd>
+			<div class="ui-body ui-body-e">
+				<h4>orientationchange timing</h4>
+
+			<p>	The timing of the <code>orientationchange</code> with relation to the change of the client height and width is different between browsers, though the current implementation will give you the correct value for <code>event.orientation</code> derived from <code>window.orientation</code>. This means that if your bindings are dependent on the height and width values you may want to disable <code>orientationChange</code> all together with <code>$.mobile.orientationChangeEnabled = false</code> to let the fallback resize code trigger your bindings.</p>
+			</div>
+		</dl>
+
+		<h2>Scroll events</h2>
+		<dl>
+			<dt><code>scrollstart</code></dt>
+			<dd>Triggers when a scroll begins. Note that iOS devices freeze DOM manipulation during scroll, queuing them to apply when the scroll finishes. We're currently investigating ways to allow DOM manipulations to apply before a scroll starts.</dd>
+		</dl>
+		<dl>
+			<dt><code>scrollstop</code></dt>
+			<dd>Triggers when a scroll finishes.</dd>
+		</dl>
+
+		<h2>Page load events</h2>
+        <p>Whenever an external page is loaded into the application DOM, 2 events are fired. The first is <code>pagebeforeload</code>. The 2nd event will be either <code>pageload</code> or <code>pageloadfailed</code>.</p>
+		<dl>
+			<dt><code>pagebeforeload</code></dt>
+			<dd><p>Triggered before any load request is made. Callbacks bound to this event can call <code>preventDefault()</code> on the event to indicate that they are handling the load request. Callbacks that do this *MUST* make sure they call <code>resolve()</code> or <code>reject()</code> on the deferred object reference contained in the data object passed to the callback.</p>
+			<p>The data object, passed as the 2nd arg to the callback function contains the following properties:</p>
+            <ul>
+            	<li><code>url</code> (string)
+<ul>
+           	    <li>The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.</li>
+          	    </ul>
+            	</li>
+            	<li><code>absUrl</code> (string)
+            	  <ul>
+            	    <li>The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.</li>
+          	    </ul>
+            	</li>
+            	<li><code>dataUrl</code> (string)
+            	  <ul>
+            	    <li>The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.</li>
+          	    </ul>
+            	</li>
+            	<li><code>deferred</code> (object)
+            	  <ul>
+            	    <li>Callbacks that call preventDefault() on the event, *MUST* call resolve() or reject() on this object so that changePage() requests resume processing. Deferred object observers expect the deferred object to be resolved like this:</p>
+                    <pre><code>
+$( document ).bind( &quot;pagebeforeload&quot;, function( event, data ){
+
+	// Let the framework know we're going to handle the load.
+
+	event.preventDefault();
+
+	// ... load the document then insert it into the DOM ...
+	// at some point, either in this callback, or through
+	// some other async means, call resolve, passing in
+	// the following args, plus a jQuery collection object
+	// containing the DOM element for the page.
+
+	data.deferred.resolve( data.absUrl, data.options, page );
+
+});</code></pre>
+                    <p>or rejected like this:
+                    <pre><code>
+$( document ).bind( &quot;pagebeforeload&quot;, function( event, data ){
+
+	// Let the framework know we're going to handle the load.
+
+	event.preventDefault();
+
+	// ... load the document then insert it into the DOM ...
+	// at some point, if the load fails, either in this
+	// callback, or through some other async means, call
+	// reject like this:
+
+	data.deferred.reject( data.absUrl, data.options );
+
+});</code></pre>
+                    </li>
+          	    </ul>
+            	</li>
+            	<li><code>options</code> (object)
+            	  <ul>
+            	    <li>This object contains the options that were passed into $.mobile.loadPage().</li>
+          	    </ul>
+            	</li>
+           	  </ul>
+            </dd>
+			<dt><code>pageload</code></dt>
+			<dd>Triggered after the page is successfully loaded and inserted into the DOM. Callbacks bound to this event will be passed a data object as its 2nd arg. This object contains the following information:
+            <ul>
+            	<li><code>url</code> (string)
+<ul>
+           	    <li>The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.</li>
+          	    </ul>
+            	</li>
+            	<li><code>absUrl</code> (string)
+            	  <ul>
+            	    <li>The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.</li>
+          	    </ul>
+            	</li>
+            	<li><code>dataUrl</code> (string)
+            	  <ul>
+            	    <li>The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.</li>
+          	    </ul>
+            	</li>
+            	<li><code>options</code> (object)
+            	  <ul>
+            	    <li>This object contains the options that were passed into $.mobile.loadPage().</li>
+          	    </ul>
+            	</li>
+            	<li><code>xhr</code> (object)
+            	  <ul>
+            	    <li>The jQuery XMLHttpRequest object used when attempting to load the page. This is what gets passed as the 3rd argument to the framework's $.ajax() success callback.</li>
+          	    </ul>
+            	</li>
+            	<li><code>textStatus</code> (null or string)
+            	  <ul>
+            	    <li>According to the jQuery Core <a href="http://api.jquery.com/jQuery.ajax/">documentation</a>, this will be a string describing the status. This is what gets passed as the 2nd argument to the framework's $.ajax() error callback.</li>
+          	    </ul>
+            	</li>
+           	  </ul>
+            </dd>
+			<dt><code>pageloadfailed</code></dt>
+			<dd>Triggered if the page load request failed. By default, after dispatching this event, the framework will display a page failed message and call reject() on the deferred object contained within the event's data object. Callbacks can prevent this default behavior from executing by calling preventDefault() on the event.
+			  <p>The data object, passed as the 2nd arg to the callback function contains the following properties:</p>
+              <ul>
+            	<li><code>url</code> (string)
+<ul>
+           	    <li>The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.</li>
+          	    </ul>
+            	</li>
+            	<li><code>absUrl</code> (string)
+            	  <ul>
+            	    <li>The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.</li>
+          	    </ul>
+            	</li>
+            	<li><code>dataUrl</code> (string)
+            	  <ul>
+            	    <li>The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.</li>
+          	    </ul>
+            	</li>
+            	<li><code>deferred</code> (object)
+            	  <ul>
+            	    <li>Callbacks that call preventDefault() on the event, *MUST* call resolve() or reject() on this object so that changePage() requests resume processing. Deferred object observers expect the deferred object to be resolved like this:</p>
+                    <pre><code>
+$( document ).bind( &quot;pageloadfailed&quot;, function( event, data ){
+
+	// Let the framework know we're going to handle things.
+
+	event.preventDefault();
+
+	// ... attempt to load some other page ...
+	// at some point, either in this callback, or through
+	// some other async means, call resolve, passing in
+	// the following args, plus a jQuery collection object
+	// containing the DOM element for the page.
+
+	data.deferred.resolve( data.absUrl, data.options, page );
+
+});</code></pre>
+                    <p>or rejected like this:
+                    <pre><code>
+$( document ).bind( &quot;pageloadfailed&quot;, function( event, data ){
+
+	// Let the framework know we're going to handle things.
+
+	event.preventDefault();
+
+	// ... attempt to load some other page ...
+	// at some point, if the load fails, either in this
+	// callback, or through some other async means, call
+	// reject like this:
+
+	data.deferred.reject( data.absUrl, data.options );
+
+});</code></pre>
+                    </li>
+          	    </ul>
+            	</li>
+            	<li><code>options</code> (object)
+            	  <ul>
+            	    <li>This object contains the options that were passed into $.mobile.loadPage().</li>
+          	    </ul>
+            	</li>
+            	<li><code>xhr</code> (object)
+            	  <ul>
+            	    <li>The jQuery XMLHttpRequest object used when attempting to load the page. This is what gets passed as the first argument to the framework's $.ajax() error callback.</li>
+          	    </ul>
+            	</li>
+            	<li><code>textStatus</code> (null or string)
+            	  <ul>
+            	    <li>According to the jQuery Core <a href="http://api.jquery.com/jQuery.ajax/">documentation</a>, possible values for this property, aside from null, are &quot;timeout&quot;, &quot;error&quot;, &quot;abort&quot;, and &quot;parsererror&quot;. This is what gets passed as the 2nd argument to the framework's $.ajax() error callback.</li>
+          	    </ul>
+            	</li>
+            	<li><code>errorThrown</code> (null, string, object)
+            	  <ul>
+            	    <li>According to the jQuery Core <a href="http://api.jquery.com/jQuery.ajax/">documentation</a>, this property may be an exception object if one occured, or if an HTTP error occured this will be set to the textual portion of the HTTP status. This is what gets passed as the 3rd argument to the framework's $.ajax() error callback.</li>
+          	    </ul>
+            	</li>
+           	  </ul>
+			</dd>
+		</dl>
+		<h2>Page change events</h2>
+		<p>Navigating between pages in the application is usually accomplished through a call to <code>$.mobile.changePage()</code>. This function is responsible for making sure that the page we are navigating to is loaded and inserted into the DOM, and then kicking off the transition animations between the current active page, and the page the caller wants to to make active. During this process, which is usually asynchronous, changePage() will fire off 2 events. The first is <code>pagebeforechange</code>. The second event depends on the success or failure of the change request. It will either be <code>pagechange</code> or <code>pagechangefailed</code>.</p>
+		<dl>
+			<dt><code>pagebeforechange</code></dt>
+			<dd>This event is triggered prior to any page loading or transition. Callbacks can prevent execution of the changePage() function by calling preventDefault on the event object passed into the callback. The callback also recieves a data object as its 2nd arg. The data object has the following properties:
+            <ul>
+				<li><code>toPage</code> (object or string)
+					<ul>
+						<li>This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.</li>
+					</ul>
+				</li>
+				<li><code>options</code> (object)
+					<ul>
+						<li>This object contains the configuration options to be used for the current changePage() call.</li>
+					</ul>
+				</li>
+			</ul>
+              <p>It should be noted that callbacks can modify both the <code>toPage</code> and <code>options</code> properties to alter the behavior of the current <code>changePage()</code> call. So for example, the <code>toPage</code> can be mapped to a different url from within a callback to do a sort of redirect.</p>
+            </dd>
+			<dt><code>pagechange</code></dt>
+			<dd>This event is triggered after the <code>changePage()</code> request has finished loading the page into the DOM and all page transition animations have completed. Note that any pageshow or pagehide events will have fired *BEFORE* this event is triggered. Callbacks for this particular event will be passed a data object as the 2nd arg. The properties for this object are as follows:
+            <ul>
+				<li><code>toPage</code> (object or string)
+					<ul>
+						<li>This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.</li>
+					</ul>
+				</li>
+				<li><code>options</code> (object)
+					<ul>
+						<li>This object contains the configuration options to be used for the current changePage() call.</li>
+					</ul>
+				</li>
+			</ul>
+            </dd>
+			<dt><code>pagechangefailed</code></dt>
+			<dd>This event is triggered when the <code>changePage()</code> request fails to load the page. Callbacks for this particular event will be passed a data object as the 2nd arg. The properties for this object are as follows:
+            <ul>
+				<li><code>toPage</code> (object or string)
+					<ul>
+						<li>This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.</li>
+					</ul>
+				</li>
+				<li><code>options</code> (object)
+					<ul>
+						<li>This object contains the configuration options to be used for the current changePage() call.</li>
+					</ul>
+				</li>
+			</ul>
+            </dd>
+            </dl>
+		<h2>Page transition events</h2>
+		<p>Page transitions are used to animate the change from the current active page (fromPage) to a new page (toPage). Events are triggered before and after these transitions so that observers can be notified whenever pages are shown or hidden. The events triggered are as follows:</p>
+		<dl>
+			<dt><code>pagebeforeshow</code></dt>
+			<dd>Triggered on the "toPage" we are transitioning to, before the actual transition animation is kicked off. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
+			<ul>
+				<li><code>prevPage</code> (object)
+					<ul>
+						<li>A jQuery collection object that contains the page DOM element that we are transitioning away from. Note that this collection is empty when the first page is transitioned in during application startup.</li>
+					</ul>
+				</li>
+			</ul>
+            </dd>
+
+			<dt><code>pagebeforehide</code></dt>
+			<dd>Triggered on the "fromPage" we are transitioning away from, before the actual transition animation is kicked off. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
+			<ul>
+				<li><code>nextPage</code> (object)
+					<ul>
+						<li>A jQuery collection object that contains the page DOM element that we are transitioning to.</li>
+					</ul>
+				</li>
+			</ul>
+			<p>Note that this event will not be dispatched during the transition of the first page at application startup since there is no previously active page.</p>
+          </dd>
+
+			<dt><code>pageshow</code></dt>
+			<dd>Triggered on the "toPage" after the transition animation has completed. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
+			<ul>
+				<li><code>prevPage</code> (object)
+					<ul>
+						<li>A jQuery collection object that contains the page DOM element that we just transitioned away from. Note that this collection is empty when the first page is transitioned in during application startup.</li>
+					</ul>
+				</li>
+			</ul>
+          </dd>
+
+			<dt><code>pagehide</code></dt>
+			<dd>Triggered on the "fromPage" after the transition animation has completed. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
+			<ul>
+				<li><code>nextPage</code> (object)
+					<ul>
+						<li>A jQuery collection object that contains the page DOM element that we just transitioned to.</li>
+					</ul>
+				</li>
+			</ul>
+			<p>Note that this event will not be dispatched during the transition of the first page at application startup since there is no previously active page.</p>
+          </dd>
+
+		</dl>
+
+		<p>You can access the <code>prevPage</code> or <code>nextPage</code> properties via the second argument of a bound callback function. For example: </p>
+<pre><code>
+$( 'div' ).live( 'pageshow',function(event, ui){
+  alert( 'This page was just hidden: '+ ui.prevPage);
+});
+
+$( 'div' ).live( 'pagehide',function(event, ui){
+  alert( 'This page was just shown: '+ ui.nextPage);
+});
+</code></pre>
+		<p>Also, for these handlers to be invoked during the initial page load, you must bind them before jQuery Mobile executes.  This can be done in the <code>mobileinit</code> handler, as described on the <a href="globalconfig.html">global config</a> page.
+		<h2>Page initialization events</h2>
+
+		<p>Internally, jQuery Mobile auto-initializes plugins based on the markup conventions found in a given "page". For example, an <code>input</code> element with a <code>type</code> of <code>range</code> will automatically generate a custom slider control.</p>
+
+		<p>This auto-initialization is controlled by the "page" plugin, which dispatches events before and after it executes, allowing you to manipulate a page either pre-or-post initialization, or even provide your own intialization behavior and prevent the auto-initializations from occuring. Note that these events will only fire once per "page", as opposed to the show/hide events, which fire every time a page is shown and hidden.</p>
+
+		<dl>
+			<dt><code>pagebeforecreate</code></dt>
+			<dd>
+				<p>Triggered on the page being initialized, before most plugin auto-initialization occurs.</p>
+<pre><code>
+$( '#aboutPage' ).live( 'pagebeforecreate',function(event){
+  alert( 'This page was just inserted into the dom!' );
+});
+</code></pre>
+				<p>Note that by binding to <code>pagebeforecreate</code>, you can manipulate markup before jQuery Mobile's default widgets are auto-initialized. For example, say you want to add data-attributes via JavaScript instead of in the HTML source, this is the event you'd use.</p>
+
+<pre><code>
+$( '#aboutPage' ).live( 'pagebeforecreate',function(event){
+  // manipulate this page before its widgets are auto-initialized
+});
+</code></pre>
+			</dd>
+
+			<dt><code>pagecreate</code></dt>
+			<dd>
+				<p>Triggered when the page has been created in the DOM (via ajax or other) but before all widgets have had an opportunity to enhance the contained markup. This event is most useful for user's wishing to create their own custom widgets for child markup enhancement as the jquery mobile widgets do.</p>
+<pre><code>
+$( '#aboutPage' ).live( 'pagecreate',function(event){
+  ( ":jqmData(role='sweet-plugin')" ).sweetPlugin();
+});
+</code></pre>
+			</dd>
+
+			<dt><code>pageinit</code></dt>
+			<dd>
+				<p>Triggered on the page being initialized, after initialization occurs. We recommend binding to this event instead of DOM ready() because this will work regardless of whether the page is loaded directly or if the content is pulled into another page as part of the Ajax navigation system.</p>
+<pre><code>
+$( '#aboutPage' ).live( 'pageinit',function(event){
+  alert( 'This page was just enhanced by jQuery Mobile!' );
+});
+</code></pre>
+			</dd>
+		</dl>
+
+
+
+		<h2>Page remove events</h2>
+		<p>By default, the framework removes any non active dynamically loaded external pages from the DOM as soon as the user navigates away to a different page. The <code>pageremove</code> event is dispatched just before the framework attempts to remove the a page from the DOM.</p>
+		<dl>
+			<dt><code>pageremove</code></dt>
+			<dd>This event is triggered just before the framework attempts to remove an external page from the DOM. Event callbacks can call preventDefault on the event object to prevent the page from being removed.
+			</dd>
+		</dl>
+
+		<h2>Layout events</h2>
+		<p>Some components within the framework, such as collapsible and listview search, dynamically hide and show content based on user events. This hiding/showing of content affects the size of the page and may result in the browser adjusting/scrolling the viewport to accommodate the new page size. Since this has the potential to affect other components such as fixed headers and footers, components like collapsible and listview trigger a custom <code>updatelayout</code> event to notify other components that they may need to adjust their layouts in response to their content changes. Developers who are building dynamic applications that  inject, hide, or remove content from the page, or manipulate it in any way that affects the dimensions of the page, can also manually trigger this <code>updatelayout</code> event to ensure components on the page update in response to the changes.</p>
+		<dl>
+			<dt><code>updatelayout</code></dt>
+			<dd>This event is triggered by components within the framework that dynamically show/hide content, and is meant as a generic mechanism to notify other components that they may need to update their size or position. Within the framework, this event is fired on the component element whose content was shown/hidden, and bubbles all the way up to the document element.
+<pre><code>
+$( '#foo' ).hide().trigger( 'updatelayout' );
+</code></pre>
+            </dd>
+        </dl>
+
+		<h2>Animation Events</h2>
+		<p>jQuery Mobile exposes the <code>animationComplete</code> plugin, which you can utilize after adding or removing a class that applies a CSS transition.</p>
+
+    </div><!--/content-secondary -->
+
+	<div class="content-secondary">
+
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+				<h3>More in this section</h3>
+
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+					<li data-role="list-divider">API</li>
+					<li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
+					<li data-theme="a"><a href="../../docs/api/events.html">Events</a></li>
+					<li><a href="../../docs/api/methods.html">Methods &amp; Utilities</a></li>
+					<li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
+					<li><a href="../../docs/api/themes.html">Theme framework</a></li>
+
+				</ul>
+		</div>
+	</div>
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/api/globalconfig.html b/libs/js/jquery-mobile-1.1.0/docs/api/globalconfig.html
new file mode 100644
index 00000000..b2ce8c4d
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/api/globalconfig.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Configuring default settings</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Configuring Defaults</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content" data-theme="c">
+		<div class="content-primary">
+
+			<h2>Working with jQuery Mobile's Auto-initialization</h2>
+			<p>Unlike other jQuery projects, such as jQuery and jQuery UI, jQuery Mobile automatically applies many markup enhancements as soon as it loads (long before the <code>document.ready</code> event fires). These enhancements are applied based on jQuery Mobile's default settings, which are designed to work with common scenarios. If changes to the settings are needed, they are easy to configure.</p>
+
+			<h3>The mobileinit event</h3>
+			<p>When jQuery Mobile starts, it triggers a <code>mobileinit</code> event on the <code>document</code> object. To override default settings, bind to <code>mobileinit</code>.</p>
+
+			<pre>
+				<code>
+$(document).bind("mobileinit", function(){
+  //apply overrides here
+});
+				</code>
+			</pre>
+
+			<p>Because the <code>mobileinit</code> event is triggered immediately, you'll need to bind your event handler before jQuery Mobile is loaded. Link to your JavaScript files in the following order:</p>
+
+			<pre>
+				<code>
+&lt;script src=&quot;jquery.js&quot;&gt;&lt;/script&gt;
+<strong>&lt;script src=&quot;custom-scripting.js&quot;&gt;&lt;/script&gt;</strong>
+&lt;script src=&quot;jquery-mobile.js&quot;&gt;&lt;/script&gt;
+				</code>
+			</pre>
+
+			<p>You can override default settings by extending the <code>$.mobile</code> object using jQuery's <code>$.extend</code> method.</p>
+
+			<pre>
+				<code>
+$(document).bind("mobileinit", function(){
+  $.extend(  $.mobile , {
+    <strong>foo: bar</strong>
+  });
+});
+				</code>
+			</pre>
+
+			<p>Alternatively, you can set them using object property notation.</p>
+			<pre>
+				<code>
+$(document).bind("mobileinit", function(){
+  <strong>$.mobile.foo = bar;</strong>
+});
+				</code>
+			</pre>
+
+		<p>To explore the effects of global configuration options, see the <a href="../config/index.html">config test pages</a>.</p>
+
+		<h2>Configurable options</h2>
+		<p>The following defaults are configurable via the <code>$.mobile</code> object:</p>
+
+<dl>
+	<dt><code>activeBtnClass</code> <em>string</em>, default: "ui-btn-active"</dt>
+	<dd>The CSS class used for "active" button state.</dd>
+
+	<dt><code>activePageClass</code> <em>string</em>, default: "ui-page-active"</dt>
+	<dd>The CSS class used for the page currently in view or in a transition.</dd>
+
+	<dt><code>ajaxEnabled</code> <em>boolean</em>, default: true</dt>
+	<dd>jQuery Mobile will automatically handle link clicks and form submissions through Ajax, when possible. If false, URL hash listening will be disabled as well, and URLs will load as ordinary HTTP requests.</dd>
+
+	<dt><code>allowCrossDomainPages</code> <em>boolean</em>, default: false</dt>
+	<dd>When jQuery Mobile attempts to load an external page, the request runs through <code>$.mobile.loadPage()</code>. This will only allow cross-domain requests if <code>$.mobile.allowCrossDomainPages</code> is set to true. Because the jQuery Mobile framework tracks what page is being viewed within the browser's location hash, it is possible for a cross-site scripting (XSS) attack to occur if the XSS code in question can manipulate the hash and set it to a cross-domain URL of its choice. This is the main reason that the default setting for $.mobile.allowCrossDomainPages is set to false. In PhoneGap apps that must "phone home" by loading assets off a remote server, both the <code>$.support.cors</code> AND <code>$.mobile.allowCrossDomainPages</code> must be set to true.</dd>
+
+	<dt><code>autoInitializePage</code> <em>boolean</em>, default: true</dt>
+	<dd>When the DOM is ready, the framework should automatically call <code>$.mobile.initializePage</code>. If false, the page will not initialize and will be visually hidden until <code>$.mobile.initializePage</code> is manually called.</dd>
+
+	<dt><code>buttonMarkup.hoverDelay</code> <em>integer</em>, default: 200</dt>
+	<dd>Set the delay for touch devices to add the hover and down classes on touch interactions for buttons throughout the framework. Reducing the delay here results in a more responsive feeling ui, but will often result in the downstate being applied during page scrolling.</dd>
+
+	<dt><code>defaultDialogTransition</code> <em>string</em>, default: 'pop'</dt>
+	<dd>Set the default transition for dialog changes that use Ajax. Set to 'none' for no transitions.</dd>
+
+	<dt><code>defaultPageTransition</code> <em>string</em>, default: 'fade'</dt>
+	<dd>Set the default transition for page changes that use Ajax. Note: default changed from 'slide' to 'fade' in 1.1. Set to 'none' for no transitions.</dd>
+
+	<dt><code>gradeA</code> <em>function that returns a boolean</em>, default: a function returning the value of $.support.mediaquery</dt>
+	<dd>Any support conditions that must be met in order to proceed.</dd>
+
+	<dt><code>hashListeningEnabled</code> <em>boolean</em>, default: true</dt>
+	<dd>jQuery Mobile will automatically listen and handle changes to the location.hash. Disabling this will prevent jQuery Mobile from handling hash changes, which allows you to handle them yourself or use simple deep-links within a document that scroll to a particular ID.</dd>
+
+	<dt><code>ignoreContentEnabled</code> <em>boolean</em>, default: false</dt>
+	<dd><em>Warning:</em> Setting this property to true will cause performance degradation on enhancement. Once set, all automatic enhancements made by the framework to each enhanceable element of the user's markup will first check for a <code>data-enhance=false</code> parent node. If one is found the markup will be ignored. This setting and the accompanying data attribute provide a mechanism through which users can prevent enhancement over large sections of markup.</dd>
+
+	<dt><code>linkBindingEnabled</code> <em>boolean</em>, default: true</dt>
+	<dd>jQuery Mobile will automatically bind the clicks on anchor tags in your document. Setting this options to false will prevent all anchor click handling <em>including</em> the addition of active button state and alternate link bluring. This should only be used when attempting to delegate the click management to another library or custom code.</dd>
+
+	<dt><code>loadingMessage</code> <em>string</em>, default: "loading"</dt>
+	<dd>Set the text that appears when a page is loading. If set to false, the message will not appear at all.</dd>
+
+	<dt><code>loadingMessageTextVisible</code> <em>boolean</em>, default: false</dt>
+	<dd>Whether the text should be visible when a loading message is shown. The text is always visible for loading errors.</dd>
+
+	<dt><code>loadingMessageTheme</code> <em>string</em>, default: "a"</dt>
+	<dd>The theme that the loading message box uses when text is visible.</dd>
+
+	<dt><code>minScrollBack</code> <em>string</em>, default: 250</dt>
+	<dd>Minimum scroll distance that will be remembered when returning to a page.</dd>
+
+	<dt><code>ns</code> <em>string</em>, default: ""</dt>
+	<dd>The namespace used in data- attributes (e.g., data-role). Can be set to any string, including a blank string which is the default. When using, it's clearest if you include a trailing dash, such as "mynamespace-" which maps to <code>data-mynamespace-foo="..."</code>.
+		<p>If you use data- namespacing, you will need to update/override one selector in the theme CSS. The following data selectors should incorporate the namespace you're using:
+		<pre><code>
+.ui-mobile [data-<strong>mynamespace-</strong>role=page], .ui-mobile [data-<strong>mynamespace-</strong>role=dialog], .ui-page { ...
+		</code></pre>
+		</p>
+	</dd>
+
+	<dt><code>pageLoadErrorMessage</code> <em>string</em>, default: "Error Loading Page"</dt>
+	<dd>Set the text that appears when a page fails to load through Ajax.</dd>
+
+	<dt><code>pageLoadErrorMessageTheme</code> <em>string</em>, default: "e"</dt>
+	<dd>Set the theme that the error message box uses.</dd>
+
+	<dt><code>pushStateEnabled</code> <em>boolean</em>, default: true</dt>
+	<dd>Enhancement to use <code>history.replaceState</code> in supported browsers, to convert the hash-based Ajax URL into the full document path. Note that we <a href="../pages/page-navmodel.html">recommend</a> disabling this feature if Ajax is disabled or if extensive use of external links are used.</dd>
+
+	<dt><code>subPageUrlKey</code> <em>string</em>, default: "ui-page"</dt>
+	<dd>The url parameter used for referencing widget-generated sub-pages (such as those generated by nested listviews). Translates to <em>example.html<strong>&ui-page=</strong>subpageIdentifier</em>. The hash segment before &ui-page= is used by the framework for making an Ajax request to the URL where the sub-page exists.</dd>
+
+	<dt><code>touchOverflowEnabled</code> <em>boolean</em>, default: false</dt>
+	<dd>Enable smoother page transitions and true fixed toolbars in devices that support both the <code>overflow:</code> and <code>overflow-scrolling: touch; </code> CSS properties. <strong>Note: Deprecated for 1.1.0.</strong></dd>
+
+</dl>
+	</div><!--/content-secondary -->
+
+	<div class="content-secondary">
+
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+				<h3>More in this section</h3>
+
+				<ul data-role="listview"  data-theme="c" data-dividertheme="d">
+
+					<li data-role="list-divider">API</li>
+					<li data-theme="a"><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
+					<li><a href="../../docs/api/events.html">Events</a></li>
+					<li><a href="../../docs/api/methods.html">Methods &amp; Utilities</a></li>
+					<li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
+					<li><a href="../../docs/api/themes.html">Theme framework</a></li>
+				</ul>
+		</div>
+	</div>
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/api/index.html b/libs/js/jquery-mobile-1.1.0/docs/api/index.html
new file mode 100644
index 00000000..95573ab8
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/api/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery UI Mobile Framework - API</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+<div data-role="page" class="type-index">
+
+<div data-role="header" data-theme="f">
+	<h1>API</h1>
+	<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+</div>
+
+<div data-role="content">
+	
+		
+		<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
+			<li data-role="list-divider">API</li>
+			<li><a href="globalconfig.html">Configuring defaults</a></li>
+			<li><a href="events.html">Events</a></li>
+			<li><a href="methods.html">Methods &amp; Utilities</a></li>
+			<li><a href="data-attributes.html">Data attribute reference</a></li>
+			<li><a href="themes.html">Theme framework</a></li>
+		</ul>
+
+</div>
+
+</div>
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/api/mediahelpers.html b/libs/js/jquery-mobile-1.1.0/docs/api/mediahelpers.html
new file mode 100644
index 00000000..abd2c155
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/api/mediahelpers.html
@@ -0,0 +1,133 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Responsive Layout Helpers</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" /> 
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Responsive Layout Helpers</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content" data-theme="c">
+			
+			<div class="content-primary">
+			<h2>Media Query Helper Classes</h2>
+<p class="ui-bar-e ui-body"><strong>Note: This feature was deprecated in beta, and removed in 1.0rc1. We recommend using CSS3 Media Queries instead.</strong> To support older versions of Internet Explorer, check out <a href="https://github.com/scottjehl/Respond">respond.js</a>, a fast &amp; lightweight polyfill for min/max-width CSS3 Media Queries.</p>
+			<p class="ui-bar-e ui-body">If you still need this feature, you can find the code here: <a href="https://raw.github.com/jquery/jquery-mobile/38d7ad8848f00b0921bf4ae723f3ad199eb851c1/js/jquery.mobile.media.classes.js">jquery.mobile.media.classes.js</a></p>
+			
+			<p>jQuery Mobile adds classes to the <code>HTML</code> element that mimic browser orientation and common min/max-width CSS media queries. These classes are updated on load, resize and orientationchange, allowing you to key off these classes in your CSS, to create <a href="http://www.alistapart.com/articles/responsive-web-design/">responsive layouts</a> - even in browsers that don't support media queries! </p>
+			
+			<h3>Orientation Classes </h3>
+
+			<p>The HTML element will always have a class of either <code>"portrait"</code> or <code>"landscape"</code>, depending on the orientation of the browser or device. You can utilize these in your CSS like this:</p>
+			<pre>
+			<code>
+.portrait {
+	/* portrait orientation changes go here! */
+}
+.landscape {
+	/* landscape orientation changes go here! */
+}			
+			</code>
+			</pre>
+			
+			<h3>Min/Max Width Breakpoint Classes</h3>
+			<p>By default, we create min and max breakpoint classes at the following widths: <code>320</code>,<code>480</code>,<code>768</code>,<code>1024</code>. These translate to classes that look like this: <code>"min-width-320px"</code>, <code>"max-width-480px"</code>, and are meant to be used as a replacement of (or in addition to) the media query equivalents they mimic.</p>
+<pre>
+			<code>
+.myelement { 
+	float: none;
+}			
+.min-width-480px .myelement {
+	float: left;
+}		
+			</code>
+</pre>		
+			
+			<p>Many plugins in jQuery Mobile leverage these width breakpoints. For example, form elements float beside their labels when the browser is wider than 480 pixels. The CSS to support this behavior for form text inputs looks like this:</p>
+			
+<pre>
+			<code>
+label.ui-input-text { 
+	display: block; 
+}
+.min-width-480px label.ui-input-text { 
+	display: inline-block; 
+}
+			</code>
+</pre>		
+
+			<h3>Adding Width Breakpoints</h3>
+		<p>To utilize width breakpoints of your own, jQuery Mobile exposes the <code>$.mobile.addResolutionBreakpoints </code> function, which accepts either a single number or array of numbers that will be added to the min/max breakpoints whenever they apply.</p>
+<pre>
+			<code>
+//add a min/max class for 1200 pixel widths			
+$.mobile.addResolutionBreakpoints(1200);
+
+//add min/max classes for 1200, and 1440 pixel widths			
+$.mobile.addResolutionBreakpoints([1200, 1440]);
+			</code>
+</pre>	
+
+<h3>Running Media Queries</h3>
+<p>jQuery Mobile provides a function that allows you to test whether a particular CSS Media Query applies. Simple call <code>$.mobile.media()</code> and pass a media type or query. If the browser supports that type or query, and it currently applies, the function will return true. If not, it'll return false.</p>
+
+<pre>
+			<code>
+//test for screen media type
+$.mobile.media("screen");
+
+//test  a min-width media query
+$.mobile.media("screen and (min-width: 480px)");
+
+//test for iOS retina display
+$.mobile.media("screen and (-webkit-min-device-pixel-ratio: 2)");
+
+			</code>
+</pre>
+					
+	</div><!--/content-secondary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview"  data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">API</li>
+					<li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
+					<li><a href="../../docs/api/events.html">Events</a></li>
+					<li><a href="../../docs/api/methods.html">Methods &amp; Utilities</a></li>
+					<li data-theme="a"><a href="../../docs/api/mediahelpers.html">Responsive Layout</a></li> 
+					<li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
+					<li><a href="../../docs/api/themes.html">Theme framework</a></li>
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/api/methods.html b/libs/js/jquery-mobile-1.1.0/docs/api/methods.html
new file mode 100644
index 00000000..363f3bc3
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/api/methods.html
@@ -0,0 +1,597 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Methods</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Methods</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+	<div class="content-primary">
+
+	  <p>jQuery Mobile exposes several methods and properties on the $.mobile object for use in your applications.</p>
+
+
+		<dl>
+			<dt><code>$.mobile.changePage</code> (<em>method</em>)</dt>
+			<dd>Programmatically change from one page to another. This method is used internally for the page loading and transitioning that occurs as a result of clicking a link or submitting a form, when those features are enabled.</dd>
+
+			<dd>
+
+				<dl>
+					<dt><code>&#183;</code> Arguments</dt>
+					<dd><code>to</code> (<em>string or object</em>, required)
+<ul>
+				<li>String: Absolute or relative URL. (&quot;about/us.html&quot;)</li>
+							<li>Object: jQuery collection object. (<code>$("#about")</code>)</li>
+						</ul>
+					</dd>
+
+					<dd><code>options</code> (<em>object</em>, optional)
+						<ul>
+							<li>Properties:
+								<ul>
+									<li><code>allowSamePageTransition</code> (<em>boolean</em>,	default:	false) By default, changePage() ignores requests to change to the current active page. Setting this option to true, allows the request to execute. Developers should note that some of the page transitions assume that the fromPage and toPage of a changePage request are different, so they may not animate as expected. Developers are responsible for either providing a proper transition, or turning it off for this specific case.</li>
+									<li><code>changeHash</code> (<em>boolean</em>,	default:	true) Decides if the hash in the location bar should be updated. </li>
+									<li><code>data</code> (<em>object</em> or	string,	default: undefined) The data to send with an Ajax page request.
+										<ul>
+											<li>Used only when the 'to' argument of changePage() is a URL.</li>
+										</ul>
+								  </li>
+									<li><code>dataUrl</code> (string,	default: undefined) The URL to use when updating the browser location upon changePage completion.
+								  If not specified, the value of the data-url attribute of the page element is used.</li>
+									<li><code>pageContainer</code> (jQuery collection,	default:	$.mobile.pageContainer) Specifies the element that should contain the page. </li>
+									<li><code>reloadPage</code> (<em>boolean</em>, default: false) Forces a reload of a page, even if it is already in the DOM of the page container.
+										<ul>
+											<li>Used only when the 'to' argument of changePage() is a URL.</li>
+										</ul>
+									</li>
+								  <li><code>reverse</code> (<em>boolean</em>,	default:	false) Decides what direction the transition will run when showing the page. </li>
+									<li><code>showLoadMsg</code> (<em>boolean</em>,	default:	true) Decides whether or not to show the loading message when loading external pages.</li>
+									<li><code>role</code> (<em>string</em>,	default:	undefined) The data-role value to be used when displaying the page. By default this is undefined which means rely on the value of the @data-role attribute defined on the element.</li>
+									<li><code>transition</code> (<em>string</em>,	default:	$.mobile.defaultPageTransition)	The transition to use when showing the page. </li>
+									<li><code>type</code> (<em>string</em>, default: &quot;get&quot;) Specifies the method ("get" or "post") to use when making a page request.
+										<ul>
+											<li>Used only when the 'to' argument of changePage() is a URL.</li>
+										</ul>
+									</li>
+								</ul>
+							</li>
+						</ul>
+					</dd>
+
+				</dl>
+			</dd>
+
+			<dd>Examples:
+			<pre>
+			<code>
+<strong>//transition to the "about us" page with a slideup transition</strong>
+$.mobile.changePage( "about/us.html", { transition: "slideup"} );
+
+<strong>//transition to the "search results" page, using data from a form with an ID of "search"" 	</strong>
+$.mobile.changePage( "searchresults.php", {
+	type: "post",
+	data: $("form#search").serialize()
+});
+
+<strong>//transition to the "confirm" page with a "pop" transition without tracking it in history	</strong>
+$.mobile.changePage( "../alerts/confirm.html", {
+	transition: "pop",
+	reverse: false,
+	changeHash: false
+});
+
+			</code>
+			</pre>
+
+			</dd>
+
+
+			<dt><code>$.mobile.loadPage</code> (<em>method</em>)</dt>
+			<dd>Load an external page, enhance its content, and insert it into the DOM. This method is called internally by the changePage() function when its first argument is a URL. This function does not affect the current active page so it can be used to load pages in the background. The function returns a deferred promise object that gets resolved after the page has been enhanced and inserted into the document.</dd>
+
+			<dd>
+
+				<dl>
+					<dt><code>&#183;</code> Arguments</dt>
+					<dd><code>url</code> (<em>string or object</em>, required) A relative or absolute URL.</dd>
+
+					<dd><code>options</code> (<em>object</em>, optional)
+						<ul>
+							<li>Properties:
+								<ul>
+									<li><code>data</code> (<em>object</em> or	string,	default: undefined) The data to send with an Ajax page request. </li>
+									<li><code>loadMsgDelay</code> (<em>number (in ms)</em>, default: 50) Forced delay before the loading message is shown. This is meant to allow time for a page that has already been visited to be fetched from cache without a loading message.</li>
+									<li><code>pageContainer</code> (jQuery collection,	default:	$.mobile.pageContainer) Specifies the element that should contain the page after it is loaded. </li>
+									<li><code>reloadPage</code> (<em>boolean</em>, default: false) Forces a reload of a page, even if it is already in the DOM of the page container. </li>
+									<li><code>role</code> (<em>string</em>,	default:	undefined) The data-role value to be used when displaying the page. By default this is undefined which means rely on the value of the @data-role attribute defined on the element.</li>
+									<li><code>type</code> (<em>string</em>, default: &quot;get&quot;) Specifies the method ("get" or "post") to use when making a page request.
+									</li>
+								</ul>
+							</li>
+						</ul>
+					</dd>
+
+				</dl>
+			</dd>
+
+			<dd>Examples:
+			<pre>
+			<code>
+<strong>//load the "about us" page into the DOM</strong>
+$.mobile.loadPage( "about/us.html" );
+
+<strong>//load a "search results" page, using data from a form with an ID of "search"" 	</strong>
+$.mobile.loadPage( "searchresults.php", {
+	type: "post",
+	data: $("form#search").serialize()
+});
+			</code>
+			</pre>
+
+			</dd>
+
+			<dt><code>$.fn.jqmData(), $.fn.jqmRemoveData()</code> (<em>method</em>)</dt>
+			<dd>When working with jQuery Mobile, <code>jqmData</code> and <code>jqmRemoveData</code> should be used in place of jQuery core's <code>data</code> and <code>removeData</code> methods (note that this includes $.fn.data, $.fn.removeData, and the $.data, $.removeData, and $.hasData utilities), as they automatically incorporate getting and setting of namespaced data attributes (even if no namespace is currently in use).</dd>
+			<dd>
+				<dl>
+					<dt><code>&#183;</code> Arguments:</dt>
+					<dd>See jQuery's <a href="http://api.jquery.com/jQuery.data/">data</a> and <a href="http://api.jquery.com/jQuery.removeData/">removeData</a> methods</dd>
+					<strong>Note: </strong>Calling jqmData() with no argument will return <code>undefined</code>. This behavior is subject to change in future versions.
+					<dt><code>&#183;</code> Also:</dt>
+					<dd>When finding elements by their jQuery Mobile data attribute, please use the custom selector <code>:jqmData()</code>, as it automatically incorporates namespaced data attributes into the lookup when they are in use. For example, instead of calling <code>$("div[data-role='page']")</code>, you should use <code>$("div:jqmData(role='page')")</code>, which internally maps to <code>$("div[data-"+ $.mobile.ns +"role='page']")</code> without forcing you to concatenate a namespace into your selectors manually.</dd>
+				</dl>
+			</dd>
+
+
+			<dt><code>$.fn.jqmEnhanceable()</code> (<em>method</em>)</dt>
+			<dd>For users that wish to respect <code>data-enhance=false</code> parent elements during manual enhancement or custom plugin authoring jQuery Mobile provides the <code>$.fn.jqmEnhanceable</code> filter method.</dd>
+			<dd>
+				<dl>
+					<dt><code>&#183;</code> Settings:</dt>
+					<dd>If, and only if, <code>$.mobile.ignoreContentEnabled</code> is set to true, this method will traverse the parent nodes for each DOM element in the jQuery object and where it finds a <code>data-enhance=false</code> parent the child will be removed from the set.</dd>
+					<dt><code>&#183;</code> Warning:</dt>
+					<dd>The operation of traversing all parent elements can be expensive for even small jQuery object sets.</dd>
+				</dl>
+			</dd>
+
+			<dt><code>$.fn.jqmHijackable()</code> (<em>method</em>)</dt>
+			<dd>For users that wish to respect <code>data-ajax=false</code> parent elements during custom form and link binding jQuery Mobile provides the <code>$.fn.jqmHijackable</code> filter method.</dd>
+			<dd>
+				<dl>
+					<dt><code>&#183;</code> Settings:</dt>
+					<dd>If, and only if, <code>$.mobile.ignoreContentEnabled</code> is set to true, this method will traverse the parent nodes for each DOM element in the jQuery object and where it finds a <code>data-ajax=false</code> parent the child form or link will be removed from the set.</dd>
+					<dt><code>&#183;</code> Warning:</dt>
+					<dd>The operation of traversing all parent elements can be expensive for even small jQuery object sets.</dd>
+				</dl>
+			</dd>
+
+			<dt><code>$.mobile.showPageLoadingMsg</code> (<em>method</em>)</dt>
+			<dd>Show the page loading message, which is configurable via $.mobile.loadingMessage.</dd>
+			<dd>
+				<dl>
+					<dt><code>&#183;</code> Arguments</dt>
+					<dd><code>theme</code> (<em>string</em>, default: "a") The theme swatch for the message.</dd>
+					<dd><code>msgText</code> (<em>string</em>, default: "loading") The text of the message.</dd>
+					<dd><code>textonly</code> (<em>boolean</em>, default: false) If true, the "spinner" image will be hidden when the message is shown.</dd>
+				</dl>
+			</dd>
+			<dd>Examples:
+			<pre>
+			<code>
+<strong>//cue the page loader</strong>
+$.mobile.showPageLoadingMsg();
+
+<strong>//use theme swatch "b", a custom message, and no spinner</strong>
+$.mobile.showPageLoadingMsg("b", "This is only a test", true);
+			</code>
+			</pre>
+
+			</dd>
+
+
+
+
+			<dt><code>$.mobile.hidePageLoadingMsg</code> (<em>method</em>)</dt>
+			<dd>Hide the page loading message, which is configurable via $.mobile.loadingMessage.</dd>
+
+			<dd>Example:
+			<pre>
+			<code>
+<strong>//hide the page loader</strong>
+$.mobile.hidePageLoadingMsg();
+			</code>
+			</pre>
+
+			</dd>
+
+			<dt><code>$.mobile.fixedToolbars.show</code> (<em>method</em>)</dt>
+			<dd>Utility method for displaying the fixed header and/or footer of the current active page within the viewport. Note that fixed headers/footers are never really hidden. Toggling the show/hide state of a toolbar is really toggling whether or not they are inline within the page content, or displayed within the viewport as if they were fixed.</dd>
+			<dd>
+				<dl>
+					<dt><code>&#183;</code> Arguments</dt>
+					<dd><code>immediately</code> (<em>boolean</em>, optional) If true, any fixed header or footer for the current active page is displayed immediately within the viewport. If false or unspecified, the fixed header/footer will fade-in after a 100 millisecond delay. Note that other events such as a document resize or scroll event can result in an additional delay before the start of the header/footer display animation.</dd>
+				</dl>
+			</dd>
+			<dd>Example:
+			<pre>
+			<code>
+<strong>// Show fixed header/footer with a fade animation.</strong>
+$.mobile.fixedToolbars.show();
+
+<strong>// Show fixed header/footer immediately.</strong>
+$.mobile.fixedToolbars.show(true);
+			</code>
+			</pre>
+
+			</dd>
+
+			<dt><code>$.mobile.fixedToolbars.hide</code> (<em>method</em>)</dt>
+			<dd>Utility method for hiding the fixed header and/or footer of the current active page.</dd>
+			<dd>
+				<dl>
+					<dt><code>&#183;</code> Arguments</dt>
+					<dd><code>immediately</code> (<em>boolean</em>, optional) If true, any fixed header or footer for the current active page is immediately placed inline (back in flow) with the page content, which means it will scroll along with the content and will only be visible when viewing the top or bottom of the page within the viewport. If false or unspecified, the fixed header/footer will fade-out after a 100 millisecond delay. Note that other events such as a document resize or scroll event can result in the header/footer being immediately hidden.</dd>
+				</dl>
+			</dd>
+			<dd>Example:
+			<pre>
+			<code>
+<strong>// Hide fixed header/footer with a fade animation.</strong>
+$.mobile.fixedToolbars.hide();
+
+<strong>// Hide fixed header/footer immediately.</strong>
+$.mobile.fixedToolbars.hide(true);
+			</code>
+			</pre>
+
+			</dd>
+
+			<dt><code>$.mobile.path.parseUrl</code> (<em>method</em>)</dt>
+			<dd>Utility method for parsing a URL and its relative variants into an object that makes accessing the components of the URL easy. When parsing relative variants, the resulting object will contain empty string values for missing components (like protocol, host, etc). Also, when parsing URLs that have no authority, such as tel: urls, the pathname property of the object will contain the data after the protocol/scheme colon.</dd>
+
+			<dd>
+
+				<dl>
+					<dt><code>&#183;</code> Arguments</dt>
+					<dd><code>url</code> (<em>string</em>, required) A relative or absolute URL.</dd>
+
+					<dt><code>&#183;</code> Return Value</dt>
+					<dd>
+						<p>This function returns an object that contains the various components of the URL as strings. The properties on the object mimic the browser's location object:</p>
+						<dl>
+							<dt><code>hash</code></dt>
+							<dd>The fragment conponent of the URL, including the leading '#' character.</dd>
+							<dt><code>host</code></dt>
+							<dd>The host and port number of the URL.</dd>
+							<dt><code>hostname</code></dt>
+							<dd>The name of the host within the URL.</dd>
+							<dt><code>href</code></dt>
+							<dd>The original URL that was parsed.</dd>
+							<dt><code>pathname</code></dt>
+							<dd>The path of the file or directory referenced by the URL.</dd>
+							<dt><code>port</code></dt>
+							<dd>The port specified within the URL. Most URLs rely on the default port for the protocol used, so this may be an empty string most of the time.</dd>
+							<dt><code>protocol</code></dt>
+							<dd>The protocol for the URL including the trailing ':' character.</dd>
+							<dt><code>search</code></dt>
+							<dd>The query component of the URL including the leading '?' character.</dd>
+						</dl>
+						<p>But it also contains additional properties that provide access to additional components as well as some common forms of the URL developers access:</p>
+						<dl>
+							<dt><code>authority</code></dt>
+							<dd>The username, password, and host components of the URL</dd>
+							<dt><code>directory</code></dt>
+							<dd>The directory component of the pathname, minus any filename.</dd>
+							<dt><code>domain</code></dt>
+							<dd>The protocol and authority components of the URL.</dd>
+							<dt><code>filename</code></dt>
+							<dd>The filename within the pathname component, minus the directory.</dd>
+							<dt><code>hrefNoHash</code></dt>
+							<dd>The original URL minus the fragment (hash) components.</dd>
+							<dt><code>hrefNoSearch</code></dt>
+							<dd>The original URL minus the query (search) and fragment (hash) components.</dd>
+							<dt><code>password</code></dt>
+							<dd>The password contained within the authority component.</dd>
+							<dt><code>username</code></dt>
+							<dd>The username contained within the authority component.</dd>
+						</dl>
+					</dd>
+
+				</dl>
+			</dd>
+
+			<dd>Examples:
+			<pre>
+			<code>
+<strong>// Parsing the Url below results an object that is returned with the
+// following properties:
+//
+//  obj.href:         http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&amp;type=unread#msg-content
+//  obj.hrefNoHash:   http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&amp;type=unread
+//  obj.hrefNoSearch: http://jblas:password@mycompany.com:8080/mail/inbox
+//  obj.domain:       http://jblas:password@mycompany.com:8080
+//  obj.protocol:     http:
+//  obj.authority:    jblas:password@mycompany.com:8080
+//  obj.username:     jblas
+//  obj.password:     password
+//  obj.host:         mycompany.com:8080
+//  obj.hostname:     mycompany.com
+//  obj.port:         8080
+//  obj.pathname:     /mail/inbox
+//  obj.directory:    /mail/
+//  obj.filename:     inbox
+//  obj.search:       ?msg=1234&amp;type=unread
+//  obj.hash:         #msg-content</strong>
+
+var obj = $.mobile.path.parseUrl("http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234");
+			</code>
+			</pre>
+
+			</dd>
+
+
+			<dt><code>$.mobile.path.makePathAbsolute</code> (<em>method</em>)</dt>
+			<dd>Utility method for converting a relative file or directory path into an absolute path.</dd>
+			<dd>
+				<dl>
+					<dt><code>&#183;</code> Arguments</dt>
+					<dd><code>relPath</code> (<em>string</em>, required) A relative file or directory path.</dd>
+					<dd><code>absPath</code> (<em>string</em>, required) An absolute file or relative path to resolve against.</dd>
+
+					<dt><code>&#183;</code> Return Value</dt>
+					<dd>This function returns a string that is an absolute version of the relative path passed in.</dd>
+
+				</dl>
+			</dd>
+			<dd>Examples:
+			<pre>
+			<code>
+<strong>// Returns: /a/b/c/file.html</strong>
+var absPath = $.mobile.path.makePathAbsolute("file.html", "/a/b/c/bar.html");
+
+<strong>// Returns: /a/foo/file.html</strong>
+var absPath = $.mobile.path.makePathAbsolute("../../foo/file.html", "/a/b/c/bar.html");
+
+			</code>
+			</pre>
+			</dd>
+
+
+			<dt><code>$.mobile.path.makeUrlAbsolute</code> (<em>method</em>)</dt>
+			<dd>Utility method for converting a relative URL to an absolute URL.</dd>
+			<dd>
+
+				<dl>
+					<dt>Arguments</dt>
+					<dd><code>relUrl</code> (<em>string</em>, required) A relative URL.</dd>
+					<dd><code>absUrl</code> (<em>string</em>, required) An absolute URL to resolve against.</dd>
+
+					<dt>Return Value</dt>
+					<dd>This function returns a string that is an absolute version of the relative URL passed in.</dd>
+
+				</dl>
+			</dd>
+			<dd>Examples:
+			<pre>
+			<code>
+<strong>// Returns: http://foo.com/a/b/c/file.html</strong>
+var absUrl = $.mobile.path.makeUrlAbsolute("file.html", "http://foo.com/a/b/c/test.html");
+
+<strong>// Returns: http://foo.com/a/foo/file.html</strong>
+var absUrl = $.mobile.path.makeUrlAbsolute("../../foo/file.html", "http://foo.com/a/b/c/test.html");
+
+<strong>// Returns: http://foo.com/bar/file.html</strong>
+var absUrl = $.mobile.path.makeUrlAbsolute("//foo.com/bar/file.html", "http://foo.com/a/b/c/test.html");
+
+<strong>// Returns: http://foo.com/a/b/c/test.html?a=1&amp;b=2</strong>
+var absUrl = $.mobile.path.makeUrlAbsolute("?a=1&amp;b=2", "http://foo.com/a/b/c/test.html");
+
+<strong>// Returns: http://foo.com/a/b/c/test.html#bar</strong>
+var absUrl = $.mobile.path.makeUrlAbsolute("#bar", "http://foo.com/a/b/c/test.html");
+
+			</code>
+			</pre>
+
+			</dd>
+
+
+			<dt><code>$.mobile.path.isSameDomain</code> (<em>method</em>)</dt>
+			<dd>Utility method for comparing the domain of 2 URLs.</dd>
+			<dd>
+
+				<dl>
+					<dt><code>&#183;</code> Arguments</dt>
+					<dd><code>url1</code> (<em>string</em>, required) A relative URL.</dd>
+					<dd><code>url2</code> (<em>string</em>, required) An absolute URL to resolve against.</dd>
+
+					<dt>Return Value</dt>
+					<dd>This function returns a boolean true if the domains match, false if they don't.</dd>
+
+				</dl>
+			</dd>
+			<dd>Examples:
+			<pre>
+			<code>
+<strong>// Returns: true</strong>
+var same = $.mobile.path.isSameDomain("http://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");
+
+<strong>// Returns: false</strong>
+var same = $.mobile.path.isSameDomain("file://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");
+
+<strong>// Returns: false</strong>
+var same = $.mobile.path.isSameDomain("https://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");
+
+<strong>// Returns: false</strong>
+var same = $.mobile.path.isSameDomain("http://foo.com/a/file.html", "http://bar.com/a/b/c/test.html");
+
+			</code>
+			</pre>
+
+			</dd>
+
+
+			<dt><code>$.mobile.path.isRelativeUrl</code> (<em>method</em>)</dt>
+			<dd>Utility method for determining if a URL is a relative variant.</dd>
+			<dd>
+
+				<dl>
+					<dt><code>&#183;</code> Arguments</dt>
+					<dd><code>url</code> (<em>string</em>, required) A relative or absolute URL.</dd>
+
+					<dt><code>&#183;</code> Return Value</dt>
+					<dd>This function returns a boolean true if the URL is relative, false if it is absolute.</dd>
+
+				</dl>
+			</dd>
+			<dd>Examples:
+			<pre>
+			<code>
+<strong>// Returns: false</strong>
+var isRel = $.mobile.path.isRelativeUrl("http://foo.com/a/file.html");
+
+<strong>// Returns: true</strong>
+var isRel = $.mobile.path.isRelativeUrl("//foo.com/a/file.html");
+
+<strong>// Returns: true</strong>
+var isRel = $.mobile.path.isRelativeUrl("/a/file.html");
+
+<strong>// Returns: true</strong>
+var isRel = $.mobile.path.isRelativeUrl("file.html");
+
+<strong>// Returns: true</strong>
+var isRel = $.mobile.path.isRelativeUrl("?a=1&amp;b=2");
+
+<strong>// Returns: true</strong>
+var isRel = $.mobile.path.isRelativeUrl("#foo");
+
+
+			</code>
+			</pre>
+
+			</dd>
+
+
+			<dt><code>$.mobile.path.isAbsoluteUrl</code> (<em>method</em>)</dt>
+			<dd>Utility method for determining if a URL is absolute.</dd>
+			<dd>
+
+				<dl>
+					<dt><code>&#183;</code> Arguments</dt>
+					<dd><code>url</code> (<em>string</em>, required) A relative or absolute URL.</dd>
+
+					<dt><code>&#183;</code> Return Value</dt>
+					<dd>This function returns a boolean true if the URL is absolute, false if not.</dd>
+
+				</dl>
+			</dd>
+			<dd>Examples:
+			<pre>
+			<code>
+<strong>// Returns: true</strong>
+var isAbs = $.mobile.path.isAbsoluteUrl("http://foo.com/a/file.html");
+
+<strong>// Returns: false</strong>
+var isAbs = $.mobile.path.isAbsoluteUrl("//foo.com/a/file.html");
+
+<strong>// Returns: false</strong>
+var isAbs = $.mobile.path.isAbsoluteUrl("/a/file.html");
+
+<strong>// Returns: false</strong>
+var isAbs = $.mobile.path.isAbsoluteUrl("file.html");
+
+<strong>// Returns: false</strong>
+var isAbs = $.mobile.path.isAbsoluteUrl("?a=1&amp;b=2");
+
+<strong>// Returns: false</strong>
+var isAbs = $.mobile.path.isAbsoluteUrl("#foo");
+
+
+			</code>
+			</pre>
+
+			</dd>
+
+
+			<dt><code>$.mobile.base</code> (<em>methods, properties</em>)</dt>
+			<dd>Utilities for working with generated base element. TODO: document as public API is finalized.</dd>
+
+
+
+			<dt><code>$.mobile.silentScroll</code> (<em>method</em>)</dt>
+			<dd>Scroll to a particular Y position without triggering scroll event listeners.</dd>
+			<dd>
+				<dl>
+					<dt><code>&#183;</code> Arguments:</dt>
+					<dd><code>yPos</code> (<em>number</em>, defaults to 0). Pass any number to scroll to that Y location.</dd>
+				</dl>
+			</dd>
+
+			<dd>Examples:
+			<pre>
+			<code>
+<strong>//scroll to Y 100px</strong>
+$.mobile.silentScroll(100);
+			</code>
+			</pre>
+
+			</dd>
+
+
+
+
+
+			<dt><code>$.mobile.activePage</code> (<em>property</em>)</dt>
+			<dd>Reference to the page currently in view.</dd>
+
+
+
+
+		</dl>
+	</div><!--/content-secondary -->
+
+	<div class="content-secondary">
+
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+				<h3>More in this section</h3>
+
+				<ul data-role="listview"  data-theme="c" data-dividertheme="d">
+
+					<li data-role="list-divider">API</li>
+					<li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
+					<li><a href="../../docs/api/events.html">Events</a></li>
+					<li data-theme="a"><a href="../../docs/api/methods.html">Methods &amp; Utilities</a></li>
+					<li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
+					<li><a href="../../docs/api/themes.html">Theme framework</a></li>
+				</ul>
+		</div>
+	</div>
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/api/themes.html b/libs/js/jquery-mobile-1.1.0/docs/api/themes.html
new file mode 100644
index 00000000..6224fab4
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/api/themes.html
@@ -0,0 +1,291 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Static Containers, States</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" /> 
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Themes</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div>
+
+	<div data-role="content">
+	
+	<div class="content-primary">
+		<h2>Theming overview</h2>
+		
+			<p>The theming system used in jQuery Mobile is similar to the ThemeRoller system in jQuery UI with a few important improvements:</p> 
+
+			<ul> 
+				<li>It takes advantage of <strong>CSS3 properties</strong> to add rounded corners, box and text shadow and gradients instead of images, allowing the theme file to be very lightweight and reducing server requests.</li>
+				<li>Themes include multiple <strong>color "swatches"</strong> &mdash; each consisting of a header bar, content body, and button states that can be freely mixed and matched to create visual texture &mdash; to make richer designs possible.</li> 
+				<li><strong>Open-ended theming</strong> allows for up to 26 unique swatches per theme, to add almost unlimited variety to designs.</li> 
+				<li>All backgrounds now use <strong>CSS3 gradients</strong> to dramatically reduce file size and number of server requests.</li> 
+				<li>There is a <strong>simplified icon set</strong> in a sprite to reduce image weight.</li> 
+			</ul>
+			
+		<h2>ThemeRoller</h2>
+		<a href="http://www.jquerymobile.com/themeroller" rel="external"><img src="../_assets/images/themroller-mobile-logo.png" width="250" style="float:right; margin-left:25px;" alt="Themroller Mobile Logo"></a>
+		The easiest way to create custom themes is with the <a href="http://www.jquerymobile.com/themeroller" rel="external">ThemeRoller tool</a>. It allows you to build a theme, then download a custom CSS file, ready to be dropped into your project.
+		
+		<h2>Themes &amp; swatches</h2>
+		
+		<p>The theme system separates color and texture from structural styles that define things like padding and dimensions. This allows theme colors and textures to be defined once in the stylesheet and to be mixed, matched, and combined to achieve a wide range of visual effects. </p>
+		
+		<p>Each theme includes several global settings, including font family, drop shadows for overlays, and corner radius values for buttons and boxes. In addition, the theme can include multiple color swatches, each with color values for bars, content blocks, buttons and list items, and font <code>text-shadow</code>. </p>
+		
+		<p>The default theme includes 5 swatches that are given letters (a, b, c, d, e) for quick reference. To make mapping of color swatches consistent across our widgets, we have followed the convention that swatch "a" is the highest level of visual priority (black in our default theme), "b" is secondary level (blue) and "c" is the baseline level (gray) that we use by default in many situations, "d" for an alternate secondary level and "e" as an accent swatch.  Themes may have additional swatches for accent colors or specific situations. For example, you could add a new theme swatch "f" that has a red bar and button for use in error situations. </p>
+		
+		<p>Most theme changes can be done using ThemeRoller, but it's also simple to manually edit the base swatches in the default theme and/or add additional swatches by editing the theme CSS file. Just copy a block of swatch styles, rename the classes with the new swatch letter name, and tweak colors as you see fit.</p>
+		
+		
+		<h3>Bars</h3>
+		<p>The default theme contains the following five bar styles:</p>
+		
+		<div class="swatch-preview">
+			<div class="ui-bar ui-bar-a">Bar A - <a href="#" data-role="none" class="ui-link">Link</a></div>
+			<div class="ui-bar ui-bar-b">Bar B - <a href="#" data-role="none" class="ui-link">Link</a></div>
+			<div class="ui-bar ui-bar-c">Bar C - <a href="#" data-role="none" class="ui-link">Link</a></div>
+			<div class="ui-bar ui-bar-d">Bar D - <a href="#" data-role="none" class="ui-link">Link</a></div>
+			<div class="ui-bar ui-bar-e">Bar E - <a href="#" data-role="none" class="ui-link">Link</a></div>
+		</div><!-- end swatch-bars -->
+		
+		<p>By default, the framework assigns the "a" swatch to all headers and footers, because these are typically given high visual priority in an application. To set the color of a bar to a different swatch color, simply add the <code> data-theme</code> attribute to your header or footer and specify an alternate swatch letter ('b' or 'd', for example) and the specified theme swatch color will be applied. Learn more about <a href="../toolbars/bars-themes.html">toolbar theming</a>.</p>
+		
+		
+		
+		<h3>Content Blocks</h3>
+		<p>The default theme also includes color swatch values for use in content blocks, designed to coordinate with the header color swatches in the theme. </p>
+		
+		<div class="swatch-preview">	
+			<div class="ui-body ui-body-a">Block A - <a href="#">Link</a></div>
+			<div class="ui-body ui-body-b">Block B - <a href="#">Link</a></div>
+			<div class="ui-body ui-body-c">Block C - <a href="#">Link</a></div>
+			<div class="ui-body ui-body-d">Block D - <a href="#">Link</a></div>
+			<div class="ui-body ui-body-e">Block E - <a href="#">Link</a></div>
+		</div><!-- end swatch-bars -->
+
+
+		<p>If a theme isn't specified on a content block, the framework will default to "c" to maximize contrast against the default header "a", as shown here:</p>
+					
+			<div data-role="header">
+				<a href="#" data-icon="arrow-l">Back</a>
+				<h1>Default Header</h1>
+			</div>
+			<div class="ui-body ui-body-c">
+				<h3>Default Theme Content Header</h3>
+				<p>This is the default content color swatch and a preview of a <a href="#" class="ui-link">link</a>.</p>
+					<label for="slider1">Input slider:</label>
+				 	<input type="range" name="slider1" id="slider1" value="50" min="0" max="100" />
+				     <fieldset data-role="controlgroup"  data-type="horizontal" data-role="fieldcontain">
+				     	<legend>Cache settings:</legend>
+				         	<input type="radio" name="radio-choice-a1" id="radio-choice-a1" value="on" checked="checked" />
+				         	<label for="radio-choice-a1">On</label>
+				         	<input type="radio" name="radio-choice-a1" id="radio-choice-b1" value="off"  />
+				         	<label for="radio-choice-b1">Off</label>
+				    </fieldset>
+				<a href="#" data-role="button" data-inline="true">Button</a>
+			</div>
+			<div class="ui-bar ui-bar-a">
+				<div data-role="controlgroup" data-type="horizontal" >
+					<a href="#" data-role="button" data-inline="true">Button</a><a href="#" data-role="button" data-inline="true">Button</a><a href="#" data-role="button" data-inline="true">Button</a>
+				</div><!-- /controlgroup -->
+			</div>
+
+
+		<p>Learn more about <a href="../content/content-themes.html">content theming</a>.</p>
+		
+
+		<h2>Lists &amp; Buttons</h2>
+		<p>Each swatch also includes default styles for interactive elements like list items and buttons.</p>
+		<ul data-role="listview" data-inset="true" data-theme="a">
+			<li><a href="index.html">List item</a></li>
+			<li><a href="index.html">List item</a></li>
+		</ul>
+		
+		<ul data-role="listview" data-inset="true" data-theme="b">
+			<li><a href="index.html">List item</a></li>
+			<li><a href="index.html">List item</a></li>
+		</ul>
+		
+		<ul data-role="listview" data-inset="true" data-theme="c">
+			<li><a href="index.html">List item</a></li>
+			<li><a href="index.html">List item</a></li>
+		</ul>
+		
+		<ul data-role="listview" data-inset="true" data-theme="d">
+			<li><a href="index.html">List item</a></li>
+			<li><a href="index.html">List item</a></li>
+		</ul>
+		
+		<ul data-role="listview" data-inset="true" data-theme="e">
+			<li><a href="index.html">List item</a></li>
+			<li><a href="index.html">List item</a></li>
+		</ul>
+		
+		
+		<p>A button is included for each swatch in the theme. Each button has styles for normal, hover/focus and pressed states.</p>
+		
+		<div class="swatch-preview">
+			<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l">Button A</a>
+			<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l">Button B</a>
+			<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l">Button C</a>
+			<a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l">Button D</a>
+			<a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l">Button E</a>
+		</div><!-- end swatch-bars -->
+		
+		
+		<p>By default, any button that's placed in a bar is automatically assigned a swatch letter that matches its parent bar or content box. Thus, the button is visually integrated into the parent theme as shown here:</p>
+		
+		<div class="swatch-preview">
+			<div data-role="header" data-theme="a"><h1>Bar A</h1><a href="index.html" data-icon="arrow-l">Button A</a></div>
+			<div data-role="header" data-theme="b"><h1>Bar B</h1><a href="index.html" data-icon="arrow-l">Button B</a></div>
+			<div data-role="header" data-theme="c"><h1>Bar C</h1><a href="index.html" data-icon="arrow-l">Button C</a></div>
+			<div data-role="header" data-theme="d"><h1>Bar D</h1><a href="index.html" data-icon="arrow-l">Button D</a></div>
+			<div data-role="header" data-theme="e"><h1>Bar E</h1><a href="index.html" data-icon="arrow-l">Button E</a></div>
+		</div><!-- end swatch-bars -->
+		
+		<p>This default behavior makes it easy to ripple a theme change through a page by setting a theme swatch on a parent because you know the buttons will maintain the same relative visual weight across themes. Since form elements use the button styles, they will also adapt to their parent container.</p>
+			
+		<p>If you want to add visual emphasis to a button, an alternate swatch color can be set by adding a <code> data-theme="a"</code> to the anchor. Once an alternate swatch color is set on a button in the markup, the framework won't override that color if the parent theme is changed, because you made a conscious decision to set it.</p>
+		
+		<div class="swatch-bars">
+			<div data-role="header" data-theme="a" class="ui-bar" >
+				<div><!-- wrapper div to have control over butttons -->
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
+				</div>
+			</div>
+			<div data-role="header" data-theme="b" class="ui-bar" >
+				<div><!-- wrapper div to have control over butttons -->
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
+				</div>
+			</div>
+			<div data-role="header" data-theme="c" class="ui-bar" >
+				<div><!-- wrapper div to have control over butttons -->
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
+				</div>
+			</div>
+			<div data-role="header" data-theme="d" class="ui-bar" >
+				<div><!-- wrapper div to have control over butttons -->
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
+				</div>
+			</div>
+			<div data-role="header" data-theme="e" class="ui-bar" >
+				<div><!-- wrapper div to have control over butttons -->
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
+					<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
+				</div>
+			</div>
+			
+		</div><!-- end swatch-bars -->
+
+<p>Learn more about <a href="../lists/lists-themes.html">list theming</a> and <a href="../buttons/buttons-themes.html">button theming</a>.</p>
+
+		<h3>Global "Active" state</h3>
+		<p>The jQuery Mobile framework uses a swatch called "active" (bright blue in the default theme) to consistently indicate the selected state, regardless of the individual swatch of the given widget. We apply this in navigation and form controls whenever there is a need to indicate what is currently selected. Because this theme swatch is designed for clear, consistent user feedback, it cannot be overridden via the markup; it is set once in the theme and applied by the framework whenever a selected or active state is needed. The styling for this state is in the theme stylesheet under the <code>ui-btn-active</code> style rules.</p>
+		
+		<fieldset data-role="controlgroup"  data-type="horizontal" data-role="fieldcontain">
+	     	<legend>Active is used for the on state of these toggles:</legend>
+	         	<input type="radio" name=" radio-choice-a" id="radio-choice-a" value="on" checked="checked" />
+	         	<label for="radio-choice-a">On</label>
+	         	<input type="radio" name=" radio-choice-a" id="radio-choice-b" value="off"  />
+	         	<label for="radio-choice-b">Off</label>
+	    </fieldset>
+
+		
+		<h3>Icons</h3>
+		<p>There is a core set of <a href="../buttons/buttons-icons.html">standard icons</a> included in the framework that can be assigned to any button. To minimize the download size of the core icons, jQuery Mobile only includes these icons in white and automatically adds a semi-transparent black circle behind the icon to make sure it has good contrast on all background colors.</p>
+
+		<h3>Theme classes</h3>
+		<p>Assigning color swatches through the <code> data-theme</code> attribute is one way to leverage the theme system, but it's also possible to apply any of the theme swatches directly to your markup through classes to apply the colors, textures and font formatting of your theme to any markup. This is especially useful when creating your own custom layout elements or UI widgets. Here are a few common theme classes, but many more are available in the theme stylesheet:</p>
+		<dl>
+			<dt><code>ui-bar-(a-z)</code></dt>
+			<dd>Applies the toolbar theme styles for the selected swatch letter. Commonly used in conjunction with <code>ui-bar</code> structural class to add the standard bar padding styles.</dd>
+			<dt><code>ui-body-(a-z)</code></dt>
+			<dd>Applies the content body theme styles for the selected swatch letter. Commonly used in conjunction with <code>ui-body</code> structural class to add the standard content block padding styles. </dd>
+			<dt><code>ui-btn-up-(a-z)</code></dt>
+			<dd>Applies the button/clickable element theme styles for the selected swatch letter. Commonly used in with the <code>ui-btn-hover-(a-z)</code> and <code>ui-btn-down-(a-z)</code> interaction class states to provide visual feedback and <code>ui-btn-active</code> to indicate the selected or "on" state.</dd>
+			<dt><code>ui-corner-all</code></dt>
+			<dd>Applies the theme's global border-radius for rounded corners and is used for container or grouped items in the framework (inset lists, radiobutton sets). There are additional classes for all the possible combinations of rounded corners, for example: <code>ui-corner-tl</code> (top left only), <code>-top</code> (both top corners), <code>-left</code> (both left corners),  etc. A second full set of corner classes is provided for buttons so these can have a different corner radius. These use classes with a similar naming convention, but with "btn-corner" instead of "corner", like this: <code>.ui-<strong>btn-corner</strong>-all</code>.</dd>
+			<dt><code>ui-shadow</code></dt>
+			<dd>Applies the theme's global drop shadow to any element using CSS <code>box-shadow</code> property. </dd>
+			<dt><code>ui-disabled</code></dt>
+			<dd>Applies the disabled look and feel which essentially reduces the opacity of any element with this class to 30%, hides the cursor, and sets <code>pointer-events: none;</code> which prevents any interaction in many modern browsers.</dd>
+		</dl>
+
+			<h3>Overriding themes</h3>
+			<p>The themes are meant as a solid starting point, but are meant to be customized. Since everything is controlled by CSS, it's easy to use a web inspector tool to identify the style properties you want to modify. The set of of theme classes (global) and semantic structural classes (widget-specific) added to elements provide a rich set of possible selectors to target style overrides against. We recommend adding an external stylesheet to the <code>head</code>, placed <strong>after</strong> the structure and theme stylesheet references, that contain all your style overrides. This allows you to easily update to newer versions of the library because overrides are kept separate from the library code.</p>
+			
+			
+		<p><strong>Learn more</strong> about theming individual components:</p>
+		<ul data-role="listview" data-inset="true">
+			<li><a href="../pages/pages-themes.html">Page theming</a></li>
+			<li><a href="../toolbars/bars-themes.html">Toolbar theming</a></li>
+			<li><a href="../content/content-themes.html">Content theming</a></li>
+			<li><a href="../buttons/buttons-themes.html">Button theming</a></li>
+            <li><a href="../forms/forms-themes.html">Form theming</a></li>
+            <li><a href="../lists/lists-themes.html">List theming</a></li>
+		</ul>
+	</div><!--/content-secondary -->		
+	
+	<div class="content-secondary ui-body-d">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+			
+					<li data-role="list-divider">API</li>
+					<li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
+					<li><a href="../../docs/api/events.html">Events</a></li>
+					<li><a href="../../docs/api/methods.html">Methods &amp; Utilities</a></li>
+					<li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
+					<li data-theme="a"><a href="../../docs/api/themes.html">Theme framework</a></li>
+	
+					</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/buttons/api-buttons.html b/libs/js/jquery-mobile-1.1.0/docs/buttons/api-buttons.html
new file mode 100644
index 00000000..d2d0cb2a
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/buttons/api-buttons.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Buttons</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" /> 
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Button API</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content" data-theme="c">
+			
+			<h2>Dependencies</h2>
+			<p>To be documented</p>
+			
+			<h2>Options</h2>
+			<p>To be documented</p>
+			
+			<h2>Methods</h2>
+			<p>To be documented</p>
+			
+			<h2>Known Issues</h2>
+			<p>To be documented</p>
+			
+			
+		
+	</div><!-- /content -->
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-events.html b/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-events.html
new file mode 100644
index 00000000..410d7aec
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-events.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Button events</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Button basics</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Button basics</h2>		
+		
+      <ul data-role="controlgroup" data-type="horizontal" class="localnav">
+			<li><a href="buttons-types.html" data-role="button" data-transition="fade">Basics</a></li>
+			<li><a href="buttons-options.html" data-role="button" data-transition="fade">Options</a></li>
+			<li><a href="buttons-methods.html" data-role="button" data-transition="fade">Methods</a></li>
+			<li><a href="buttons-events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
+		</ul>	
+			
+			<p>Bind events directly to the <code>a</code>, <code>input</code>, or <code>button</code> element.  Use jQuery Mobile's <a href="../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
+			<pre><code> 
+$( ".myButton" ).bind( "click", function(event, ui) {
+  ...
+});
+</code></pre> 
+			
+			<p>The <strong>form button</strong> plugin has the following custom events:</p>
+
+	<dl>
+				
+		<dt><code>create</code> triggered when a form button is created</dt>
+		<dd>
+
+			<pre><code>
+$('[type='submit']').button({
+   create: function(event, ui) { ... }
+});		
+			</code></pre>
+			</dd>
+			
+	</dl>
+	    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">				
+					<li data-role="list-divider">Buttons</li>
+					<li data-theme="a"><a href="buttons-types.html">Button basics</a></li>
+					<li><a href="buttons-icons.html">Button icons</a></li>
+					<li><a href="buttons-inline.html">Inline buttons</a></li>
+					<li><a href="buttons-grouped.html">Grouped buttons</a></li>
+					<li><a href="buttons-themes.html">Theming buttons</a></li>	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-grouped.html b/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-grouped.html
new file mode 100644
index 00000000..df3f48b7
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-grouped.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Grouped Buttons</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" /> 
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/> 
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Grouped</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		
+		<h2>Grouped buttons</h2>
+		<p>Occasionally, you may want to visually group a set of buttons together to form a single block that looks contained like a navigation component. To get this effect, wrap a set of buttons in a container with the <code> data-role="controlgroup"</code> attribute &mdash; the framework will create a vertical button group, remove all margins and drop shadows between the buttons, and only round the first and last buttons of the set to create the effect that they are grouped together. </p>
+<pre><code>
+&lt;div data-role=&quot;controlgroup&quot;&gt;
+&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot;&gt;Yes&lt;/a&gt;
+&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot;&gt;No&lt;/a&gt;
+&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot;&gt;Maybe&lt;/a&gt;
+&lt;/div&gt;
+</code></pre>
+
+		<p>By default, grouped buttons are presented as a vertical list:</p>
+		
+		<div data-role="controlgroup">
+			<a href="index.html" data-role="button">Yes</a>
+			<a href="index.html" data-role="button">No</a>
+			<a href="index.html" data-role="button">Maybe</a>
+		</div>
+		
+		<p>By adding the <code>data-type="horizontal"</code> attribute to the <code>controlgroup</code> container, you can swap to a horizontal-style group that floats the buttons side-by-side and sets the width to only be large enough to fit the content. (Be aware that these will wrap to multiple lines if the number of buttons or the overall text length is too wide for the screen.)
+		
+		<p>Horizontal grouped buttons:</p>
+		<div data-role="controlgroup" data-type="horizontal">
+			<a href="index.html" data-role="button">Yes</a>
+			<a href="index.html" data-role="button">No</a>
+			<a href="index.html" data-role="button">Maybe</a>
+		</div>
+		
+		<p>Mini horizontal grouped buttons by adding <code>data-mini="true</code> to the controlgroup:</p>
+		<div data-role="controlgroup" data-type="horizontal" data-mini="true">
+			<a href="index.html" data-role="button">Yes</a>
+			<a href="index.html" data-role="button">No</a>
+			<a href="index.html" data-role="button">Maybe</a>
+		</div>
+			
+		<p>Horizontal grouped buttons with icons:</p>
+		<div data-role="controlgroup" data-type="horizontal" >
+			<a href="index.html" data-role="button" data-icon="plus">Add</a>
+			<a href="index.html" data-role="button" data-icon="delete">Delete</a>
+		</div>
+		
+		<p>Mini horizontal grouped buttons with icons by adding <code>data-mini="true</code> to the controlgroup::</p>
+		<div data-role="controlgroup" data-type="horizontal" data-mini="true">
+			<a href="index.html" data-role="button" data-icon="plus">Add</a>
+			<a href="index.html" data-role="button" data-icon="delete">Delete</a>
+		</div>
+		
+		<p>Horizontal grouped buttons, icon only:</p>
+		<div data-role="controlgroup" data-type="horizontal" >
+			<a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext">Up</a>
+			<a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext">Down</a>
+			<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
+		</div>
+		
+		
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Buttons</li>
+					<li><a href="buttons-types.html">Button basics</a></li>
+					<li><a href="buttons-icons.html">Button icons</a></li>
+					<li><a href="buttons-inline.html">Inline buttons</a></li>
+					<li data-theme="a"><a href="buttons-grouped.html">Grouped buttons</a></li>
+					<li><a href="buttons-themes.html">Theming buttons</a></li>
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-icons.html b/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-icons.html
new file mode 100644
index 00000000..f58205d9
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-icons.html
@@ -0,0 +1,247 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Button icons</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Button icons</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		
+		<h2>Adding Icons to Buttons</h2>
+		<p>The jQuery Mobile framework includes a selected set of icons most often needed for mobile apps. To minimize download size, jQuery Mobile includes a single white icon sprite, and automatically adds a semi-transparent black circle behind the icon to ensure that it has good contrast on any background color.</p> 
+		
+			
+			<p>An icon can be added to a button by adding a <code> data-icon</code> attribute on the anchor specifying the icon to display.  For example, the following markup:</p> 
+			
+			<code>
+			&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot; <strong> data-icon=&quot;delete&quot;</strong>&gt;Delete&lt;/a&gt;
+			</code>
+			
+			<p>Creates this button with an icon:</p>
+			<a href="index.html" data-role="button" data-icon="delete">Delete</a>
+			
+			<p>A more compact button with the <code> data-inline="true"</code> attribute added to the button:</p>
+			<a href="index.html" data-role="button" data-icon="delete" data-mini="true">Delete</a>
+			
+			<h2>Icon set</h2>
+			
+			<p>The following <code> data-icon</code> attributes can be referenced to create the icons shown below:</p>
+			
+			<p><strong>Left arrow</strong> - data-icon="arrow-l"</p>
+			<a href="index.html" data-role="button" data-icon="arrow-l">My button</a>
+			<p><strong>Right arrow</strong> - data-icon="arrow-r"</p>
+			<a href="index.html" data-role="button" data-icon="arrow-r">My button</a>
+			<p><strong>Up arrow</strong> - data-icon="arrow-u"</p>
+			<a href="index.html" data-role="button" data-icon="arrow-u">My button</a>
+			<p><strong>Down arrow</strong> - data-icon="arrow-d"</p>
+			<a href="index.html" data-role="button" data-icon="arrow-d">My button</a>
+			<p><strong>Delete</strong> - data-icon="delete"</p>
+			<a href="index.html" data-role="button" data-icon="delete">My button</a>
+			<p><strong>Plus</strong> - data-icon="plus"</p>
+			<a href="index.html" data-role="button" data-icon="plus">My button</a>
+			<p><strong>Minus</strong> - data-icon="minus"</p>
+			<a href="index.html" data-role="button" data-icon="minus">My button</a>
+			<p><strong>Check</strong> - data-icon="check"</p>
+			<a href="index.html" data-role="button" data-icon="check">My button</a>
+			<p><strong>Gear</strong> - data-icon="gear"</p>
+			<a href="index.html" data-role="button" data-icon="gear">My button</a>
+			<p><strong>Refresh</strong> - data-icon="refresh"</p>
+			<a href="index.html" data-role="button" data-icon="refresh">My button</a>
+			<p><strong>Forward</strong> - data-icon="forward"</p>
+			<a href="index.html" data-role="button" data-icon="forward">My button</a>
+			<p><strong>Back</strong> - data-icon="back"</p>
+			<a href="index.html" data-role="button" data-icon="back">My button</a>
+			<p><strong>Grid</strong> - data-icon="grid"</p>
+			<a href="index.html" data-role="button" data-icon="grid">My button</a>
+			<p><strong>Star</strong> - data-icon="star"</p>
+			<a href="index.html" data-role="button" data-icon="star">My button</a>
+			<p><strong>Alert</strong> - data-icon="alert"</p>
+			<a href="index.html" data-role="button" data-icon="alert">My button</a>
+			<p><strong>Info</strong> - data-icon="info"</p>
+			<a href="index.html" data-role="button" data-icon="info">My button</a>
+			<p><strong>Home</strong> - data-icon="home"</p>
+			<a href="index.html" data-role="button" data-icon="home">My button</a>
+			<p><strong>Search</strong> - data-icon="search"</p>
+			<a href="index.html" data-role="button" data-icon="search">My button</a>
+			
+
+		<h2>Icon positioning</h2>
+		<p>By default, all icons in buttons are placed to the left of the button text. </p>
+		<a href="index.html" data-role="button" data-icon="delete" data-iconpos="left">Delete</a>
+		
+		<p>This default may be overridden using the <code> data-iconpos</code> attribute to set the icon to the right, above (top) or below (bottom) the text. For example, the markup:</p> 
+
+<code>
+&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot; data-icon=&quot;delete&quot;<strong> data-iconpos=&quot;right&quot;</strong>&gt;Delete&lt;/a&gt;
+</code>
+
+		<p>Creates this button with right-aligned icon:</p>
+		<a href="index.html" data-role="button" data-icon="delete" data-iconpos="right">Delete</a>
+
+		<p>Icons can also be positioned above the text by specifying <code> data-iconpos="top"</code></p>
+		<a href="index.html" data-role="button" data-icon="delete" data-iconpos="top">Delete</a>
+		
+		<p>Or icons can also be positioned below the text by specifying <code> data-iconpos="bottom"</code></p>
+		<a href="index.html" data-role="button" data-icon="delete" data-iconpos="bottom">Delete</a>
+		
+		<p>You can also create an icon-only button, by setting the <code> data-iconpos</code> attribute to <code>notext</code>. The button plugin will hide the text on-screen, but add it as a <code>title</code> attribute on the link to provide context for screen readers and devices that support tooltips. For example, replacing <code> data-iconpos="right"</code> on the previous example with <code> data-iconpos="notext"</code>:</p>
+
+<code>
+&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot; data-icon=&quot;delete&quot;<strong> data-iconpos=&quot;notext&quot;</strong>&gt;Delete&lt;/a&gt;
+</code>
+
+		<p>Creates this icon-only button:</p>
+			<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
+
+
+
+			<h2>Mini &amp; Inline</h2>
+			<p>The <a href="../forms/forms-all-mini.html">mini</a> and <a href="buttons-inline.html">inline</a> attributes can be added to produce more compact buttons:<p>
+			<a href="index.html" data-role="button" data-icon="delete" data-iconpos="left" data-mini="true" data-inline="true">Delete</a>
+			<a href="index.html" data-role="button" data-icon="delete" data-iconpos="right" data-mini="true" data-inline="true">Delete</a>
+			<a href="index.html" data-role="button" data-icon="delete" data-iconpos="top" data-mini="true" data-inline="true">Delete</a>
+			<a href="index.html" data-role="button" data-icon="delete" data-iconpos="bottom" data-mini="true" data-inline="true">Delete</a>
+			<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext" data-mini="true" data-inline="true">Delete</a>
+			
+			
+		<h2>Custom Icons</h2>
+		<p>To use custom icons, specify a <code>data-icon</code> value that has a unique name like <code>myapp-email</code> and the button plugin will generate a class by prefixing <code>ui-icon-</code> to the <code> data-icon</code> value and apply it to the button: <code>ui-icon-myapp-email</code>. </p>
+		<p>You can then write a CSS rule in your stylesheet that targets the <code>ui-icon-myapp-email</code> class to specify the icon background source. To maintain visual consistency with the rest of the icons, create a white icon 18x18 pixels saved as a PNG-8 with alpha transparency.</p>
+		<p> In this example, we're just pointing to a standalone icon image, but you could just as easily use an icon sprite and specify the positioning instead, just like the icon sprite we use in the framework.</p>
+		
+<pre><code>.ui-icon-myapp-email {
+	background-image: url("app-icon-email.png");
+}</code></pre>
+
+		<p>This will create the standard resolution icon, but many devices now have very high resolution displays, like the retina display on the iPhone 4. To add a HD icon, create an icon that is 36x36 pixels (exactly double the 18 pixel size), and add second rule that uses the <code>-webkit-min-device-pixel-ratio: 2</code> media query to target a rule only to high resolution displays. Specify the background image for the HD icon file and set the background size to 18x18 pixels which will fit the 36 pixel icon into the same 18 pixel space. The media query block can wrap multiple icon rules:</p>
+<pre><code>
+@media only screen and (-webkit-min-device-pixel-ratio: 2) {
+	.ui-icon-myapp-email {
+		background-image: url("app-icon-email-highres.png");
+		background-size: 18px 18px;
+	}
+	...more HD icon rules go here...
+}
+</code></pre>			
+		 	
+		<h2>Icons and themes</h2>
+		<p>The semi-transparent black circle behind the white icon ensures good contrast on any background color so it works well with the jQuery Mobile theming system. Here are examples of the same icons sitting on top of a range of different color swatches with <a href="buttons-themes.html">themed buttons</a>.</p>
+		
+		<!-- A themed -->
+		<p><strong>Swatch "A"</strong> themed buttons</p>
+		<div data-role="controlgroup"  data-type="horizontal">
+		<a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="check" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="back" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="info" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+        <a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+        <a href="index.html" data-role="button" data-icon="search" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
+		</div>
+		
+		<!-- B themed -->
+		<p><strong>Swatch "B"</strong> themed buttons</p>
+		<div data-role="controlgroup"  data-type="horizontal">
+		<a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="check" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="back" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="info" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+        <a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+        <a href="index.html" data-role="button" data-icon="search" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
+		</div>
+		
+		<!-- C themed -->
+		<p><strong>Swatch "C"</strong> themed buttons</p>
+		<div data-role="controlgroup"  data-type="horizontal">
+		<a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="check" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="back" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+		<a href="index.html" data-role="button" data-icon="info" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+        <a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+        <a href="index.html" data-role="button" data-icon="search" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
+		</div>
+	
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Buttons</li>
+					<li><a href="buttons-types.html">Button basics</a></li>
+					<li data-theme="a"><a href="buttons-icons.html">Button icons</a></li>
+					<li><a href="buttons-inline.html">Inline buttons</a></li>
+					<li><a href="buttons-grouped.html">Grouped buttons</a></li>
+					<li><a href="buttons-themes.html">Theming buttons</a></li>
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-inline.html b/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-inline.html
new file mode 100644
index 00000000..8e6d62a4
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-inline.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Inline buttons</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Inline buttons</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		<h2>Inline buttons</h2>
+		<p>By default, all buttons in the body content are styled as block-level element so they fill the width of the screen:</p>
+		
+		<a href="index.html" data-role="button">Button</a>
+		
+			
+		<p>However, if you want a more compact button that is only as wide as the text and icons inside, add the <code> data-inline="true"</code> attribute to the button:</p>
+		
+		
+		<a href="index.html" data-role="button" data-inline="true">Button</a>
+		
+		<p>If you have multiple buttons that should sit side-by-side on the same line, add the <code> data-inline="true"</code> attribute to each button. This will style the buttons to be the width of their content and float the buttons so they sit on the same line. </p>
+			
+<pre><code>
+&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot; data-inline=&quot;true&quot;&gt;Cancel&lt;/a&gt;
+&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot; data-inline=&quot;true&quot; data-theme=&quot;b&quot;&gt;Save&lt;/a&gt;
+</code></pre>
+
+		<p>The result is this:</p>
+
+			<a href="index.html" data-role="button" data-inline="true">Cancel</a>
+			<a href="index.html" data-role="button" data-theme="b" data-inline="true">Save</a>
+			
+		<p>Adding the <code>data-mini="true"</code> to the inline buttons creates a more compact version:</p>
+
+			<a href="index.html" data-role="button" data-inline="true" data-mini="true">Cancel</a>
+			<a href="index.html" data-role="button" data-theme="b" data-inline="true" data-mini="true">Save</a>
+
+		
+		<p>If you want buttons to sit side-by-side but stretch to fill the width of the screen, you can use the <a href="../content/content-grids.html">content column grids</a> to put normal full-width buttons into 2- or 3-columns.</p>	
+		
+		<h2>Icon example</h2>
+		<p>When an <a href="buttons-icons.html">icon</a> is added to an inline button, the button will grow wider to accommodate the icon:<p>
+			
+			<a href="index.html" data-role="button" data-icon="delete" data-inline="true">Cancel</a>
+			<a href="index.html" data-role="button" data-icon="check" data-theme="b" data-inline="true">Save</a>
+			
+			<p>A mini version of the same:<p>
+				
+			<a href="index.html" data-role="button" data-icon="delete" data-inline="true" data-mini="true">Cancel</a>
+			<a href="index.html" data-role="button" data-icon="check" data-theme="b" data-inline="true" data-mini="true">Save</a>
+		
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+						<li data-role="list-divider">Buttons</li>
+						<li><a href="buttons-types.html">Button basics</a></li>
+						<li><a href="buttons-icons.html">Button icons</a></li>
+						<li data-theme="a"><a href="buttons-inline.html">Inline buttons</a></li>
+						<li><a href="buttons-grouped.html">Grouped buttons</a></li>
+						<li><a href="buttons-themes.html">Theming buttons</a></li>
+
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-methods.html b/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-methods.html
new file mode 100644
index 00000000..6ef4a069
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-methods.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Button methods</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Button basics</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Button basics</h2>		
+		
+      <ul data-role="controlgroup" data-type="horizontal" class="localnav">
+			<li><a href="buttons-types.html" data-role="button" data-transition="fade">Basics</a></li>
+			<li><a href="buttons-options.html" data-role="button" data-transition="fade">Options</a></li>
+			<li><a href="buttons-methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
+			<li><a href="buttons-events.html" data-role="button" data-transition="fade">Events</a></li>
+		</ul>	
+			
+			<p>The following methods apply only to <strong>form buttons</strong>.  Link-based buttons do not have any associated methods.</p>
+
+		<dl>
+						
+			<dt><code>enable</code> enable a disabled form button</dt>
+			<dd>
+				<pre><code>
+$('[type='submit']').button('enable');			
+				</code></pre>
+			</dd>
+			
+			<dt><code>disable</code> disable a form button</dt>
+			<dd>
+				<pre><code>
+$('[type='submit']').button('disable');			
+				</code></pre>
+			</dd>
+			
+			<dt><code>refresh</code> update the form button</dt>
+			<dd>
+			<p>If you manipulate a form button via JavaScript, you must call the refresh method on it to update the visual styling.</p> 				
+			
+			<pre><code>		
+$('[type='submit']').button('refresh');
+				</code></pre>
+			</dd>
+			
+		</dl>	
+    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">				
+					<li data-role="list-divider">Buttons</li>
+					<li data-theme="a"><a href="buttons-types.html">Button basics</a></li>
+					<li><a href="buttons-icons.html">Button icons</a></li>
+					<li><a href="buttons-inline.html">Inline buttons</a></li>
+					<li><a href="buttons-grouped.html">Grouped buttons</a></li>
+					<li><a href="buttons-themes.html">Theming buttons</a></li>	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-options.html b/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-options.html
new file mode 100644
index 00000000..f0754cd3
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-options.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Button options</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Button basics</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Button basics</h2>		
+		
+         <ul data-role="controlgroup" data-type="horizontal" class="localnav">
+   			<li><a href="buttons-types.html" data-role="button" data-transition="fade">Basics</a></li>
+   			<li><a href="buttons-options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
+   			<li><a href="buttons-methods.html" data-role="button" data-transition="fade">Methods</a></li>
+   			<li><a href="buttons-events.html" data-role="button" data-transition="fade">Events</a></li>
+   		</ul>	
+			
+			<p>The following options apply to <strong>all buttons</strong>:</p>
+
+		<dl>			
+			<dt><code>corners</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: true</p>
+				<p>Applies the theme button border-radius if set to true. This option is also exposed as a data attribute: <code>data-corners=&quot;false&quot;</code></p>
+				<pre><code>$('a').buttonMarkup(<strong>{ corners: "false" }</strong>);</code></pre>
+				<a href="#" data-role="button" data-corners="false">No rounded corners</a>
+			</dd>			
+			<dt><code>icon</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: null</p>
+				<p>Applies an icon from the <a href="../buttons/buttons-icons.html">icon set</a>. This option is also exposed as a data attribute: <code>data-icon=&quot;star&quot;</code></p>
+				<pre><code>$('a').buttonMarkup(<strong>{ icon: "star" }</strong>);</code></pre>
+				<a href="#" data-role="button" data-icon="star">Star icon</a>
+			</dd>
+			
+			<dt><code>iconpos</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "left"</p>
+				<p>Positions the icon in the button. Possible values: left, right, top, bottom, none, notext. The notext value will display an icon-only button with no text feedback. This option is also exposed as a data attribute: <code>data-iconpos=&quot;left&quot;</code></p>
+				<pre><code>$('a').buttonMarkup(<strong>{ iconpos: "right" }</strong>);</code></pre>
+				<a href="#" data-role="button" data-icon="star" data-iconpos="right">Star icon</a>
+			</dd>
+			
+			<dt><code>iconshadow</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: true</p>
+				<p>Applies the theme shadow to the button's icon if set to true. This option is also exposed as a data attribute: <code>data-iconshadow=&quot;false&quot;</code></p>
+				<pre><code>$('a').buttonMarkup(<strong>{ iconshadow: "false" }</strong>);</code></pre>
+				<a href="#" data-role="button"  data-icon="star" data-iconshadow="false">No icon shadow</a>
+			</dd>
+			
+			<dt><code>inline</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: null (false)</p>
+				<p>If set to true, this will make the button act like an inline button so the width is determined by the button's text. By default, this is null (false) so the button is full width, regardless of the feedback content. Possible values: true, false. This option is also exposed as a data attribute: <code>data-inline=&quot;true&quot;</code></p>
+				<pre><code>$('a').buttonMarkup(<strong>{ inline: "true" }</strong>);</code></pre>
+				<a href="#" data-role="button" data-inline="true">Inline</a>
+			</dd>
+			
+			<dt><code>mini</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: null (false)</p>
+				<p>If set to true, this will display a more compact version of the button that uses less vertical height. Possible values: true, false. This option is also exposed as a data attribute: <code>data-mini=&quot;true&quot;</code></p>
+				<pre><code>$('a').buttonMarkup(<strong>{ mini: "true" }</strong>);</code></pre>
+				<a href="#" data-role="button" data-mini="true">Inline</a>
+			</dd>
+			
+			<dt><code>shadow</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: true</p>
+				<p>Applies the drop shadow style to the button if set to true. This option is also exposed as a data attribute: <code>data-shadow=&quot;false&quot;</code></p>
+				<pre><code>$('a').buttonMarkup(<strong>{ shadow: "false" }</strong>);</code></pre>
+				<a href="#" data-role="button" data-shadow="false">No button shadow</a>
+			</dd>
+			
+			<dt><code>theme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: null, inherited from parent</p>
+				<p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme=&quot;a&quot;</code></p>			
+				<pre><code>$('a').buttonMarkup(<strong>{ theme: "a" }</strong>);</code></pre>
+				<a href="#" data-role="button" data-theme="a">Theme A</a>
+			</dd>					
+		</dl>	
+		
+		<div class="ui-body ui-body-e">
+		<p>The following option applies only to <strong>form buttons</strong>, which are automatically initialized by the framework:</p>
+		</div>
+				
+		<dl>
+			<dt><code>initSelector</code> <em>CSS selector string</em></dt>
+			<dd>
+				<p class="default">default: "button, [type='button'], [type='submit'], [type='reset'], [type='image']"</p>
+				<p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as form buttons. To change which elements are initialized, bind this option to the <a href="../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+   <strong>$.mobile.button.prototype.options.initSelector = ".myButtons";</strong>
+});
+</code></pre>
+			</dd>			
+		</dl>	
+		
+    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">				
+					<li data-role="list-divider">Buttons</li>
+					<li data-theme="a"><a href="buttons-types.html">Button basics</a></li>
+					<li><a href="buttons-icons.html">Button icons</a></li>
+					<li><a href="buttons-inline.html">Inline buttons</a></li>
+					<li><a href="buttons-grouped.html">Grouped buttons</a></li>
+					<li><a href="buttons-themes.html">Theming buttons</a></li>	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-themes.html b/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-themes.html
new file mode 100644
index 00000000..0c11ef4a
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-themes.html
@@ -0,0 +1,130 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Theming buttons</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Theming buttons</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+			
+			<h2>Theming buttons</h2>
+			
+			<p>jQuery Mobile has a rich <a href="../api/themes.html">theming system</a> that gives you full control of how buttons are styled. When a link is added to a container, it is automatically assigned a theme swatch letter that matches its parent bar or content box to visually integrate the button into the parent container, like a chameleon. So a button placed inside a content container with a theme of "a" (black in the default theme) will be automatically assigned the button theme of "a" (charcoal in the default theme). Here are examples of the button theme pairings in the default theme. All buttons have the same HTML markup: </p>
+			
+			<div class="ui-body ui-body-a"><h4>A swatch</h4><a href="index.html" data-role="button">Button</a></div>
+			<div class="ui-body ui-body-b"><h4>B swatch</h4><a href="index.html" data-role="button">Button</a></div>
+			<div class="ui-body ui-body-c"><h4>C swatch</h4><a href="index.html" data-role="button">Button</a></div>
+			<div class="ui-body ui-body-d"><h4>D swatch</h4><a href="index.html" data-role="button">Button</a></div>
+			<div class="ui-body ui-body-e"><h4>E swatch</h4><a href="index.html" data-role="button">Button</a></div>
+			
+			<h2>Assigning theme swatches</h2>
+			<p>Buttons can be manually assigned any of the button color swatches from the theme to add visual contrast with the container they sit inside by adding the <code> data-theme</code> attribute on the button markup and specifying a swatch letter. </p>
+
+<pre><code>			
+&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot; data-theme=&quot;a&quot;&gt;Theme a&lt;/a&gt;			
+</code></pre>
+				
+		<p>Here are 5 buttons with icons that have a different swatch letter assigned via the <code> data-theme</code> attribute.</p>
+	
+		<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
+		<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
+		<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
+		<a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
+		<a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
+		
+		<h2>Theme variations</h2>
+		
+		<p><strong>"a" theme</strong> on container with themed buttons inside</p>
+		<div class="ui-body ui-body-a">
+			<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
+			<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
+			<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
+			<a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
+			<a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
+		</div>
+		
+		<p><strong>"b" theme</strong> on container with themed buttons inside</p>
+		<div class="ui-body ui-body-b">
+			<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
+			<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
+			<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
+			<a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
+			<a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
+		</div>
+		
+		<p><strong>"c" theme</strong> on container with themed buttons inside</p>
+		<div class="ui-body ui-body-c">
+			<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
+			<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
+			<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
+			<a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
+			<a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
+		</div>
+		
+		<p><strong>"d" theme</strong> on container with themed buttons inside</p>
+		<div class="ui-body ui-body-d">
+			<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
+			<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
+			<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
+			<a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
+			<a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
+		</div>
+		
+		<p><strong>"e" theme</strong> on container with themed buttons inside</p>
+		<div class="ui-body ui-body-e">
+			<a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
+			<a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
+			<a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
+			<a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
+			<a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
+		</div>
+		
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Buttons</li>
+					<li><a href="buttons-types.html">Button basics</a></li>
+					<li><a href="buttons-icons.html">Button icons</a></li>
+					<li><a href="buttons-inline.html">Inline buttons</a></li>
+					<li><a href="buttons-grouped.html">Grouped buttons</a></li>
+					<li data-theme="a"><a href="buttons-themes.html">Theming buttons</a></li>
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-types.html b/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-types.html
new file mode 100644
index 00000000..b74a2a93
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/buttons/buttons-types.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Button types</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Button basics</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		
+		 <h2>Button basics</h2>		
+		
+         <ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="buttons-types.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
+				<li><a href="buttons-options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="buttons-methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="buttons-events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>	
+			
+			
+   <p>Buttons are coded with standard HTML anchor and input elements, then enhanced by jQuery Mobile to make them more attractive and useable on a mobile device.  Use anchor links (<code>a</code> elements) to mark up navigation buttons, and <code>input</code> or <code>button</code> elements for form submission.</p>
+ 	<p>View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes for buttons including adding <a href="buttons-icons.html">icons</a> or displaying them <a href="buttons-inline.html">inline</a> or <a href="buttons-grouped.html">grouped</a>.</p>
+	
+		<h2>Styling links as buttons</h2>
+
+		<p>In the main content block of a page, you can style any anchor link as a button by adding the <code>data-role="button"</code> attribute. The framework will enhance the link with markup and classes to style the link as a button. For example, this markup: </p>
+
+<code>
+&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot;&gt;Link button&lt;/a&gt;
+</code>
+
+		<p>Produces this <strong>link-based</strong> button:</p>
+		<a href="index.html" data-role="button">Link button</a>
+		
+		<p><strong>Note:</strong> Links styled like buttons have all the same visual options as true form-based buttons below, but there are a few important differences. Link-based buttons aren't part of the <code>button</code> plugin and only just use the underlying <code>buttonMarkup</code> plugin to generate the button styles so the form button methods (enable, disable, refresh) aren't supported. If you need to disable a link-based button (or any element), it's possible to apply the disabled class ui-disabled yourself with JavaScript to achieve the same effect.</p>
+		
+		<h2>Mini size</h2>
+
+		<p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the button to create a <a href="../forms/forms-all-mini.html">mini version</a>. </p>
+
+<pre><code>	
+&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot; <strong>data-mini=&quot;true&quot;</strong>&gt;Link button&lt;/a&gt;
+</code></pre>
+
+		<p>This will produce a search input that a not as tall as the standard version and has a smaller text size.</p>
+         <a href="index.html" data-role="button" data-mini="true">Link button</a>
+		
+		
+		
+		<h2>Form buttons</h2>
+		<p>For ease of styling, the framework automatically converts any <code>button</code> or <code>input</code> element with a <code>type</code> of <code>submit</code>, <code>reset</code>, <code>button</code>, or <code>image</code> into a custom styled button &mdash; there is no need to add the <code> data-role="button"</code> attribute. However, if needed, you can directly call the button plugin on any selector, just like any jQuery plugin:</p>
+
+<code>
+$('[type='submit']').button();
+</code>
+
+		<p>To preserve events bound to the original <code>button</code> or <code>input</code>, the framework hides the original element by making it transparent and positioning it over the new button markup.  When a user clicks on the the custom-styled button, they're actually clicking on the original element. To prevent a form button from being converted into an enhanced button, add the <code>data-role="none"</code> attribute and hte native control will be rendered.</p>
+
+		<p><strong>Button</strong> based button:</p>
+		<button>Button element</button>
+		
+		<p><strong>Input type="button"</strong> based button:</p>
+		<input type="button" value="buttonBtn" />
+		
+		<p><strong>Input type="submit"</strong> based button:</p>
+		<input type="submit" value="submitBtn" />
+		
+		<p><strong>Input type="reset"</strong> based button:</p>
+		<input type="reset" value="resetBtn" />
+		
+		<p><strong>Input type="image"</strong> based button:</p>
+		<input type="image" value="imageBtn" />
+		
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">				
+					<li data-role="list-divider">Buttons</li>
+					<li data-theme="a"><a href="buttons-types.html">Button basics</a></li>
+					<li><a href="buttons-icons.html">Button icons</a></li>
+					<li><a href="buttons-inline.html">Inline buttons</a></li>
+					<li><a href="buttons-grouped.html">Grouped buttons</a></li>
+					<li><a href="buttons-themes.html">Theming buttons</a></li>	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/buttons/index.html b/libs/js/jquery-mobile-1.1.0/docs/buttons/index.html
new file mode 100644
index 00000000..5453ead0
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/buttons/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Buttons</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-index">
+
+	<div data-role="header" data-theme="f">
+		<h1>Buttons</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+			<p>Buttons are core widgets in jQuery Mobile, and are used within a wide range of other plugins.</p>
+
+			<ul data-role="listview" data-inset="true">
+					<li><a href="buttons-types.html">Button basics</a></li>
+					<li><a href="buttons-icons.html">Button icons</a></li>
+					<li><a href="buttons-inline.html">Inline buttons</a></li>
+					<li><a href="buttons-grouped.html">Grouped buttons</a></li>
+					<li><a href="buttons-themes.html">Theming buttons</a></li>
+			</ul>
+		</div>
+	</div><!-- /content -->
+
+
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/config/dialogTransition.html b/libs/js/jquery-mobile-1.1.0/docs/config/dialogTransition.html
new file mode 100644
index 00000000..971f6efc
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/config/dialogTransition.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Configuration</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+
+	<script>
+		$(document).bind("mobileinit", function(){
+			$.mobile.defaultDialogTransition = 'flip';
+		});
+	</script>
+	
+	<script src="../../js/"></script>
+	
+
+</head> 
+<body> 
+
+	<div data-role="page">
+
+		<div data-role="header" data-theme="f">
+		<h1>Config applied</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		
+		<h2>defaultDialogTransition is now "flip"</h2>
+		<p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
+		<a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
+		<a href="../pages/dialog.html" data-role="button" data-rel="dialog">Or open a basic dialog</a>
+
+		</div><!-- /ui-body wrapper -->	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/config/iOSFullscreen.html b/libs/js/jquery-mobile-1.1.0/docs/config/iOSFullscreen.html
new file mode 100644
index 00000000..ba8fb855
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/config/iOSFullscreen.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="apple-mobile-web-app-capable" content="yes">
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
+	<link rel="apple-touch-icon" href="../_assets/images/ios_icon.png"/>
+	<link rel="apple-touch-startup-image" href="../_assets/images/ios_startup.png" />
+	<title>jQuery Mobile Docs - Configuration</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+
+	<script>
+	$(document).bind("mobileinit", function() {
+		if (!!window.navigator.standalone) {
+			$.mobile.page.prototype.options.addBackBtn = true;
+		}
+	});
+	</script>
+	
+	<script src="../../js/"></script>
+	
+
+</head>
+<body>
+
+	<div data-role="page">
+
+		<div data-role="header" data-theme="f">
+		<h1>jQuery Mobile</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div>
+
+	<div data-role="content">
+
+		<h2>Fullscreen docs in iOS</h2>
+		<p>First, hit Add to Home Screen to create a new shortcut icon on the home screen.  Next, open the new shortcut and hit the button below to browse the docs as a fullscreen web app.</p>
+		<a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
+
+	</div>
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/config/index.html b/libs/js/jquery-mobile-1.1.0/docs/config/index.html
new file mode 100644
index 00000000..529879ea
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/config/index.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Configuration</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-index">
+
+		<div data-role="header" data-theme="f">
+		<h1>Pages</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+				<h2>Global config tests</h2>
+				<p>The following links will cause a full page refresh so that the global options configuration can take effect. Each link below will tweak a different option for quick testing.</p>
+
+			
+		<ul data-role="listview" data-inset="true">
+			<li>
+				<a href="pushState.html" data-ajax="false">
+				<h3>pushStateEnabled - False</h3>
+				<p>Enhancement to use history.replaceState in supported browsers, to convert the hash-based Ajax URL into the full document path. </p>
+				</a>
+			</li>
+			<li>
+				<a href="pageTransition.html" data-ajax="false">
+				<h3>defaultPageTransition - Flow</h3>
+				<p>Set the default transition for page changes that use Ajax. Set to 'none' for no transitions by default.</p>
+				</a>
+			</li>
+			<li>
+				<a href="dialogTransition.html" data-ajax="false">
+				<h3>defaultDialogTransition - Flip</h3>
+				<p>Set the default transition for dialog changes that use Ajax. Set to 'none' for no transitions by default.</p>
+				</a>
+			</li>
+			<li>
+				<a href="minScrollBack.html" data-ajax="false">
+				<h3>minScrollBack - 999</h3>
+				<p>Minimum scroll distance that will be remembered when returning to a page.</p>
+				</a>
+			</li>
+			<li>
+				<a href="loadingMessage.html" data-ajax="false">
+				<h3>loadingMessage - false</h3>
+				<p>Set the text that appears when a page is loading. If set to false, the message will not appear at all.</p>
+				</a>
+			</li>
+			<li>
+				<a href="loadingMessageTextVisible.html" data-ajax="false">
+				<h3>loadingMessageTextVisible - true</h3>
+				<p>Show text in the page loader.  This page also demonstrates options for ad hoc message generation.</p>
+				</a>
+			</li>
+			<li>
+				<a href="pageLoadErrorMessage.html" data-ajax="false">
+				<h3>pageLoadErrorMessage - "Yikes, we broke the internet!"</h3>
+				<p>Set the text that appears when a page fails to load through Ajax.</p>
+				</a>
+			</li>
+			<li>
+				<a href="iOSFullscreen.html" data-ajax="false">
+				<h3>apple-mobile-web-app-capable meta tag</h3>
+				<p>View the docs without browser chrome in iOS.</p>
+				</a>
+			</li>
+		</ul>
+		
+
+		</div><!-- /ui-body wrapper -->	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/config/jq17b1.html b/libs/js/jquery-mobile-1.1.0/docs/config/jq17b1.html
new file mode 100644
index 00000000..0c68342f
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/config/jq17b1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Configuration</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+	<script src="http://code.jquery.com/jquery-1.7b1.js"></script>
+	
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page">
+
+		<div data-role="header" data-theme="f">
+		<h1>jQuery version</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		
+		<h2>jQuery core version 1.7 Beta 1</h2>
+		<p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
+		<a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
+
+
+		</div><!-- /ui-body wrapper -->	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/config/loadingMessage.html b/libs/js/jquery-mobile-1.1.0/docs/config/loadingMessage.html
new file mode 100644
index 00000000..4a7e7696
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/config/loadingMessage.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Configuration</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+	
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+
+	<script>
+	$(document).bind("mobileinit", function(){
+	  $.mobile.loadingMessage = false;
+	});
+	</script>
+	
+	<script src="../../js/"></script>
+	
+</head> 
+<body> 
+
+	<div data-role="page">
+
+		<div data-role="header" data-theme="f">
+		<h1>Config applied</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		
+		<h2>loadingMessage is now disabled</h2>
+		<p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
+		<a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
+
+
+		</div><!-- /ui-body wrapper -->	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/config/loadingMessageTextVisible.html b/libs/js/jquery-mobile-1.1.0/docs/config/loadingMessageTextVisible.html
new file mode 100644
index 00000000..03732121
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/config/loadingMessageTextVisible.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Configuration</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script>
+	$(document).bind("mobileinit", function(){
+		$.mobile.loadingMessageTextVisible = true;
+	});
+	</script>
+	
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page">
+	<script>
+		$(document).on("click", ".show-page-loading-msg", function() {
+			var $this = $( this ),
+				theme = $this.jqmData("theme") || $.mobile.loadingMessageTheme,
+				msgText = $this.jqmData("msgtext") || $.mobile.loadingMessage,
+				textonly = !!$this.jqmData("textonly");
+			$.mobile.showPageLoadingMsg(theme, msgText, textonly);
+		})
+		.on("click", ".hide-page-loading-msg", function() {
+			$.mobile.hidePageLoadingMsg();
+		});
+	</script>
+
+	<div data-role="header" data-theme="f">
+		<h1>Config applied</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+
+		<h2>loadingMessage text is now visible</h2>
+		<p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
+		<a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
+
+		<p>To display the loading message on demand:</p>
+		<pre><code>$.mobile.showPageLoadingMsg();</code></pre>
+		<p>Click the buttons below to show and hide the loading message with the default options.</p>
+		<div data-role="controlgroup">
+			<button class="show-page-loading-msg" data-inline="false" data-icon="arrow-r" data-iconpos="right">Show</button>
+			<button class="hide-page-loading-msg" data-inline="false" data-icon="delete" data-iconpos="right">Hide</button>
+		</div>
+
+		<h2>Theming the loading message</h2>
+		<p>To display the loading message with a different theme and message:</p>
+		<pre><code>$.mobile.showPageLoadingMsg(<strong>"a", "Loading theme a..."</strong>);</code></pre>
+		<p>The theme and message can be changed on the fly by calling the method again.  Click the buttons below to see the loading message with the indicated theme.</p>
+		<div data-role="controlgroup">
+			<button class="show-page-loading-msg" data-theme="a" data-icon="arrow-r" data-iconpos="right" data-msgtext="Loading theme a...">Theme a</button>
+			<button class="show-page-loading-msg" data-theme="b" data-icon="arrow-r" data-iconpos="right" data-msgtext="Loading theme b...">Theme b</button>
+			<button class="show-page-loading-msg" data-theme="c" data-icon="arrow-r" data-iconpos="right" data-msgtext="Loading theme c...">Theme c</button>
+			<button class="show-page-loading-msg" data-theme="d" data-icon="arrow-r" data-iconpos="right" data-msgtext="Loading theme d...">Theme d</button>
+			<button class="show-page-loading-msg" data-theme="e" data-icon="arrow-r" data-iconpos="right" data-msgtext="Loading theme e...">Theme e</button>
+			<button class="hide-page-loading-msg" data-icon="delete" data-iconpos="right">Hide</button>
+		</div>
+
+		<h2>Text only messages</h2>
+		<p>To display the loading message with no spinner:</p>
+		<pre><code>$.mobile.showPageLoadingMsg("a", "No spinner", <strong>true</strong>);</code></pre>
+		<p>Click the button below to see the loading message with no spinner.</p>
+		<div data-role="controlgroup">
+			<button class="show-page-loading-msg" data-textonly="true" data-msgtext="Look Ma, no spinner!" data-icon="arrow-r" data-iconpos="right">Show</button>
+			<button class="hide-page-loading-msg" data-inline="false" data-icon="delete" data-iconpos="right">Hide</button>
+		</div>
+
+
+		</div><!-- /ui-body wrapper -->
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/config/minScrollBack.html b/libs/js/jquery-mobile-1.1.0/docs/config/minScrollBack.html
new file mode 100644
index 00000000..44d580fe
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/config/minScrollBack.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Configuration</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+	
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+
+	<script>
+	$(document).bind("mobileinit", function(){
+	  $.mobile.minScrollBack = 999;
+	});
+	</script>
+
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page">
+
+		<div data-role="header" data-theme="f">
+		<h1>Config applied</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		
+		<h2>minScrollBack is now set to 999 (disabled)</h2>
+		<p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
+		<a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
+
+
+		</div><!-- /ui-body wrapper -->	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/config/pageLoadErrorMessage.html b/libs/js/jquery-mobile-1.1.0/docs/config/pageLoadErrorMessage.html
new file mode 100644
index 00000000..116724b0
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/config/pageLoadErrorMessage.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Configuration</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+	
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+
+	<script>
+	$(document).bind("mobileinit", function(){
+	  $.mobile.pageLoadErrorMessage = 'Yikes, we broke the internet!';
+	});
+	</script>
+	
+	<script src="../../js/"></script>
+	
+
+</head> 
+<body> 
+
+	<div data-role="page">
+
+		<div data-role="header" data-theme="f">
+		<h1>Config applied</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		
+		<h2>pageLoadErrorMessage is now "Yikes, we broke the internet!"</h2>
+		<p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
+		<a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
+		<a href="broken.html" data-role="button" data-rel="dialog">Or try this broken link</a>
+
+
+		</div><!-- /ui-body wrapper -->	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/config/pageTransition.html b/libs/js/jquery-mobile-1.1.0/docs/config/pageTransition.html
new file mode 100644
index 00000000..aa0d849c
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/config/pageTransition.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Configuration</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+
+	<script>
+		$(document).bind("mobileinit", function(){
+			$.mobile.defaultPageTransition = 'flow';
+		});
+	</script>
+	
+	<script src="../../js/"></script>
+	
+
+</head> 
+<body> 
+
+	<div data-role="page">
+
+		<div data-role="header" data-theme="f">
+		<h1>Config applied</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		
+		<h2>defaultPageTransition is now "flow"</h2>
+		<p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
+		<a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
+
+		</div><!-- /ui-body wrapper -->	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/config/pushState.html b/libs/js/jquery-mobile-1.1.0/docs/config/pushState.html
new file mode 100644
index 00000000..58e68ce6
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/config/pushState.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Configuration</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+	
+	
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+
+	<script>
+	$(document).bind("mobileinit", function(){
+	  $.mobile.pushStateEnabled = false;
+	});
+	</script>
+	
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page">
+
+		<div data-role="header" data-theme="f">
+		<h1>Config applied</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		
+		<h2>pushStateEnabled is now disabled</h2>
+		<p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
+		<a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
+
+
+		</div><!-- /ui-body wrapper -->	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/config/touchOverflow.html b/libs/js/jquery-mobile-1.1.0/docs/config/touchOverflow.html
new file mode 100644
index 00000000..1474ac0b
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/config/touchOverflow.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Configuration</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+	
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+
+	<script>
+	$(document).bind("mobileinit", function(){
+	  $.mobile.touchOverflowEnabled = true;
+	});
+	</script>
+	
+	<script src="../../js/"></script>
+	
+
+</head> 
+<body> 
+
+	<div data-role="page">
+
+		<div data-role="header" data-theme="f" data-position="fixed">
+		<h1>Config applied</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		
+		<h2>touchOverflowEnabled is now active</h2>
+		<p>The toolbar on this page should now be fixed, like a native toolbar. To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
+		<a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
+		<a href="../pages/touchoverflow.html" data-role="button" data-icon="arrow-r" data-iconpos="right">touchOverflow docs</a>
+	
+		<h3>Some good pages to test out:</h3>
+			<a href="../toolbars/bars-fixed.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Fixed toolbars</a>
+			<a href="../toolbars/bars-fullscreen.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Fullscreen toolbars</a>
+			<a href="../toolbars/footer-persist-a.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Fixed persistent footer</a>
+			<a href="../pages/page-dialogs.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Dialogs &amp; transitions</a>
+			
+			
+		</div><!-- /ui-body wrapper -->	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/content/api-content.html b/libs/js/jquery-mobile-1.1.0/docs/content/api-content.html
new file mode 100644
index 00000000..9b049adc
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/content/api-content.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Content formatting</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" /> 
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Content formatting API</h1>
+	</div><!-- /header -->
+
+	<div data-role="content" data-theme="c">
+			
+			<h2>Dependencies</h2>
+			<p>To be documented</p>
+			
+			<h2>Options</h2>
+			<p>To be documented</p>
+			
+			<h2>Methods</h2>
+			<p>To be documented</p>
+			
+			<h2>Known Issues</h2>
+			<p>To be documented</p>
+			
+			
+		
+	</div><!-- /content -->
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-events.html b/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-events.html
new file mode 100644
index 00000000..cb880936
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-events.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Collapsible Content</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+			<h1>Collapsible</h1>
+			<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+			<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+		</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		<h2>Collapsible content</h2>
+		
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="content-collapsible.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="content-collapsible-options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="content-collapsible-methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="content-collapsible-events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
+			</ul>
+
+			<p>Bind events directly to the container, typically a <code>div</code> element.  Use jQuery Mobile's <a href="../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
+			<pre><code>
+$( ".selector" ).bind( "collapse", function(event, ui) {
+  ...
+});
+</code></pre>
+
+			<p>The collapsible plugin has the following custom events:</p>
+
+	<dl>
+
+		<dt><code>create</code> triggered when a collapsible is created</dt>
+		<dd>
+
+			<pre><code>
+$( ".selector" ).collapsible({
+   create: function(event, ui) { ... }
+});
+			</code></pre>
+		</dd>
+
+		<dt><code>collapse</code> triggered when a collapsible is collapsed</dt>
+		<dd>
+
+			<pre><code>
+$( ".selector" ).collapsible({
+   collapse: function(event, ui) { ... }
+});
+			</code></pre>
+		</dd>
+
+		<dt><code>expand</code> triggered when a collapsible is expanded</dt>
+		<dd>
+
+			<pre><code>
+$( ".selector" ).collapsible({
+   expand: function(event, ui) { ... }
+});
+			</code></pre>
+		</dd>
+
+	</dl>
+
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Content Formatting</li>
+					<li><a href="content-html.html">Basic HTML styles</a></li>
+					<li><a href="content-grids.html">Layout grids (columns)</a></li>
+					<li data-theme="a"><a href="content-collapsible.html">Collapsible content blocks</a></li>
+					<li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
+					<li><a href="content-themes.html">Theming content</a></li>
+	
+				</ul>
+		</div>
+	</div>
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-methods.html b/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-methods.html
new file mode 100644
index 00000000..f37e7b1f
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-methods.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Collapsible Content</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+			<h1>Collapsible</h1>
+			<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+			<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+		</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		<h2>Collapsible content</h2>
+		
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="content-collapsible.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="content-collapsible-options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="content-collapsible-methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
+				<li><a href="content-collapsible-events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+
+			<p>The collapsible plugin has no public methods.</p>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Content Formatting</li>
+					<li><a href="content-html.html">Basic HTML styles</a></li>
+					<li><a href="content-grids.html">Layout grids (columns)</a></li>
+					<li data-theme="a"><a href="content-collapsible.html">Collapsible content blocks</a></li>
+					<li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
+					<li><a href="content-themes.html">Theming content</a></li>
+	
+				</ul>
+		</div>
+	</div>
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-options.html b/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-options.html
new file mode 100644
index 00000000..a4dac071
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-options.html
@@ -0,0 +1,178 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Collapsible Content</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+			<h1>Collapsible</h1>
+			<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+			<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+		</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		<h2>Collapsible content</h2>
+		
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="content-collapsible.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="content-collapsible-options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
+				<li><a href="content-collapsible-methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="content-collapsible-events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+
+			<p>The collapsible plugin has the following options:</p>
+
+		<dl>
+			<dt><code>collapsed</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: true</p>
+				<p>When false, the container is initially expanded with a minus icon in the header. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.collapsible.prototype.options.collapsed = false;</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-collapsed=&quot;false&quot;</code>.</p>
+			</dd>
+
+			<dt><code>collapseCueText</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: " click to collapse contents"</p>
+				<p>This text is used to provide audible feedback for users with screen reader software. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.collapsible.prototype.options.collapseCueText = " collapse with a click";</strong>
+});
+</code></pre>
+			</dd>
+
+			<dt><code>contentTheme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: null, inherited from parent</p>
+				<p>Sets the color scheme (swatch) for the collapsible content block. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.collapsible.prototype.options.contentTheme = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-content-theme=&quot;a&quot;</code>.</p>
+			</dd>
+
+			<dt><code>expandCueText</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: " click to expand contents"</p>
+				<p>This text is used to provide audible feedback for users with screen reader software. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.collapsible.prototype.options.expandCueText = " expand with a click";</strong>
+});
+</code></pre>
+			</dd>
+
+			<dt><code>heading</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "h1,h2,h3,h4,h5,h6,legend"</p>
+				<p>Within the collapsible container, the first immediate child element that matches this selector will be used as the header for the collapsible. To change the selector, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.collapsible.prototype.options.heading = ".mycollapsibleheading";</strong>
+});
+</code></pre>
+			</dd>
+
+			<dt><code>iconpos</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "left"</p>
+				<p>Positions the icon in the collapsible header. Possible values: left, right, top, bottom, none, notext.</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.collapsible.prototype.options.iconpos = "right";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-iconpos=&quot;right&quot;</code>.</p>
+			</dd>
+
+<!--
+			<dt><code>iconTheme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "d"</p>
+				<p>Sets the color scheme (swatch) for the collapsible header icon. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.collapsible.prototype.options.iconTheme = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-icon-theme=&quot;a&quot;</code>.</p>
+			</dd>
+-->
+
+			<dt><code>initSelector</code> <em>CSS selector string</em></dt>
+			<dd>
+				<p class="default">default: ":jqmData(role='collapsible')"</p>
+				<p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as collapsibles. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.collapsible.prototype.options.initSelector = ".mycollapsible";</strong>
+});
+</code></pre>
+			</dd>
+
+			<dt><code>mini</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: false</p>
+				<p>Sets the size of the element to a more compact, <a href="../forms/forms-all-mini.html">mini version</a>. If the value is false for an individual collapsible container, but that container is part of a collapsible set, then the value is inherited from the parent collapsible set. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.collapsible.prototype.options.mini = true;</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-mini=&quot;true&quot;</code>.</p>
+			</dd>
+			<dt><code>theme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: null, inherited from parent</p>
+				<p>Sets the color scheme (swatch) for the collapsible. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.collapsible.prototype.options.theme = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-theme=&quot;a&quot;</code>.</p>
+			</dd>
+
+
+		</dl>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Content Formatting</li>
+					<li><a href="content-html.html">Basic HTML styles</a></li>
+					<li><a href="content-grids.html">Layout grids (columns)</a></li>
+					<li data-theme="a"><a href="content-collapsible.html">Collapsible content blocks</a></li>
+					<li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
+					<li><a href="content-themes.html">Theming content</a></li>
+	
+				</ul>
+		</div>
+	</div>
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-set-events.html b/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-set-events.html
new file mode 100644
index 00000000..ad0a542f
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-set-events.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Collapsible Content</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+			<h1>Collapsible set</h1>
+			<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+			<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+		</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		<h2>Collapsible sets</h2>
+		
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="content-collapsible-set.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="content-collapsible-set-options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="content-collapsible-set-methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="content-collapsible-set-events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
+			</ul>
+
+			<p>Bind events directly to the set container, typically a <code>div</code> element.  Use jQuery Mobile's <a href="../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
+			<pre><code>
+$( ".selector" ).bind( "create", function(event, ui) {
+  ...
+});
+</code></pre>
+
+			<p>The collapsible set plugin has the following custom event:</p>
+
+	<dl>
+
+		<dt><code>create</code> triggered when a collapsible set is created</dt>
+		<dd>
+
+			<pre><code>
+$( ".selector" ).collapsibleset({
+   create: function(event, ui) { ... }
+});
+			</code></pre>
+		</dd>
+
+	</dl>
+
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Content Formatting</li>
+					<li><a href="content-html.html">Basic HTML styles</a></li>
+					<li><a href="content-grids.html">Layout grids (columns)</a></li>
+					<li><a href="content-collapsible.html">Collapsible content blocks</a></li>
+					<li data-theme="a"><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
+					<li><a href="content-themes.html">Theming content</a></li>
+	
+				</ul>
+		</div>
+	</div>
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-set-methods.html b/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-set-methods.html
new file mode 100644
index 00000000..0ff80954
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-set-methods.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Collapsible Sets</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+			<h1>Collapsible set</h1>
+			<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+			<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+		</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		<h2>Collapsible sets</h2>
+		
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="content-collapsible-set.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="content-collapsible-set-options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="content-collapsible-set-methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
+				<li><a href="content-collapsible-set-events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+
+			<p>The collapsible set plugin has the following method:</p>
+
+		<dl>
+			<dt><code>refresh</code> update the collapsible set</dt>
+			<dd>
+			<p>If you manipulate a collapsible set via JavaScript (e.g. add new collapsible containers), you must call the refresh method on it to update the visual styling.</p>
+
+			<pre><code>
+$('.selector').collapsibleset('refresh');
+				</code></pre>
+			</dd>
+
+		</dl>
+
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Content Formatting</li>
+					<li><a href="content-html.html">Basic HTML styles</a></li>
+					<li><a href="content-grids.html">Layout grids (columns)</a></li>
+					<li><a href="content-collapsible.html">Collapsible content blocks</a></li>
+					<li data-theme="a"><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
+					<li><a href="content-themes.html">Theming content</a></li>
+	
+				</ul>
+		</div>
+	</div>
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-set-options.html b/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-set-options.html
new file mode 100644
index 00000000..26f4bda0
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-set-options.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Collapsible Sets</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+			<h1>Collapsible set</h1>
+			<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+			<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+		</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		<h2>Collapsible sets</h2>
+		
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="content-collapsible-set.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="content-collapsible-set-options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
+				<li><a href="content-collapsible-set-methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="content-collapsible-set-events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+
+			<p>The collapsible plugin has the following options:</p>
+
+		<dl>
+			<dt><code>iconpos</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "left"</p>
+				<p>Positions the icons in the collapsible headers. Possible values: left, right, top, bottom, none, notext.</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.collapsibleset.prototype.options.iconpos = "right";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-iconpos=&quot;right&quot;</code>.</p>
+			</dd>
+
+			<dt><code>initSelector</code> <em>CSS selector string</em></dt>
+			<dd>
+				<p class="default">default: ":jqmData(role='collapsible-set')"</p>
+				<p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as collapsible sets. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.collapsibleset.prototype.options.initSelector = ".mycollapsibleset";</strong>
+});
+</code></pre>
+			</dd>
+
+			<dt><code>mini</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: false</p>
+				<p>Sets the size of the element to a more compact, <a href="../forms/forms-all-mini.html">mini version</a>. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.collapsibleset.prototype.options.mini = true;</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-mini=&quot;true&quot;</code>.</p>
+			</dd>
+			<dt><code>theme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: null, inherited from parent</p>
+				<p>Sets the color scheme (swatch) for the collapsible set. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.collapsibleset.prototype.options.theme = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-theme=&quot;a&quot;</code>.</p>
+			</dd>
+
+		</dl>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Content Formatting</li>
+					<li><a href="content-html.html">Basic HTML styles</a></li>
+					<li><a href="content-grids.html">Layout grids (columns)</a></li>
+					<li><a href="content-collapsible.html">Collapsible content blocks</a></li>
+					<li data-theme="a"><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
+					<li><a href="content-themes.html">Theming content</a></li>
+	
+				</ul>
+		</div>
+	</div>
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-set.html b/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-set.html
new file mode 100644
index 00000000..7481b2ea
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible-set.html
@@ -0,0 +1,198 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Collapsible Content</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Collapsible set</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		<h2>Collapsible set (accordion)</h2>
+
+		<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+			<li><a href="content-collapsible-set.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
+			<li><a href="content-collapsible-set-options.html" data-role="button" data-transition="fade">Options</a></li>
+			<li><a href="content-collapsible-set-methods.html" data-role="button" data-transition="fade">Methods</a></li>
+			<li><a href="content-collapsible-set-events.html" data-role="button" data-transition="fade">Events</a></li>
+		</ul>
+
+		<p>Collapsible sets start with the exact same markup as <a href="content-collapsible.html">individual collapsibles</a>. By adding a parent wrapper with a <code> data-role="collapsible-set"</code> attribute around a number of collapsibles, the framework will style these to looks like a visually grouped widget and make it behave like an accordion so only one section can be open at a time. View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to collapsible sets.</p>
+		<p>By default, all the sections will be collapsed. To set a section to be open when the page loads, add the <code> data-collapsed="false"</code> attribute to the heading of the section you want expanded.</p>
+
+	<pre><code>		
+<strong>&lt;div data-role="collapsible-set"&gt;</strong>
+
+	&lt;div data-role=&quot;collapsible&quot; <strong>data-collapsed=&quot;false&quot;</strong>&gt;
+	&lt;h3&gt;Section 1&lt;/h3&gt;
+	&lt;p&gt;I&#x27;m the collapsible set content for section B.&lt;/p&gt;
+	&lt;/div&gt;
+	
+	&lt;div data-role=&quot;collapsible&quot;&gt;
+	&lt;h3&gt;Section 2&lt;/h3&gt;
+	&lt;p&gt;I&#x27;m the collapsible set content for section B.&lt;/p&gt;
+	&lt;/div&gt;
+	
+<strong>&lt;/div&gt;</strong>
+	</code></pre>	
+	
+
+		<p>Here is an example of a collapsible set with 5 sections.</p>
+		
+		<div data-role="collapsible-set">
+			<div data-role="collapsible" data-collapsed="false">
+				<h3>Section 1</h3>
+				<p>I'm the collapsible content in a set so this feels like an accordion. I'm open by default because I have the <code>data-collapsed="false"</code> attribute.</p>
+			</div>
+			<div data-role="collapsible">
+				<h3>Section 2</h3>
+				<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
+			</div>
+			<div data-role="collapsible">
+				<h3>Section 3</h3>
+				<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
+			</div>
+			<div data-role="collapsible">
+				<h3>Section 4</h3>
+				<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
+			</div>
+			<div data-role="collapsible">
+				<h3>Section 5</h3>
+				<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
+			</div>
+		</div>
+
+		<h2>Mini collapsible sets</h2>
+
+		<p>For a more compact version that is useful in tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms/forms-all-mini.html">mini version</a>. </p>
+		
+		<div data-role="collapsible-set" data-theme="c" data-content-theme="d" data-mini="true">
+			<div data-role="collapsible">
+				<h3>Section 1</h3>
+				<p>Collapsible content</p>
+			</div>
+			<div data-role="collapsible">
+				<h3>Section 2</h3>
+				<p>Collapsible content</p>
+
+			</div>
+			<div data-role="collapsible">
+				<h3>Section 3</h3>
+				<p>Collapsible content</p>
+			</div>
+		</div>
+		
+		<h2>Icon positioning</h2>
+		<p>Collapsible headings’ default icon positioing can be overridden by using the <code>data-iconpos</code> attribute, either at the <code>collapsible-set</code> level or on an individual collapsible basis.</p>
+		
+		<div data-role="collapsible-set" data-theme="c" data-iconpos="right">
+			<div data-role="collapsible">
+				<h3>Section 1</h3>
+				<p>Inherits icon positioning from <code>data-iconpos="right"</code> attribute on parent.</p>
+			</div>
+			<div data-role="collapsible" data-iconpos="left">
+				<h3>Section 2</h3>
+				<p>data-iconpos="left"</p>
+			</div>
+			<div data-role="collapsible" data-iconpos="bottom">
+				<h3>Section 3</h3>
+				<p>data-iconpos="bottom"</p>
+			</div>
+			<div data-role="collapsible" data-iconpos="top">
+				<h3>Section 4</h3>
+				<p>data-iconpos="top"</p>
+			</div>
+		</div>
+		
+		
+		
+		<h2>Theming collapsible content</h2>
+		<p>The standard <code>data-theme</code> attribute can be used to set the color of each collapsible in a set. To provide a clearer visual grouping of the content with the headers, add the <code>data-content-theme</code> attribute with a swatch letter. This adds a themed background color and border to the content block. For consistent theming, add these attributes to the parent collapsible set.</p>
+
+
+<pre><code>		
+&lt;div data-role=&quot;collapsible-set&quot; <strong>data-theme=&quot;c&quot; data-content-theme=&quot;d&quot;</strong>&gt;
+</code></pre>	
+
+
+		<div data-role="collapsible-set" data-theme="c" data-content-theme="d">
+			<div data-role="collapsible">
+				<h3>Section 1</h3>
+				<p>Collapsible content</p>
+			</div>
+			<div data-role="collapsible">
+				<h3>Section 2</h3>
+				<p>Collapsible content</p>
+
+			</div>
+			<div data-role="collapsible">
+				<h3>Section 3</h3>
+				<p>Collapsible content</p>
+			</div>
+		</div>
+
+		<h2>Theming individual sections</h2>
+		<p>To have individual sections in a group styled differently, add <code>data-theme</code> and <code>data-content-theme</code> attributes to specific collapsibles.</p>
+
+		<div data-role="collapsible-set" data-content-theme="c">
+			<div data-role="collapsible" data-theme="b" data-content-theme="b">
+				<h3>Section header, swatch B</h3>
+				<p>Collapsible content, swatch B</p>
+			</div>
+			<div data-role="collapsible" data-theme="a" data-content-theme="a">
+				<h3>Section header, swatch A</h3>
+				<p>Collapsible content, swatch A</p>
+			</div>
+			<div data-role="collapsible" data-theme="e" data-content-theme="d">
+				<h3>Section header, swatch E</h3>
+				<p>Collapsible content, swatch D</p>
+			</div>
+		</div>
+		
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Content Formatting</li>
+					<li><a href="content-html.html">Basic HTML styles</a></li>
+					<li><a href="content-grids.html">Layout grids (columns)</a></li>
+					<li><a href="content-collapsible.html">Collapsible content blocks</a></li>
+					<li data-theme="a"><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
+					<li><a href="content-themes.html">Theming content</a></li>
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible.html b/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible.html
new file mode 100644
index 00000000..02379f43
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/content/content-collapsible.html
@@ -0,0 +1,226 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Collapsible Content</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+			<h1>Collapsible</h1>
+			<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+			<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+		</div><!-- /header -->
+
+		<div data-role="content">
+			<div class="content-primary">
+			<h2>Collapsible content</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="content-collapsible.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
+				<li><a href="content-collapsible-options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="content-collapsible-methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="content-collapsible-events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+
+			<p>To create a collapsible block of content, create a container and add the <code> data-role="collapsible"</code> attribute. Using <code>data-content-theme</code> attribute allows you to set a theme for the content of the collapsible. View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to collapsibles.</p>
+
+			<p>Directly inside this container, add any header element (H1-H6). The framework will style the header to look like a clickable button and add a "+" icon to the left to indicate it's expandable.</p>
+		
+			<p>After the header, add any HTML markup you want to be collapsible. The framework will wrap this markup in a container that will be hidden/shown when the heading is clicked.</p>
+			
+			<p>By default, the content will be collapsed.</p>
+<pre><code>		
+&lt;div <strong>data-role=&quot;collapsible&quot;</strong>&gt;
+   &lt;h3&gt;I&#x27;m a header&lt;/h3&gt;
+   &lt;p&gt;I&#x27;m the collapsible content. By default I'm closed, but you can click the header to open me.&lt;/p&gt;
+&lt;/div&gt;
+</code></pre>	
+	
+
+			<div data-role="collapsible">
+				<h3>I'm a header</h3>
+				<p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
+			</div>
+
+	<h2>Expanding collapsibles on load</h2>
+			
+	<p>To expand the content when the page loads, add the <code>data-collapsed="false"</code> attribute to the wrapper.</p>
+
+<code>		
+&lt;div data-role=&quot;collapsible&quot; <strong>data-collapsed=&quot;false&quot;&gt;</strong>
+</code>
+
+		<p>This code will create a collapsible widget like this:</p>
+	
+
+			<div data-role="collapsible" data-collapsed="false">
+				<h3>I'm a header</h3>
+				<p>I'm the collapsible content. I'm expanded by default because I have the "collapsed" state set to false.</p>
+			</div>
+	
+			<h2>Mini collapsibles</h2>
+
+			<p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms/forms-all-mini.html">mini version</a>. </p>
+
+		<code>		
+		&lt;div data-role=&quot;collapsible&quot; <strong>data-mini=&quot;true&quot;&gt;</strong>
+		</code>
+
+		<p>This code will create a mini collapsible widget:</p>
+
+		<div data-role="collapsible" data-mini="true">
+			<h3>I'm a mini header</h3>
+			<p>I'm the collapsible content. I'm expanded by default because I have the "collapsed" state set to false.</p>
+		</div>
+		
+		<h2>Icon positioning</h2>
+		<p>Collapsible headings’ default icon positioing can be overridden by using the <code>data-iconpos</code> attribute. In the below case, <code>data-iconpos="right"</code>.</p>
+		
+		<div data-role="collapsible" data-iconpos="right">
+			<h3>I'm a header</h3>
+			<p><code>data-iconpos="right"</code></p>
+		</div>
+		
+					
+	<h2>Theming collapsible content</h2>
+	
+		
+		<p>Collapsible content is minimally styled &mdash; we add only a bit of margin between the bar and content, and the header adopts the default Theme styles of the container it sits within.</p>
+		
+		<p>To provide a stronger visual connection between the collapsible header and content, add the <code>data-content-theme</code> attribute to the wrapper and specify a theme swatch letter. This will apply the swatch's border and <em>flat</em> background color (not the gradient) to the content block and changes the corner rounding to square off the bottom of the header and round the bottom of the content block instead to visually group these elements.</p>
+		
+<pre><code>		
+&lt;div data-role=&quot;collapsible&quot; <strong>data-content-theme=&quot;c&quot;</strong>&gt;
+   &lt;h3&gt;Header swatch A&lt;/h3&gt;
+   &lt;p&gt;I&#x27;m the collapsible content with a themed content block set to "C".&lt;/p&gt;
+&lt;/div&gt;
+</code></pre>
+		
+		<div data-role="collapsible" data-content-theme="c">
+			<h3>Header swatch</h3>
+			<p>I'm the collapsible content with a themed content block set to "C".</p>
+		</div>
+		
+		<h2>Theming collapsible headers</h2>
+		<p>To set the theme on a collapsible header button, add the <code>data-theme</code> attribute to the wrapper and specify a swatch letter. Note that you can mix and match swatch letters between the header and content with these theme attributes.</p>
+
+<pre><code>		
+&lt;div data-role=&quot;collapsible&quot; <strong>data-theme=&quot;a&quot; data-content-theme=&quot;a&quot;</strong>&gt;
+   &lt;h3&gt;Header swatch A&lt;/h3&gt;
+   &lt;p&gt;I&#x27;m the collapsible content with a themed content block set to "A".&lt;/p&gt;
+&lt;/div&gt;
+</code></pre>
+		
+		<div data-role="collapsible" data-theme="a" data-content-theme="a">
+			<h3>Header swatch A</h3>
+			<p>I'm the collapsible content with a themed content block set to "A".</p>
+		</div>
+
+
+		
+		<div data-role="collapsible" data-theme="b" data-content-theme="d">
+			<h3>Header swatch B</h3>
+			<p>I'm the collapsible content with a themed content block set to "D".</p>
+		</div>
+
+		
+		
+		<h2>Nested Collapsibles</h2>
+		
+		<p>Collapsibles can be nested inside each other if needed. In this example, we're setting the content theme to provide clearer visual connection between the levels.</p>
+		<div data-role="collapsible" data-collapsed="false" data-theme="e" data-content-theme="c">
+			<h3>I'm a header</h3>
+			<p>I'm the collapsible content. By default I'm open and displayed on the page, but you can click the header to hide me.</p>
+			
+			<div data-role="collapsible" data-theme="c" data-content-theme="c">
+				<h3>I'm a nested collapsible with a child collapsible</h3>
+				<p>I'm a child collapsible.</p>
+					<div data-role="collapsible" data-theme="d" data-content-theme="d">
+						<h3>Nested inside again.</h3>
+						<p>Three levels deep now.</p>
+					</div><!-- /section 1A -->
+			</div><!-- /section 1 -->
+
+			
+			<div data-role="collapsible" data-content-theme="c">
+				<h3>Section 3: Form elements</h3>
+				<form action="#" method="get">
+					<div data-role="fieldcontain">
+						<label for="textarea">Textarea:</label>
+						<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
+					</div>
+					<div data-role="fieldcontain">
+						<label for="slider">Input slider:</label>
+					 	<input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
+					</div>
+					<fieldset class="ui-grid-a">
+							<div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div>
+							<div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>	   
+				    </fieldset>
+				</form>
+			</div><!-- /section 2 -->
+
+			<div data-role="collapsible" data-content-theme="c">
+				<h3>Section 4: Collapsed list</h3>
+				<p>Here is an inset list:</p>
+				<ul data-role="listview" data-inset="true" data-theme="d">
+					<li><a href="index.html">Acura</a></li>
+					<li><a href="index.html">Audi</a></li>
+					<li><a href="index.html">BMW</a></li>
+					<li><a href="index.html">Cadillac</a></li>
+					<li><a href="index.html">Chrysler</a></li>
+					<li><a href="index.html">Dodge</a></li>
+					<li><a href="index.html">Ferrari</a></li>
+					<li><a href="index.html">Ford</a></li>
+				</ul>
+			</div><!-- /section 3 -->
+		</div>
+		
+		
+		
+		<h2>Collapsible sets (accordions)</h2>
+		<p>It's possible to combine multiple collapsibles into a grouped sets that acts like an <a href="content-collapsible-set.html">accordion widget</a>.</p>
+		
+		
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Content Formatting</li>
+					<li><a href="content-html.html">Basic HTML styles</a></li>
+					<li><a href="content-grids.html">Layout grids (columns)</a></li>
+					<li data-theme="a"><a href="content-collapsible.html">Collapsible content blocks</a></li>
+					<li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
+					<li><a href="content-themes.html">Theming content</a></li>
+	
+				</ul>
+		</div>
+	</div>
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/content/content-grids.html b/libs/js/jquery-mobile-1.1.0/docs/content/content-grids.html
new file mode 100644
index 00000000..0ebb3fa0
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/content/content-grids.html
@@ -0,0 +1,193 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Content Grids</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Layout grids</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		
+		<p>Using multiple column layouts isn't generally recommended on a mobile device because of the narrow screen width, but there are times where you may need to place small elements side-by-side (like buttons or navigation tabs, for example). </p>
+		
+		<p>The jQuery Mobile framework provides a simple way to build CSS-based columns through a  block style class convention called <code>ui-grid</code>. </p>
+		
+		<p>There are four preset configurations layouts  that can be used in any situation that requires columns:</p>
+			<ul>
+				<li><strong>two</strong>-column (using the <code>ui-grid-a</code> class)</li>
+				<li><strong>three</strong>-column (using the <code>ui-grid-b</code> class)</li>
+				<li><strong>four</strong>-column (using the <code>ui-grid-c</code> class)</li>
+				<li><strong>five</strong>-column (using the <code>ui-grid-d</code> class)</li>
+			</ul>
+			
+			<p>Grids are 100% width, completely invisible (no borders or backgrounds) and don't have padding or margins, so they shouldn't interfere with the styles of elements placed inside them. </p>
+			<p>Within the grid container, child elements are assigned <code>ui-block-a/b/c/d</code> in a sequential manner which makes each "block" element float side-by-side, forming the grid. The <code>ui-block-a</code> class essentially clears the floats which will start a new line (see multiple row grids, below).</p>
+			
+		<h2>Two column grids</h2>
+		<p>To build a two-column (50/50%) layout, start with a container with a <code>class</code> of <code>ui-grid-a</code>, and add two child containers inside it classed with <code>ui-block-a</code> for the first column and <code>ui-block-b</code> for the second:</p>
+
+<pre><code>
+&lt;div class=&quot;ui-grid-a&quot;&gt;
+	&lt;div class=&quot;ui-block-a&quot;&gt;&lt;strong&gt;I'm Block A&lt;/strong&gt; and text inside will wrap&lt;/div&gt;
+	&lt;div class=&quot;ui-block-b&quot;&gt;&lt;strong&gt;I'm Block B&lt;/strong&gt; and text inside will wrap&lt;/div&gt;
+&lt;/div&gt;&lt;!-- /grid-a --&gt;
+</code></pre>
+
+
+		
+		<p>The above markup produces the following content layout:</p>
+		
+		<div class="ui-grid-a">
+			<div class="ui-block-a"><strong>I'm Block A</strong> and text inside will wrap.</div>
+			<div class="ui-block-b"><strong>I'm Block B</strong> and text inside will wrap.</div>
+		</div><!-- /grid-a -->
+		
+		<p>As you see above, by default grid blocks have no visual styling; they simply present content side-by-side.</p>
+		
+		<p>Grid classes can be applied to any container. In this next example, we add <code>ui-grid-a</code> to a <code>fieldset</code>, and apply the <code>ui-block</code> classes to the two buttons inside to stretch them each to 50% of the screen width:</p>
+
+<pre><code>
+&lt;fieldset class=&quot;ui-grid-a&quot;&gt;
+	&lt;div class=&quot;ui-block-a&quot;&gt;&lt;button type=&quot;submit&quot; data-theme=&quot;c&quot;&gt;Cancel&lt;/button&gt;&lt;/div&gt;
+	&lt;div class=&quot;ui-block-b&quot;&gt;&lt;button type=&quot;submit&quot; data-theme=&quot;b&quot;&gt;Submit&lt;/button&gt;&lt;/div&gt;	   
+&lt;/fieldset&gt;
+</code></pre>
+	
+		<fieldset class="ui-grid-a">
+				<div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div>
+				<div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>	   
+	    </fieldset>
+	    
+	    
+	    <p>Theme classes (not data-theme attributes) from the <a href="../api/themes.html">theming system</a> can be added to an element, including grids. On the blocks below, we're adding two classes: <code>ui-bar</code> to add the default bar padding and <code>ui-bar-e</code> to apply the background gradient and font styling for the "e" toolbar theme swatch. For illustration purposes, an inline <code>style="height:120px"</code> attribute is also added to each grid to set each to a standard height. </p>
+			
+		<div class="ui-grid-a">
+			<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">Block A</div></div>
+			<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">Block B</div></div>
+		</div><!-- /grid-a -->
+
+		<h2>Three-column grids</h2>
+		<p>The other grid layout configuration uses <code>class=ui-grid-b</code> on the parent, and 3 child container elements, each with its respective <code>ui-block-a/b/c</code> class, to create a three-column layout (33/33/33%). Note: These blocks are also styled with theme classes so the grid layout is clearly visible.</p>
+	
+<pre><code>
+&lt;div class=&quot;ui-grid-b&quot;&gt;
+	&lt;div class=&quot;ui-block-a&quot;&gt;Block A&lt;/div&gt;
+	&lt;div class=&quot;ui-block-b&quot;&gt;Block B&lt;/div&gt;
+	&lt;div class=&quot;ui-block-c&quot;&gt;Block C&lt;/div&gt;
+&lt;/div&gt;&lt;!-- /grid-b --&gt;
+</code></pre>
+		
+		<p>This will produce a 33/33/33% grid for our content.</p>
+			
+		<div class="ui-grid-b">
+			<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">Block A</div></div>
+			<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">Block B</div></div>
+			<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">Block C</div></div>
+		</div><!-- /grid-b -->
+		
+		<p>And an example of a 3 column grid with buttons inside:</p>
+
+		<fieldset class="ui-grid-b">
+				<div class="ui-block-a"><button type="submit" data-theme="c">Hmm</button></div>
+				<div class="ui-block-b"><button type="submit" data-theme="a">No</button></div>	 
+				<div class="ui-block-b"><button type="submit" data-theme="b">Yes</button></div>  
+	    </fieldset>
+		
+		<h2>Four-column grids</h2>
+		
+		<p>A four-column, 25/25/25/25% grid is created by specifying <code>class=ui-grid-c</code> on the parent and adding a fourth block. Note: These blocks are also styled with theme classes so the grid layout is clearly visible.</p>
+			
+		<div class="ui-grid-c">
+			<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
+			<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
+			<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
+			<div class="ui-block-d"><div class="ui-bar ui-bar-e" style="height:120px">D</div></div>
+		</div><!-- /grid-c -->
+		
+		<h2>Five-column grids</h2>
+		<p>A five-column, 20/20/20/20/20% grid is created by specifying <code>class=ui-grid-d</code> on the parent and adding a fourth block. Note: These blocks are also styled with theme classes so the grid layout is clearly visible.</p>
+			
+		<div class="ui-grid-d">
+			<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
+			<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
+			<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
+			<div class="ui-block-d"><div class="ui-bar ui-bar-e" style="height:120px">D</div></div>
+			<div class="ui-block-e"><div class="ui-bar ui-bar-e" style="height:120px">E</div></div>
+		</div><!-- /grid-c -->
+		
+		<h2>Multiple row grids</h2>
+		
+		<p>Grids are designed to wrap to multiple rows of items. For example, if you specify a 3-column grid (ui-grid-b) on a container that has nine child blocks, it will wrap to 3 rows of 3 items each. There is a CSS rule to clear the floats and start a new line when the <code>class=ui-block-a</code> is seen so make sure to assign block classes in a repeating sequence (a, b, c, a, b, c, etc.) that maps to the grid type:</p>
+			
+		<div class="ui-grid-b">
+			<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
+			<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
+			<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
+			<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
+			<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
+			<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
+			<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
+			<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
+			<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
+		</div><!-- /grid-c -->
+		
+		
+		<h2>Grids in toolbars</h2>
+		<p>Grids are helpful for creating layouts within a toolbar. Here's a footer with a 3 column grid.</p>
+		<!--  NOTE: Inline styles are for demo purposes only, please use external styles -->
+		<div data-role="footer" data-theme="a" class="ui-bar ui-grid-c">
+				<div class="ui-block-a"><h3 style="margin-top:10px;">Settings</h3></div>
+				<div class="ui-block-b"><label for="value" style="margin:8px 10px 0 0; text-align:right;">Price</label> </div>
+				<div class="ui-block-c"><input id="value" value="5,000"></div>	 
+				<div class="ui-block-d"><div style="margin:6px 0 0 10px;"><button type="submit" data-theme="b">Update</button></div></div>  
+	    </div><!-- /footer -->
+	
+	
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+						<li data-role="list-divider">Content Formatting</li>
+						<li><a href="content-html.html">Basic HTML styles</a></li>
+						<li data-theme="a"><a href="content-grids.html">Layout grids (columns)</a></li>
+						<li><a href="content-collapsible.html">Collapsible content blocks</a></li>
+						<li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
+						<li><a href="content-themes.html">Theming content</a></li>
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/content/content-html.html b/libs/js/jquery-mobile-1.1.0/docs/content/content-html.html
new file mode 100644
index 00000000..9ad3b42a
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/content/content-html.html
@@ -0,0 +1,144 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - HTML formatting</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>HTML Formatting</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		<style>
+			table { width:100%; }
+			table caption { text-align:left;  }
+			table thead th { text-align:left; border-bottom-width:1px; border-top-width:1px; }
+			table th, td { text-align:left; padding:6px;} 
+		</style>
+		
+		
+	
+		
+		<p>The default approach to styling content in jQuery Mobile is simple: Use a light hand.  Our goal is to let the browser's native rendering take precedence; we add a bit of padding for more comfortable readability, and use the <a href="../api/themes.html">theming system</a>  to apply the font family and colors. </p>
+		<p>Taking a light hand with content styling gives designers and developers a clean slate to work with, instead of fighting against a lot of complex style overhead.</p>
+		
+		<h2>Default HTML markup styling</h2>
+		<p>By default, jQuery Mobile themes use standard HTML styles and sizes for standard markup elements like headers, paragraph content, block quotes, anchor links, standard ordered, unordered and definition lists, and tables &mdash; as shown in the examples below:</p>
+		<hr>
+		
+		<h1>H1 Heading</h1>
+		<h2>H2 Heading</h2>
+		<h3>H3 Heading</h3>
+		<h4>H4 Heading</h4>
+		<h5>H5 Heading</h5>
+		<h6>H6 Heading</h6>
+		
+		<p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
+		
+		<blockquote>How about some blockquote action with a <cite>cite</cite></blockquote>
+		
+		<p>This is another paragraph of text so you can see how HTML markup works in content. This is another paragraph of text so you can see how HTML markup works in content. This is another paragraph of text so you can see how HTML markup works in content.</p>
+		
+		<p>We add a few styles to <code>tables</code> and <code>fieldsets</code> to make them more legible, which are easily overridden with customs styles.</p>
+		
+		<ul>
+			<li>Unordered list item 1</li>
+			<li>Unordered list item 1</li>
+			<li>Unordered list item 1</li>
+		</ul>
+		
+		<ol>
+			<li>Ordered list item 1</li>
+			<li>Ordered list item 1</li>
+			<li>Ordered list item 1</li>
+		</ol>
+		
+		<dl title="Definition list">
+			<dt>Definition term</dt>
+			<dd>I'm the definition text</dd>
+			<dt>Definition term</dt>
+			<dd>I'm the definition text</dd>
+		</dl>
+
+
+
+		<table summary="This table lists all the JetBlue flights.">
+		  <caption>Travel Itinerary</caption>
+		  <thead>
+		    <tr>
+		       <th scope="col">Flight:</th>  
+		      <th scope="col">From:</th>  
+		      <th scope="col">To:</th>  
+		    </tr>
+		  </thead>
+		  <tfoot>
+		    <tr>
+		      <td colspan="5">Total: 3 flights</td>
+		    </tr>
+		  </tfoot>
+		  <tbody>
+		  <tr>
+		    <th scope="row">JetBlue 983</th>
+		    <td>Boston (BOS)</td>
+		    <td>New York (JFK)</td>
+		  </tr>
+		  <tr>
+		    <th scope="row">JetBlue 354</th>
+		    <td>San Francisco (SFO)</td>
+		    <td>Los Angeles (LAX)</td>
+		  </tr>
+		<tr>
+		    <th scope="row">JetBlue 465</th>
+		    <td>New York (JFK)</td>
+		    <td>Portland (PDX)</td>
+		  </tr>
+		  </tbody>
+		</table>
+	
+	
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+						<li data-role="list-divider">Content Formatting</li>
+						<li data-theme="a"><a href="content-html.html">Basic HTML styles</a></li>
+						<li><a href="content-grids.html">Layout grids (columns)</a></li>
+						<li><a href="content-collapsible.html">Collapsible content blocks</a></li>
+						<li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
+						<li><a href="content-themes.html">Theming content</a></li>
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/content/content-themes.html b/libs/js/jquery-mobile-1.1.0/docs/content/content-themes.html
new file mode 100644
index 00000000..80fce684
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/content/content-themes.html
@@ -0,0 +1,144 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Content Themes</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Theming content</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+			<div class="content-primary">
+		<h2>Theming the content area</h2>
+		<p>The main content area of a page (container with the <code> data-role="content"</code> attribute) should be themed by adding the <code> data-theme</code> attribute to the <code> data-role="page"</code> container to ensure that the background colors are applied to the full page, regardless of the content length. (If you add the <code> data-theme</code> attribute to the content container, the background color will stop after the content. So there may be a gap in color between the content and fixed footer.)</p>
+		<p>Additionally, the content area of a collapsible can be themed to match the theme of the collapsible header using the <code>data-content-theme</code> attribute.</p>
+
+<code>
+&lt;div data-role=&quot;page&quot; <strong> data-theme=&quot;a&quot;</strong> <strong>data-content-theme=&quot;a&quot;</strong>&gt;
+</code>
+
+		<h2>Theming collapsible blocks</h2>
+		<p>To set the color of the collapsible header, add the <code> data-theme</code> attribute to the collapsible container. The icon and body are not currently themable through data attributes, but can be styled directly with custom css.</p>
+
+<code>		
+&lt;div data-role=&quot;collapsible&quot; data-collapsed=&quot;true&quot; <strong> data-theme=&quot;a&quot;&gt;</strong>
+</code>
+		<h2>Themed examples</h2>
+		
+		<p><strong>A</strong> theme swatch on content &amp; collapsible</p>
+		<div class="ui-body ui-body-a">
+			<h1>H1 Heading</h1>
+			<p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
+			<div data-role="collapsible" data-collapsed="true" data-theme="a">
+				<h3>I'm a themed collapsible</h3>
+				<p>I have <code> data-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
+			</div><!-- /collapsible -->
+			<div data-role="collapsible" data-theme="a" data-content-theme="a">
+				<h3>I'm a themed collapsible with a themed content</h3>
+				<p>I have <code> data-content-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
+			</div>
+		</div><!-- /themed container -->
+		
+		<p><strong>B</strong> theme swatch on content &amp; collapsible</p>
+		<div class="ui-body ui-body-b">
+			<h1>H1 Heading</h1>
+			<p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
+			<div data-role="collapsible" data-collapsed="true" data-theme="b">
+				<h3>I'm a themed collapsible</h3>
+				<p>I have <code> data-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
+			</div><!-- /collapsible -->
+			<div data-role="collapsible" data-theme="b" data-content-theme="b">
+				<h3>I'm a themed collapsible with a themed content</h3>
+				<p>I have <code> data-content-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
+			</div>
+		</div><!-- /themed container -->
+		
+		<p><strong>C</strong> theme swatch on content &amp; collapsible</p>
+		<div class="ui-body ui-body-c">
+			<h1>H1 Heading</h1>
+			<p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
+			<div data-role="collapsible" data-collapsed="true" data-theme="c">
+				<h3>I'm a themed collapsible</h3>
+				<p>I have <code> data-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
+			</div><!-- /collapsible -->
+			<div data-role="collapsible" data-theme="c" data-content-theme="c">
+				<h3>I'm a themed collapsible with a themed content</h3>
+				<p>I have <code> data-content-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
+			</div>
+		</div><!-- /themed container -->
+		
+		<p><strong>D</strong> theme swatch on content &amp; collapsible</p>
+		<div class="ui-body ui-body-d">
+			<h1>H1 Heading</h1>
+			<p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
+			<div data-role="collapsible" data-collapsed="true" data-theme="d">
+				<h3>I'm a themed collapsible</h3>
+				<p>I have <code> data-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
+			</div><!-- /collapsible -->
+			<div data-role="collapsible" data-theme="d" data-content-theme="d">
+				<h3>I'm a themed collapsible with a themed content</h3>
+				<p>I have <code> data-content-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
+			</div>
+		</div><!-- /themed container -->
+		
+		<p><strong>E</strong> theme swatch on content &amp; collapsible</p>
+		<div class="ui-body ui-body-e">
+			<h1>H1 Heading</h1>
+			<p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
+			<div data-role="collapsible" data-collapsed="true" data-theme="e">
+				<h3>I'm a themed collapsible</h3>
+				<p>I have <code> data-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
+			</div><!-- /collapsible -->
+			<div data-role="collapsible" data-theme="e" data-content-theme="e">
+				<h3>I'm a themed collapsible with a themed content</h3>
+				<p>I have <code> data-content-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
+			</div>
+		</div><!-- /themed container -->
+		
+	
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+						<li data-role="list-divider">Content Formatting</li>
+						<li><a href="content-html.html">Basic HTML styles</a></li>
+						<li><a href="content-grids.html">Layout grids (columns)</a></li>
+						<li><a href="content-collapsible.html">Collapsible content blocks</a></li>
+						<li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
+						<li data-theme="a"><a href="content-themes.html">Theming content</a></li>
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/content/index.html b/libs/js/jquery-mobile-1.1.0/docs/content/index.html
new file mode 100644
index 00000000..1854e03a
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/content/index.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Content formatting</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-index">
+
+		<div data-role="header" data-theme="f">
+		<h1>Content formatting</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+
+		<p>The content of pages in jQuery Mobile is completely open-ended, but the jQuery Mobile framework provides a number of helpful tools and widgets &mdash; such as collapsible panels and multiple-column grid layouts &mdash; to make it easy to format your content for mobile devices.</p>
+
+		
+
+			
+		<ul data-role="listview" data-inset="true">
+			<li><a href="content-html.html">Basic HTML styles</a></li>
+			<li><a href="content-grids.html">Layout grids (columns)</a></li>
+			<li><a href="content-collapsible.html">Collapsible content blocks</a></li>
+			<li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
+			<li><a href="content-themes.html">Theming content</a></li>
+			<!--<li><a href="api-content.html">API documentation</a></li>-->
+		</ul>
+
+	</div><!-- /ui-body wrapper -->	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/checkboxes/events.html b/libs/js/jquery-mobile-1.1.0/docs/forms/checkboxes/events.html
new file mode 100644
index 00000000..388bc067
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/checkboxes/events.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Checkboxes</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Checkboxes</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+		<h2>Checkboxes</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
+			</ul>
+			
+			<p>Bind events directly to the <code>input</code> element.  Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
+			<pre><code> 
+$("input[type='checkbox']").bind( "change", function(event, ui) {
+  ...
+});
+</code></pre>
+			
+			<p>The checkbox plugin has the following custom events:</p>
+
+	<dl>
+				
+		<dt><code>create</code> triggered when a checkbox is created</dt>
+		<dd>
+			
+			<pre><code>
+$("input[type='checkbox']").checkboxradio({
+   create: function(event, ui) { ... }
+});		
+			</code></pre>
+		</dd>
+		
+
+	</dl>
+	    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li data-theme="a"><a href="index.html">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/checkboxes/index.html b/libs/js/jquery-mobile-1.1.0/docs/forms/checkboxes/index.html
new file mode 100644
index 00000000..94a9b116
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/checkboxes/index.html
@@ -0,0 +1,189 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Checkboxes</title> 
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Checkboxes</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		
+		<form action="#" method="get">
+
+		<h2>Checkboxes</h2>
+
+    <ul data-role="controlgroup" data-type="horizontal" class="localnav">
+      <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
+      <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+      <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+      <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+    </ul>
+
+		<p>Checkboxes are used to provide a list of options where more than one can be selected. Traditional desktop checkboxes are not optimized for touch input so in jQuery Mobile, we style the <code>label</code> for the checkboxes so they are larger and look clickable. A custom set of icons are added to the label to provide additional visual feedback.</p>
+		
+		<p>Both the radio and checkbox controls below use standard input/label markup, but are styled to be more touch-friendly. The styled control you see is actually the label element, which sits over the real input, so if images fail to load, you'll still have a functional control. In most browsers, clicking the label automatically triggers a click on the input, but we've had to trigger the update manually for a few mobile browsers that don't do this natively. On the desktop, these controls are keyboard and screen-reader accessible. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to checkboxes.</p>
+
+		<p>To create a single checkbox, add an <code>input</code> with a <code>type="checkbox"</code> attribute and a corresponding <code>label</code>. If the <code>input</code> isn’t wrapped in its corresponding <code>label</code>, be sure to set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated.</p>
+		
+		<pre><code>	
+&lt;label&gt;&lt;input type=&quot;checkbox&quot; name=&quot;checkbox-1&quot; /&gt; I agree &lt;/label&gt;
+			
+&lt;input type=&quot;checkbox&quot; name=&quot;checkbox-0&quot; id=&quot;checkbox-0&quot; class=&quot;custom&quot; /&gt;
+&lt;label for=&quot;checkbox-0&quot;&gt;I agree&lt;/label&gt;
+		</code></pre>
+				
+		<p>The above snippets will produce two basic checkboxes. The default styles will set the width of the element to 100% of the parent container.</p>
+					
+		<label> <input type="checkbox" name="checkbox-1 "/> I agree</label>
+		
+		<input type="checkbox" name="checkbox-0" id="checkbox-0" class="custom" />
+		<label for="checkbox-0">I agree</label>
+		
+		
+		<h2>Mini version</h2>
+
+		<p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms-all-mini.html">mini version</a>. </p>
+
+<pre><code>	
+&lt;input type=&quot;checkbox&quot; name=&quot;checkbox-0&quot; id=&quot;checkbox-mini-0&quot; class=&quot;custom&quot; <strong>data-mini=&quot;true&quot;</strong> /&gt;
+&lt;label for=&quot;checkbox-mini-0&quot;&gt;I agree&lt;/label&gt;
+</code></pre>
+		
+		<p>This will produce a select that is not as tall as the standard version and has a smaller text size.</p>
+		<input type="checkbox" name="checkbox-0" id="checkbox-mini-0" class="custom" data-mini="true" />
+		<label for="checkbox-mini-0">I agree</label>
+
+
+		<h2>Field containers &amp; Legends</h2>
+		<p>Because checkboxes use the <code>label</code> element for the text displayed next to the checkbox form element, we recommend wrapping the checkbox in a <code>fieldset</code> element that has a <code>legend</code> which acts as the title for the question. Add the  <code> data-role="controlgroup"</code> attribute to the <code>fieldset</code> so it can be styled in a parallel way as text inputs, selects or other form elements.</p>
+		
+		<p>Wrap the <code>fieldset</code> in a <code>div</code> with <code> data-role="fieldcontain"</code> attribute so it can be styled in a parallel way as text inputs, selects or other form elements.</p>
+
+
+<pre><code>	
+&lt;div data-role=&quot;fieldcontain&quot;&gt;
+    <strong>&lt;fieldset data-role=&quot;controlgroup&quot;&gt;
+	   &lt;legend&gt;Agree to the terms:&lt;/legend&gt;</strong>
+	   &lt;input type=&quot;checkbox&quot; name=&quot;checkbox-1&quot; id=&quot;checkbox-1&quot; class=&quot;custom&quot; /&gt;
+	   &lt;label for=&quot;checkbox-1&quot;&gt;I agree&lt;/label&gt;
+    <strong>&lt;/fieldset&gt;</strong>
+&lt;/div&gt;
+</code></pre>
+
+	<div data-role="fieldcontain">
+	 	<fieldset data-role="controlgroup">
+			<legend>Agree to the terms:</legend>
+			<input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
+			<label for="checkbox-1">I agree</label>
+	    </fieldset>
+	</div>
+	
+			
+		
+		<h2>Vertically grouped checkboxes</h2>
+		
+		<p>Typically, there are multiple checkboxes listed under a question title. To visually integrate multiple checkboxes into a grouped button set, the framework will automatically remove all margins between buttons and round only the top and bottom corners of the set if there is a <code> data-role="controlgroup"</code> attribute on the fie.</p>
+
+			<div  data-role="fieldcontain">
+			 	<fieldset data-role="controlgroup">
+					<legend>Choose as many snacks as you'd like:</legend>
+					<input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
+					<label for="checkbox-1a">Cheetos</label>
+
+					<input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
+					<label for="checkbox-2a">Doritos</label>
+					
+					<input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
+					<label for="checkbox-3a">Fritos</label>
+
+					<input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
+					<label for="checkbox-4a">Sun Chips</label>
+			    </fieldset>
+			</div>
+		
+		<h2>Horizontal toggle sets</h2>
+		
+		<p>Checkboxes can also be used for grouped button sets where more than one button can be selected at once, such as the bold, italic and underline button group seen in word processors. To make a horizontal button set, add the <code> data-type="horizontal"</code> to the <code>fieldset</code>.</p>
+
+<code>
+&lt;fieldset data-role=&quot;controlgroup&quot; <strong>data-type=&quot;horizontal&quot;</strong>&gt;
+</code>
+
+			<p>The framework will float the labels so they sit side-by-side on a line, hide the checkbox icons and only round the left and right edges of the group.</p>
+			
+		<div data-role="fieldcontain">
+		    <fieldset data-role="controlgroup" data-type="horizontal">
+		    	<legend>Font styling:</legend>
+		    	<input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
+				<label for="checkbox-6">b</label>
+
+				<input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
+				<label for="checkbox-7"><em>i</em></label>
+
+				<input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
+				<label for="checkbox-8">u</label>    
+		    </fieldset>
+		</div>
+
+
+
+
+	</form>
+	
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li data-theme="a"><a href="index.html">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/checkboxes/methods.html b/libs/js/jquery-mobile-1.1.0/docs/forms/checkboxes/methods.html
new file mode 100644
index 00000000..ad1947d7
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/checkboxes/methods.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Checkboxes</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Checkboxes</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+		<h2>Checkboxes</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+			
+			<p>The checkbox has the following methods:</p>
+
+		<dl>
+			
+			<dt><code>enable</code> enable a disabled checkbox</dt>
+			<dd>
+				<pre><code>
+ $("input[type='checkbox']").checkboxradio('enable');
+				</code></pre>
+			</dd>
+			
+			<dt><code>disable</code> disable a select.</dt>
+			<dd>
+				<pre><code>
+$("input[type='checkbox']").checkboxradio('disable');
+				</code></pre>
+			</dd>
+			
+			<dt><code>refresh</code> update the custom select</dt>
+			<dd>
+      If you manipulate a checkbox via JavaScript, you must call the refresh method on it to update the visual styling.
+				<pre><code>
+$("input[type='checkbox']:first").attr("checked",true).checkboxradio("refresh");
+				</code></pre>
+			</dd>
+			
+		</dl>	
+    
+	</form>
+	</div><!--/content-primary -->
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li data-theme="a"><a href="index.html">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/checkboxes/options.html b/libs/js/jquery-mobile-1.1.0/docs/forms/checkboxes/options.html
new file mode 100644
index 00000000..2af01922
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/checkboxes/options.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Checkboxes</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Checkboxes</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+		<h2>Checkboxes</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+			
+			<p>The checkbox has the following options:</p>
+
+		<dl>
+			<dt><code>mini</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: false</p>
+				<p>Sets the size of the element to a more compact, <a href="../forms-all-mini.html">mini version</a>. This option is also exposed as a data attribute: <code>data-mini=&quot;true&quot;</code></p>		
+				<pre><code>$("input[type='checkbox']").checkboxradio(<strong>{ mini: "true" }</strong>);</code></pre>
+			</dd>
+			<dt><code>theme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: null, inherited from parent</p>
+				<p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme=&quot;a&quot;</code></p>		
+				<pre><code>$("input[type='checkbox']").checkboxradio(<strong>{ theme: "a" }</strong>);</code></pre>
+			</dd>
+			
+		</dl>	
+    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li data-theme="a"><a href="index.html">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/docs-forms.html b/libs/js/jquery-mobile-1.1.0/docs/forms/docs-forms.html
new file mode 100644
index 00000000..a3429423
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/docs-forms.html
@@ -0,0 +1,267 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Forms</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Forms</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+			<p>jQuery Mobile provides a complete set of finger-friendly form elements that are based on native HTML form elements.</p>
+
+			<h2>Form structure</h2>
+
+			<p>All forms should be wrapped in a <code>form</code> tag that has an <code>action</code> and <code>method</code> that will handle the form data processing on the server.</p>
+
+<code>
+&lt;form action=&quot;form.php&quot; method=&quot;post&quot;&gt;
+...
+&lt;/form&gt;
+</code>
+
+
+<h2>Markup conventions</h2>
+<p>When constructing forms to be used in jQuery Mobile, most of the standard guidelines used to create forms that submit via ordinary HTTP POST or GET still apply. Additionally, the <code>id</code> attributes of form controls need to be not only unique on a given page, but also unique across the pages in a site. This is because jQuery Mobile's single-page navigation model allows many different "pages" to be present in the DOM at the same time. You must be careful to use unique <code>id</code> attributes so there will be only one of each in the DOM. Be sure to pair them properly with <code>label</code> elements via the <code>for</code> attribute.</p>
+
+	<h2>Mini sized elements</h2>
+
+	<p>For a more compact version of all form elements and buttons, add the <code>data-mini="true"</code> attribute to the element to create a <a href="forms-all-mini.html">mini version</a>. This is useful in toolbars and tight spaces but is still finger-friendly. It's possible to add this attribute to a fieldcontainer to set this on a number of elements at once.</p>
+
+<pre><code>
+&lt;label for=&quot;basic&quot;&gt;Text Input:&lt;/label&gt;
+&lt;input type=&quot;text&quot; name=&quot;name&quot; id=&quot;basic&quot; <strong>data-mini=&quot;true&quot;</strong> /&gt;
+	</code></pre>
+
+	<p>This will produce an input that is not as tall as the standard version and has a smaller text size.</p>
+	 <label for="mini">Text Input:</label>
+	 <input type="text" name="name" id="mini" value="" data-mini="true" />
+
+	<h2>Hiding labels accessibly</h2>
+	<p>For the sake of accessibility, jQuery Mobile requires that all form elements be paired with a meaningful <code>label</code>. To hide labels in a way that leaves them visible to assistive technologies—for example, when letting an element’s <code>placeholder</code> attribute serve as a label—apply the helper class <code>ui-hidden-accessible</code> to the label itself:</p>
+<code>
+<pre>
+&lt;label for="username" <strong>class="ui-hidden-accessible"</strong>&gt;Username:&lt;/label&gt;
+&lt;input type="text" name="username" id="username" value="" placeholder="Username"/&gt;
+</pre>
+</code>
+
+	<p>To hide labels within a field container and adjust the layout accordingly, add the class <code>ui-hide-label</code> to the field container as in the following:</p>
+
+<code>
+<pre>
+&lt;div data-role="fieldcontain" <strong>class="ui-hide-label"</strong>&gt;
+	&lt;label for="username"&gt;Username:&lt;/label&gt;
+	&lt;input type="text" name="username" id="username" value="" placeholder="Username"/&gt;
+&lt;/div&gt;
+</pre>
+</code>
+
+	<p>Both of the above examples will render as:</p>
+	<div data-role="fieldcontain" class="ui-hide-label">
+		<label for="username">Username:</label>
+		<input type="text" name="username" id="username" value="" placeholder="Username" />
+	</div>
+
+	<p>While the label will no longer be visible, it will be available to assisitive technologies such as screen readers.</p>
+
+
+	<h2>Disabling form elements</h2>
+	<p>All jQuery Mobile widgets can be disabled in the markup by adding the standard <code>disabled</code> attribute to the element, just like you would with native controls. Each form widget also has standard <code>disable</code> and <code>enable</code> methods that are documented with each form widget. Here are a few examples of disabled widgets: </p>
+
+	<div data-role="fieldcontain">
+     <label for="foo">Text Input:</label>
+     <input type="text" name="name" id="foo" value="" disabled />
+	</div>
+
+	<div data-role="fieldcontain">
+	<fieldset data-role="controlgroup">
+    	<legend>Gender:</legend>
+         	<input type="radio" name="gender" id="radio-female" value="f" disabled />
+         	<label for="radio-female">Female</label>
+
+         	<input type="radio" name="gender" id="radio-male" value="m" disabled  />
+         	<label for="radio-male">Male</label>
+    </fieldset>
+    </div>
+
+	<div data-role="fieldcontain">
+	<label for="flip-s">Server status:</label>
+	<select name="flip-s" id="flip-s" data-role="slider" disabled >
+		<option value="off">Off</option>
+		<option value="on">On</option>
+	</select>
+    </div>
+
+    <div data-role="fieldcontain">
+	<label for="slider">Max bandwidth:</label>
+	<input type="range" name="slider" id="slider" value="0" min="0" max="100" disabled />
+    </div>
+
+	<div data-role="fieldcontain">
+		<label for="select-choice-x" class="select">Shipping:</label>
+		<select name="select-shipper" id="select-choice-x" disabled>
+			<option></option>
+			<option value="standard">Standard</option>
+			<option value="rush">Rush</option>
+			<option value="express">Express</option>
+			<option value="overnight">Overnight</option>
+		</select>
+	</div>
+
+	<p>Note that you can disable buttons created from <code>button</code> or <code>input</code>-based markup, but not links with a role of button. Links don't have a parallel disabled feature in HTML, but if you need to disable a link-based button (or any element), it's possible to apply the disabled class <code>ui-disabled</code> yourself with JavaScript to achieve the same effect. </p>
+
+		<h2>Field containers</h2>
+		<p>To improve the styling of labels and form elements on wider screens, wrap a <code>div</code> or <code>fieldset </code>with the <code> data-role="fieldcontain"</code> attribute around each label/form element. This framework aligns the input and associated label side-by-side, and breaks to stacked block-level elements below ~480px. The framework will also add a thin bottom border to act as a field separator.</p>
+
+		<h2>Forms in toolbars</h2>
+		<p>While all form elements are now tested to work correctly within <em>static</em> toolbars as of jQuery Mobile 1.1, we recommend extensive testing when using form elements within <em>fixed</em> toolbars or within any <code>position: fixed</code> elements. This can potentially trigger a number of unpredictable issues in various mobile browsers, Android 2.2/2.3 in particular (detailed in <a href="http://jqm.dev/docs/toolbars/bars-fixed.html">Known issues in Android 2.2/2.3</a>).</p>
+
+		<p>For example:</p>
+<pre><code>
+&lt;div data-role=&quot;fieldcontain&quot;&gt;
+&lt;label for="name"&gt;Text Input:&lt;/label&gt;
+&lt;input type="text" name="name" id="name" value="" /&gt;
+&lt;/div&gt;
+</code></pre>
+
+		<p>Will render as:</p>
+
+		<div data-role="fieldcontain">
+ 			<label for="name">Text Input:</label>
+ 			<input type="text" name="name" id="name" value=""  />
+		</div>
+
+		<p>For additional examples, see the <a href="forms-all.html">form elements gallery</a></p>
+
+
+	<h2>Auto-initialization of form elements</h2>
+	<p>By default, jQuery Mobile will automatically enhance certain native form controls into rich touch-friendly components. This is handled internally by finding form elements by tag name and running a plugin method on them. For instance, a <code>select</code> element will be found and initialized with the "selectmenu" plugin, while an <code>input</code> element with a <code>type="checkbox"</code> will be enhanced with the "checkboxradio" plugin. Once initialized, you can address these enhanced components programmatically through their jQuery UI widget API methods. See options, methods, and events listed on each form plugin's documentation page for details. </p>
+
+	<h2>Initializing groups of dynamically-injected form elements</h2>
+	<p>If you should generate new markup client-side or load in content via AJAX and inject it into a page, you can trigger the <code>create</code> event to handle the auto-initialization for all the plugins contained within the new markup. This can be triggered on any element (even the page div itself), saving you the task of manually initializing each plugin (see below).</p>
+
+	<p>For example, if a block of HTML markup (say a login form) was loaded in through Ajax, trigger the create event to automatically transform all the widgets it contains (inputs and buttons in this case) into the enhanced versions. The code for this scenario would be:</p>
+
+	<code>
+	$( ...new markup that contains widgets... ).appendTo( ".ui-page" ).trigger( "create" );
+	</code>
+
+	<h2>Refreshing form elements</h2>
+
+    <p>In jQuery Mobile, some enhanced form controls are simply styled (inputs), but others are custom controls (selects, sliders) built from, and kept in sync with, the native control. To programmatically update a form control with JavaScript, first manipulate the native control, then use the <code>refresh</code> method to tell the enhanced control to update itself to match the new state. Here are some examples of how to update common form controls, then call the <code>refresh</code> method:</p>
+	<h4>Checkboxes:</h4>
+
+<code>
+$("input[type='checkbox']").prop("checked",true).checkboxradio("refresh");
+</code>
+
+<h4>Radios:</h4>
+<code>
+$("input[type='radio']").prop("checked",true).checkboxradio("refresh");
+</code>
+
+<h4>Selects:</h4>
+<code><pre>
+var myselect = $("#selectfoo");
+myselect[0].selectedIndex = 3;
+myselect.selectmenu("refresh");
+</pre></code>
+
+<h4>Sliders:</h4>
+<code>
+$("input[type='range']").val(60).slider("refresh");
+</code>
+
+<h4>Flip switches (they use slider):</h4>
+
+<code><pre>
+var myswitch = $("#selectbar");
+myswitch[0].selectedIndex = 1;
+myswitch.slider("refresh");
+</pre></code>
+
+	<h2>Preventing auto-initialization of form elements</h2>
+	<p>If you'd prefer that a particular form control be left untouched by jQuery Mobile, simply give that element the attribute <code> data-role="none"</code>. For example:</p>
+	<pre><code>
+&lt;label for=&quot;foo&quot;&gt;
+&lt;select name=&quot;foo&quot; id=&quot;foo&quot; <strong> data-role=&quot;none&quot;</strong>&gt;
+	&lt;option value="a" &gt;A&lt;/option&gt;
+	&lt;option value="b" &gt;B&lt;/option&gt;
+	&lt;option value="c" &gt;C&lt;/option&gt;
+&lt;/select&gt;
+</code></pre>
+
+
+	<p>If you'd like to prevent auto-initialization without adding attributes to your markup, you can customize the selector that is used for preventing auto-initialization by setting the page plugin's <code>keepNative</code> option (which defaults to <code>[data-role="none"]</code>). Be sure to configure this option inside an event handler bound to the <code>mobileinit</code> event, so that it applies to the first page as well as subsequent pages that are loaded.</p>
+		<pre><code>
+$(document).bind('mobileinit',function(){
+	<strong>$.mobile.page.prototype.options.keepNative = "select, input.foo, textarea.bar";</strong>
+});
+		</code></pre>
+
+  	<p>Alternately you can use the <code>data-enhance="false"</code> data attribute on a parent element with <code>$.mobile.ignoreContentEnabled</code> set to true. Beware though, this will incur a performance penalty for each and every element in the page that would otherwise be enhanced as jQuery Mobile must traverse the set of parents to look for those elements.</p>
+
+<p>One special case is that of selects. The above sample will prevent any and all augmentation from taking place on select elements in the page if <code>select</code> is included. If you wish to retain the native performance and appearance of the menu itself and benefit from the visual augmentation of the select button by jQuery Mobile, you can set <code>$.mobile.selectmenu.prototype.options.nativeMenu</code> to true in a <code>mobileinit</code> callback as a global setting or use <code>data-native-menu="true"</code> on a case by case basis.</p>
+
+
+	<h2>File Inputs</h2>
+	<p>Using a multipart form with a file input is not supported by ajax. In this case you should decorate the parent form with <code>data-ajax="false"</code> to ensure the form is submitted properly to the server.</p>
+
+
+	</div><!--/content-primary -->
+
+	<div class="content-secondary">
+
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+				<h3>More in this section</h3>
+
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+					<li data-role="list-divider">Form elements</li>
+					<li data-theme="a"><a href="docs-forms.html">Form basics</a></li>
+					<li><a href="forms-all.html">Form element gallery</a></li>
+					<li><a href="forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="textinputs/">Text inputs</a></li>
+					<li><a href="search/">Search inputs</a></li>
+					<li><a href="slider/">Slider</a></li>
+					<li><a href="switch/">Flip toggle switch</a></li>
+					<li><a href="radiobuttons/">Radio buttons</a></li>
+					<li><a href="checkboxes/">Checkboxes</a></li>
+					<li><a href="selects/">Select menus</a></li>
+					<li><a href="forms-themes.html">Theming forms</a></li>
+					<li><a href="forms-all-native.html">Native form elements</a></li>
+					<li><a href="forms-sample.html">Submitting forms</a></li>
+
+
+				</ul>
+		</div>
+	</div>
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/forms-all-compare.html b/libs/js/jquery-mobile-1.1.0/docs/forms/forms-all-compare.html
new file mode 100644
index 00000000..6e4dafb8
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/forms-all-compare.html
@@ -0,0 +1,263 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Form element size comparison</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Form sizes</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Form size comparison</h2>
+
+			<p>All form controls accept a <code>data-mini="true"</code> attribute that renders a smaller version of the enhanced element. In the case of grouped buttons, the <code>data-mini="true"</code> attribute can be added to the containing controlgroup.</p>
+
+			<style>
+				table { width:100%; border-bottom:1px solid #ccc; border-collapse: collapse; }
+				th { text-align:left; margin-right:50px; display:none; }
+				th h3 { margin:.6em 0; }
+				th, td { vertical-align:top; border-top:1px solid #ccc; padding: 4px 10px; }
+			</style>
+
+		<table margin="0">
+			<tr>
+				<th><h3><a href="search/index.html">Search</a></h3></th>
+				<td>
+					<label for="search-full" class="ui-hidden-accessible">Search Input:</label>
+			        <input type="search" name="name" id="search-full" value="" />
+				</td>
+				<td>
+					<label for="text-mini" class="ui-hidden-accessible">Search Input:</label>
+			        <input type="search" name="name" id="search-mini" value="" data-mini="true" />	
+				</td>
+			</tr>
+			<tr>
+				<th><h3><a href="textinputs/index.html">Text</a></h3></th>
+				<td>
+					<label for="text-full" class="ui-hidden-accessible">Text Input:</label>
+			        <input type="text" name="name" id="text-full" value="" />
+				</td>
+				<td>
+					<label for="text-mini" class="ui-hidden-accessible">Text Input:</label>
+			        <input type="text" name="name" id="text-mini" value="" data-mini="true" />	
+				</td>
+			</tr>
+			<tr>
+				<th><h3><a href="textinputs/index.html">Textarea</a></h3></th>
+				<td>
+					<label for="textarea-full" class="ui-hidden-accessible">Textarea:</label>
+					<textarea name="textarea" id="textarea-full"></textarea>
+				</td>
+				<td>
+					<label for="textarea-mini" class="ui-hidden-accessible">Textarea:</label>
+					<textarea name="textarea" id="textarea-mini" data-mini="true"></textarea>	
+				</td>
+			</tr>
+			<tr>
+				<th><h3><a href="switch/index.html">Switch</a></h3></th>
+				<td>
+					<label for="flip-full" class="ui-hidden-accessible">Flip switch:</label>
+					<select name="slider" id="flip-full" data-role="slider">
+						<option value="off">Off</option>
+						<option value="on">On</option>
+					</select>
+				</td>
+				<td>
+					<label for="flip-mini" class="ui-hidden-accessible">Flip switch:</label>
+					<select name="slider" id="flip-mini" data-role="slider" data-mini="true">
+						<option value="off">Off</option>
+						<option value="on">On</option>
+					</select>	
+				</td>
+			</tr>
+			<tr>
+				<th><h3><a href="slider/index.html">Slider</a></h3></th>
+				<td style="padding-top:14px;">
+					<label for="slider-full" class="ui-hidden-accessible">Input slider:</label>
+					<input type="range" name="slider-1" id="slider-full" value="25" min="0" max="100" data-highlight="true" class="ui-hidden-accessible" />
+				</td>
+				<td style="padding-top:16px;">
+					<label for="slider-mini" class="ui-hidden-accessible">Input slider:</label>
+					<input type="range" name="slider-1" id="slider-mini" value="25" min="0" max="100" data-highlight="true" data-mini="true" class="ui-hidden-accessible" />
+				</td>
+			</tr>
+			<tr>
+				<th><h3><a href="select/index.html">Select</a></h3></th>
+				<td>
+					<label for="select-full" class="ui-hidden-accessible">Shipping method:</label>
+					<select name="select-choice-0" id="select-full">
+						<option value="standard">Standard: 7 day</option>
+						<option value="rush">Rush: 3 days</option>
+						<option value="express">Express: next day</option>
+						<option value="overnight">Overnight</option>
+					</select>
+				</td>
+				<td>
+					<label for="select-mini" class="ui-hidden-accessible">Shipping method:</label>
+					<select name="select-choice-0" id="select-mini" data-mini="true">
+						<option value="standard">Standard: 7 day</option>
+						<option value="rush">Rush: 3 days</option>
+						<option value="express">Express: next day</option>
+						<option value="overnight">Overnight</option>
+					</select>
+				</td>
+			</tr>
+			<tr>
+				<th><h3><a href="checkboxes/index.html">Checkbox</a></h3></th>
+				<td>
+					<fieldset data-role="controlgroup">
+						<input type="checkbox" name="checkbox-1a" id="c-full-1" />
+						<label for="c-full-1">Apples</label>
+						<input type="checkbox" name="checkbox-2a" id="c-full-2" />
+						<label for="c-full-2">Oranges</label>
+						<input type="checkbox" name="checkbox-3a" id="c-full-3" />
+						<label for="c-full-3">Bananas</label>
+				    </fieldset>
+				</td>
+				<td>
+					<fieldset data-role="controlgroup" data-mini="true">
+						<input type="checkbox" name="checkbox-1a" id="c-mini-1" />
+						<label for="c-mini-1">Apples</label>
+						<input type="checkbox" name="checkbox-2a" id="c-mini-2" />
+						<label for="c-mini-2">Oranges</label>
+						<input type="checkbox" name="checkbox-3a" id="c-mini-3" />
+						<label for="c-mini-3">Bananas</label>
+				    </fieldset>
+				</td>
+			</tr>
+			<tr>
+				<th><h3><a href="checkboxes/index.html">Checkbox</a></h3></th>
+				<td>
+					<fieldset data-role="controlgroup" data-type="horizontal">
+						<input type="checkbox" name="checkbox-1a" id="c-full-4" />
+						<label for="c-full-4">B</label>
+						<input type="checkbox" name="checkbox-2a" id="c-full-5" />
+						<label for="c-full-5">I</label>
+						<input type="checkbox" name="checkbox-3a" id="c-full-6" />
+						<label for="c-full-6">U</label>
+				    </fieldset>
+				</td>
+				<td>
+					<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
+						<input type="checkbox" name="checkbox-1a" id="c-mini-4" />
+						<label for="c-mini-4">B</label>
+						<input type="checkbox" name="checkbox-2a" id="c-mini-5" />
+						<label for="c-mini-5">I</label>
+						<input type="checkbox" name="checkbox-3a" id="c-mini-6" />
+						<label for="c-mini-6">U</label>
+				    </fieldset>
+				</td>
+			</tr>
+			<tr>
+				<th><h3><a href="radiobuttons/index.html">Radio buttons</a></h3></th>
+				<td>
+					<fieldset data-role="controlgroup">
+				         	<input type="radio" name="radio-choice-1" id="radio-full-1" value="choice-1" checked="checked" />
+				         	<label for="radio-full-1">Credit</label>
+				         	<input type="radio" name="radio-choice-1" id="radio-full-2" value="choice-2"  />
+				         	<label for="radio-full-2">Debit</label>
+				         	<input type="radio" name="radio-choice-1" id="radio-full-3" value="choice-3"  />
+				         	<label for="radio-full-3">Cash</label>
+				    </fieldset>
+				</td>
+				<td>
+					<fieldset data-role="controlgroup" data-mini="true">
+				         	<input type="radio" name="radio-choice-1" id="radio-mini-1" value="choice-1" checked="checked" />
+				         	<label for="radio-mini-1">Credit</label>
+				         	<input type="radio" name="radio-choice-1" id="radio-mini-2" value="choice-2"  />
+				         	<label for="radio-mini-2">Debit</label>
+				         	<input type="radio" name="radio-choice-1" id="radio-mini-3" value="choice-3"  />
+				         	<label for="radio-mini-3">Cash</label>
+				    </fieldset>
+				</td>
+			</tr>
+			<tr>
+				<th><h3><a href="radiobuttons/index.html">Radio toggle</a></h3></th>
+				<td>
+					<fieldset data-role="controlgroup" data-type="horizontal">
+				         	<input type="radio" name="radio-choice-1" id="radio-full-4" value="choice-1" checked="checked" />
+				         	<label for="radio-full-4">Design</label>
+				         	<input type="radio" name="radio-choice-1" id="radio-full-5" value="choice-2"  />
+				         	<label for="radio-full-5">Code</label>
+				    </fieldset>
+				</td>
+				<td>
+					<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
+				         	<input type="radio" name="radio-choice-1" id="radio-mini-4" value="choice-1" checked="checked" />
+				         	<label for="radio-mini-4">Design</label>
+				         	<input type="radio" name="radio-choice-1" id="radio-mini-5" value="choice-2"  />
+				         	<label for="radio-mini-5">Code</label>
+				    </fieldset>
+				</td>
+			</tr>
+			<tr>
+				<th><h3><a href="radiobuttons/index.html">Radio toggle</a></h3></th>
+				<td>
+					<button type="submit">Button</button>
+				</td>
+				<td>
+					<button type="submit" data-mini="true">Button</button>
+				</td>
+			</tr>
+		</table>
+			
+		</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="docs-forms.html">Form basics</a></li>
+					<li><a href="forms-all.html">Form element gallery</a></li>
+					<li data-theme="a"><a href="forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="textinputs/">Text inputs</a></li>
+					<li><a href="search/">Search inputs</a></li>
+					<li><a href="slider/">Slider</a></li>
+					<li><a href="switch/">Flip toggle switch</a></li>
+					<li><a href="radiobuttons/">Radio buttons</a></li>
+					<li><a href="checkboxes/">Checkboxes</a></li>
+					<li><a href="selects/">Select menus</a></li>
+					<li><a href="forms-themes.html">Theming forms</a></li>
+					<li><a href="forms-all-native.html">Native form elements</a></li>
+					<li><a href="forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/forms-all-mini.html b/libs/js/jquery-mobile-1.1.0/docs/forms/forms-all-mini.html
new file mode 100644
index 00000000..b838066d
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/forms-all-mini.html
@@ -0,0 +1,245 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Gallery of Form Controls</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Mini forms</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Mini form elements</h2>
+
+			<p>All form controls accept a <code>data-mini="true"</code> attribute that renders a smaller version of the <a href="forms-all.html">standard-sized</a> form elements. In the case of grouped buttons, the <code>data-mini="true"</code> attribute can be added to the containing controlgroup. <a href="forms-all-compare.html">Compare mini and normal</a> form elements side-by-side.</p>
+
+			<div data-role="fieldcontain">
+	         <label for="name">Text Input:</label>
+	         <input type="text" name="name" id="name" value="" data-mini="true" />
+			</div>
+
+			<div data-role="fieldcontain">
+			<label for="textarea">Textarea:</label>
+			<textarea cols="40" rows="8" name="textarea" id="textarea" data-mini="true"></textarea>
+			</div>
+
+			<div data-role="fieldcontain">
+	         <label for="search">Search Input:</label>
+	         <input type="search" name="password" id="search" value=""  data-mini="true" />
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="slider2">Flip switch:</label>
+				<select name="slider2" id="slider2" data-role="slider" data-mini="true">
+					<option value="off">Off</option>
+					<option value="on">On</option>
+				</select>
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="slider">Slider:</label>
+			 	<input type="range" name="slider" id="slider" value="50" min="0" max="100" data-highlight="true" data-mini="true" />
+			</div>
+
+			<div data-role="fieldcontain">
+			<fieldset data-role="controlgroup" data-mini="true">
+				<legend>Choose as many snacks as you'd like:</legend>
+				<input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
+				<label for="checkbox-1a">Cheetos</label>
+
+				<input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
+				<label for="checkbox-2a">Doritos</label>
+
+				<input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
+				<label for="checkbox-3a">Fritos</label>
+
+				<input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
+				<label for="checkbox-4a">Sun Chips</label>
+		    </fieldset>
+			</div>
+
+			<div data-role="fieldcontain">
+			<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
+		    	<legend>Font styling:</legend>
+		    	<input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
+				<label for="checkbox-6">b</label>
+
+				<input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
+				<label for="checkbox-7"><em>i</em></label>
+
+				<input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
+				<label for="checkbox-8">u</label>
+		    </fieldset>
+			</div>
+
+			<div data-role="fieldcontain">
+			    <fieldset data-role="controlgroup" data-mini="true">
+			    	<legend>Choose a pet:</legend>
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
+			         	<label for="radio-choice-1">Cat</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  />
+			         	<label for="radio-choice-2">Dog</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"  />
+			         	<label for="radio-choice-3">Hamster</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"  />
+			         	<label for="radio-choice-4">Lizard</label>
+			    </fieldset>
+			</div>
+
+			<div data-role="fieldcontain">
+			    <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
+			     	<legend>Layout view:</legend>
+			         	<input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
+			         	<label for="radio-choice-c">List</label>
+			         	<input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
+			         	<label for="radio-choice-d">Grid</label>
+			         	<input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
+			         	<label for="radio-choice-e">Gallery</label>
+			    </fieldset>
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="select-choice-1" class="select">Choose shipping method:</label>
+				<select name="select-choice-1" id="select-choice-1" data-mini="true">
+					<option value="standard">Standard: 7 day</option>
+					<option value="rush">Rush: 3 days</option>
+					<option value="express">Express: next day</option>
+					<option value="overnight">Overnight</option>
+				</select>
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="select-choice-3" class="select">Your state:</label>
+				<select name="select-choice-3" id="select-choice-3" data-mini="true">
+					<option value="AL">Alabama</option>
+					<option value="AK">Alaska</option>
+					<option value="AZ">Arizona</option>
+					<option value="AR">Arkansas</option>
+					<option value="CA">California</option>
+					<option value="CO">Colorado</option>
+					<option value="CT">Connecticut</option>
+					<option value="DE">Delaware</option>
+					<option value="FL">Florida</option>
+					<option value="GA">Georgia</option>
+					<option value="HI">Hawaii</option>
+					<option value="ID">Idaho</option>
+					<option value="IL">Illinois</option>
+					<option value="IN">Indiana</option>
+					<option value="IA">Iowa</option>
+					<option value="KS">Kansas</option>
+					<option value="KY">Kentucky</option>
+					<option value="LA">Louisiana</option>
+					<option value="ME">Maine</option>
+					<option value="MD">Maryland</option>
+					<option value="MA">Massachusetts</option>
+					<option value="MI">Michigan</option>
+					<option value="MN">Minnesota</option>
+					<option value="MS">Mississippi</option>
+					<option value="MO">Missouri</option>
+					<option value="MT">Montana</option>
+					<option value="NE">Nebraska</option>
+					<option value="NV">Nevada</option>
+					<option value="NH">New Hampshire</option>
+					<option value="NJ">New Jersey</option>
+					<option value="NM">New Mexico</option>
+					<option value="NY">New York</option>
+					<option value="NC">North Carolina</option>
+					<option value="ND">North Dakota</option>
+					<option value="OH">Ohio</option>
+					<option value="OK">Oklahoma</option>
+					<option value="OR">Oregon</option>
+					<option value="PA">Pennsylvania</option>
+					<option value="RI">Rhode Island</option>
+					<option value="SC">South Carolina</option>
+					<option value="SD">South Dakota</option>
+					<option value="TN">Tennessee</option>
+					<option value="TX">Texas</option>
+					<option value="UT">Utah</option>
+					<option value="VT">Vermont</option>
+					<option value="VA">Virginia</option>
+					<option value="WA">Washington</option>
+					<option value="WV">West Virginia</option>
+					<option value="WI">Wisconsin</option>
+					<option value="WY">Wyoming</option>
+				</select>
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="select-choice-a" class="select">Choose shipping method:</label>
+				<select name="select-choice-a" id="select-choice-a" data-native-menu="false" data-mini="true">
+					<option>Custom menu example</option>
+					<option value="standard">Standard: 7 day</option>
+					<option value="rush">Rush: 3 days</option>
+					<option value="express">Express: next day</option>
+					<option value="overnight">Overnight</option>
+				</select>
+			</div>
+
+		<div class="ui-body ui-body-b">
+		<fieldset class="ui-grid-a">
+				<div class="ui-block-a"><button type="submit" data-theme="d" data-mini="true">Cancel</button></div>
+				<div class="ui-block-b"><button type="submit" data-theme="a" data-mini="true">Submit</button></div>
+	    </fieldset>
+		</div>
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="docs-forms.html">Form basics</a></li>
+					<li><a href="forms-all.html">Form element gallery</a></li>
+					<li data-theme="a"><a href="forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="textinputs/">Text inputs</a></li>
+					<li><a href="search/">Search inputs</a></li>
+					<li><a href="slider/">Slider</a></li>
+					<li><a href="switch/">Flip toggle switch</a></li>
+					<li><a href="radiobuttons/">Radio buttons</a></li>
+					<li><a href="checkboxes/">Checkboxes</a></li>
+					<li><a href="selects/">Select menus</a></li>
+					<li><a href="forms-themes.html">Theming forms</a></li>
+					<li><a href="forms-all-native.html">Native form elements</a></li>
+					<li><a href="forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/forms-all-native.html b/libs/js/jquery-mobile-1.1.0/docs/forms/forms-all-native.html
new file mode 100644
index 00000000..726be46d
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/forms-all-native.html
@@ -0,0 +1,250 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Native Form Controls</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Forms</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Native form elements &amp; buttons</h2>
+
+			<p>Although the framework automatically enhances form elements and buttons into <a href="forms-all.html">touch input optimized controls</a> to streamline development, it's easy to tell jQuery Mobile to leave these elements alone so the standard, native control can be used instead.</p>
+			<p>Adding the <code>data-role="none"</code> attribute to any form or button element tells the framework to not apply any enhanced styles or scripting. The examples below all have this attribute in place to demonstrate the effect. You may need to write custom styles to lay out your form controls because we try to leave all the default styling intact.</p>
+
+			<div data-role="fieldcontain">
+	         <label for="name">Text Input:</label>
+	         <input type="text" name="name" id="name" value="" data-role="none" />
+			</div>
+
+			<div data-role="fieldcontain">
+			<label for="textarea">Textarea:</label>
+			<textarea cols="40" rows="8" name="textarea" id="textarea" data-role="none"></textarea>
+			</div>
+
+			<div data-role="fieldcontain">
+	         <label for="search">Search Input:</label>
+	         <input type="search" name="password" id="search" value="" data-role="none" />
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="slider2">Flip switch:</label>
+				<select name="slider2" id="slider2" data-role="none">
+					<option value="off">Off</option>
+					<option value="on">On</option>
+				</select>
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="slider">Slider:</label>
+			 	<input type="range" name="slider" id="slider" value="0" min="0" max="100" data-role="none" />
+			</div>
+
+			<div data-role="fieldcontain">
+			<fieldset data-role="controlgroup">
+				<legend>Choose as many snacks as you'd like:</legend>
+				<input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" data-role="none" />
+				<label for="checkbox-1a">Cheetos</label>
+
+				<input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" data-role="none" />
+				<label for="checkbox-2a">Doritos</label>
+
+				<input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" data-role="none" />
+				<label for="checkbox-3a">Fritos</label>
+
+				<input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" data-role="none" />
+				<label for="checkbox-4a">Sun Chips</label>
+		    </fieldset>
+			</div>
+
+			<div data-role="fieldcontain">
+			<fieldset data-role="controlgroup" data-type="horizontal">
+		    	<legend>Font styling:</legend>
+		    	<input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" data-role="none" />
+				<label for="checkbox-6">b</label>
+
+				<input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" data-role="none" />
+				<label for="checkbox-7"><em>i</em></label>
+
+				<input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" data-role="none" />
+				<label for="checkbox-8">u</label>
+		    </fieldset>
+			</div>
+
+			<div data-role="fieldcontain">
+			    <fieldset data-role="controlgroup">
+			    	<legend>Choose a pet:</legend>
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" data-role="none" />
+			         	<label for="radio-choice-1">Cat</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" data-role="none" />
+			         	<label for="radio-choice-2">Dog</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" data-role="none" />
+			         	<label for="radio-choice-3">Hamster</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" data-role="none" />
+			         	<label for="radio-choice-4">Lizard</label>
+			    </fieldset>
+			</div>
+
+			<div data-role="fieldcontain">
+			    <fieldset data-role="controlgroup" data-type="horizontal">
+			     	<legend>Layout view:</legend>
+			         	<input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" data-role="none" />
+			         	<label for="radio-choice-c">List</label>
+			         	<input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" data-role="none" />
+			         	<label for="radio-choice-d">Grid</label>
+			         	<input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" data-role="none" />
+			         	<label for="radio-choice-e">Gallery</label>
+			    </fieldset>
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="select-choice-1" class="select">Choose shipping method:</label>
+				<select name="select-choice-1" id="select-choice-1" data-role="none">
+					<option value="standard">Standard: 7 day</option>
+					<option value="rush">Rush: 3 days</option>
+					<option value="express">Express: next day</option>
+					<option value="overnight">Overnight</option>
+				</select>
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="select-choice-3" class="select">Your state:</label>
+				<select name="select-choice-3" id="select-choice-3" data-role="none">
+					<option>Choose...</option>
+					<option value="AL">Alabama</option>
+					<option value="AK">Alaska</option>
+					<option value="AZ">Arizona</option>
+					<option value="AR">Arkansas</option>
+					<option value="CA">California</option>
+					<option value="CO">Colorado</option>
+					<option value="CT">Connecticut</option>
+					<option value="DE">Delaware</option>
+					<option value="FL">Florida</option>
+					<option value="GA">Georgia</option>
+					<option value="HI">Hawaii</option>
+					<option value="ID">Idaho</option>
+					<option value="IL">Illinois</option>
+					<option value="IN">Indiana</option>
+					<option value="IA">Iowa</option>
+					<option value="KS">Kansas</option>
+					<option value="KY">Kentucky</option>
+					<option value="LA">Louisiana</option>
+					<option value="ME">Maine</option>
+					<option value="MD">Maryland</option>
+					<option value="MA">Massachusetts</option>
+					<option value="MI">Michigan</option>
+					<option value="MN">Minnesota</option>
+					<option value="MS">Mississippi</option>
+					<option value="MO">Missouri</option>
+					<option value="MT">Montana</option>
+					<option value="NE">Nebraska</option>
+					<option value="NV">Nevada</option>
+					<option value="NH">New Hampshire</option>
+					<option value="NJ">New Jersey</option>
+					<option value="NM">New Mexico</option>
+					<option value="NY">New York</option>
+					<option value="NC">North Carolina</option>
+					<option value="ND">North Dakota</option>
+					<option value="OH">Ohio</option>
+					<option value="OK">Oklahoma</option>
+					<option value="OR">Oregon</option>
+					<option value="PA">Pennsylvania</option>
+					<option value="RI">Rhode Island</option>
+					<option value="SC">South Carolina</option>
+					<option value="SD">South Dakota</option>
+					<option value="TN">Tennessee</option>
+					<option value="TX">Texas</option>
+					<option value="UT">Utah</option>
+					<option value="VT">Vermont</option>
+					<option value="VA">Virginia</option>
+					<option value="WA">Washington</option>
+					<option value="WV">West Virginia</option>
+					<option value="WI">Wisconsin</option>
+					<option value="WY">Wyoming</option>
+				</select>
+			</div>
+
+				
+
+
+			<p><strong>Button</strong> based button:</p>
+			<button data-role="none">Button element</button>
+
+			<p><strong>Input type="button"</strong> based button:</p>
+			<input type="button" value="Input type=button" data-role="none" />
+
+			<p><strong>Input type="submit"</strong> based button:</p>
+			<input type="submit" value="Input type=submit" data-role="none" />
+
+			<p><strong>Input type="reset"</strong> based button:</p>
+			<input type="reset" value="Input type=reset" data-role="none" />
+
+			<p><strong>Input type="image"</strong> based button:</p>
+			<input type="image" src="../_assets/images/jquery-logo.png" style="width:120px; padding:5px; background:#fff; border:1px solid #999;" value="Input type=image" data-role="none" />
+
+	</form>
+
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="docs-forms.html">Form basics</a></li>
+					<li><a href="forms-all.html">Form element gallery</a></li>
+					<li><a href="forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="textinputs/">Text inputs</a></li>
+					<li><a href="search/">Search inputs</a></li>
+					<li><a href="slider/">Slider</a></li>
+					<li><a href="switch/">Flip toggle switch</a></li>
+					<li><a href="radiobuttons/">Radio buttons</a></li>
+					<li><a href="checkboxes/">Checkboxes</a></li>
+					<li><a href="selects/">Select menus</a></li>
+					<li><a href="forms-themes.html">Theming forms</a></li>
+					<li data-theme="a"><a href="forms-all-native.html">Native form elements</a></li>
+					<li><a href="forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/forms-all.html b/libs/js/jquery-mobile-1.1.0/docs/forms/forms-all.html
new file mode 100644
index 00000000..8749ead3
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/forms-all.html
@@ -0,0 +1,247 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Gallery of Form Controls</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Forms</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Form elements</h2>
+
+			<p>This page contains various progressive-enhancement driven form controls. Native elements are sometimes hidden from view, but their values are maintained so the form can be submitted normally. Browsers that don't support the custom controls will still deliver a usable experience because all are based on native form elements.</p>
+			
+			<p>There is a complete set of <a href="forms-all-mini.html">mini-sized</a> form elements which are useful for toolbars or tighter spaces. <a href="forms-all-compare.html">Compare mini and normal</a> form elements side-by-side.</p>
+
+			<div data-role="fieldcontain">
+	         <label for="name">Text Input:</label>
+	         <input type="text" name="name" id="name" value=""  />
+			</div>
+
+			<div data-role="fieldcontain">
+			<label for="textarea">Textarea:</label>
+			<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
+			</div>
+
+			<div data-role="fieldcontain">
+	         <label for="search">Search Input:</label>
+	         <input type="search" name="password" id="search" value=""  />
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="slider2">Flip switch:</label>
+				<select name="slider2" id="slider2" data-role="slider">
+					<option value="off">Off</option>
+					<option value="on">On</option>
+				</select>
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="slider">Slider:</label>
+			 	<input type="range" name="slider" id="slider" value="50" min="0" max="100" data-highlight="true"  />
+			</div>
+
+			<div data-role="fieldcontain">
+			<fieldset data-role="controlgroup">
+				<legend>Choose as many snacks as you'd like:</legend>
+				<input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
+				<label for="checkbox-1a">Cheetos</label>
+
+				<input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
+				<label for="checkbox-2a">Doritos</label>
+
+				<input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
+				<label for="checkbox-3a">Fritos</label>
+
+				<input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
+				<label for="checkbox-4a">Sun Chips</label>
+		    </fieldset>
+			</div>
+
+			<div data-role="fieldcontain">
+			<fieldset data-role="controlgroup" data-type="horizontal">
+		    	<legend>Font styling:</legend>
+		    	<input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
+				<label for="checkbox-6">b</label>
+
+				<input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
+				<label for="checkbox-7"><em>i</em></label>
+
+				<input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
+				<label for="checkbox-8">u</label>
+		    </fieldset>
+			</div>
+
+			<div data-role="fieldcontain">
+			    <fieldset data-role="controlgroup">
+			    	<legend>Choose a pet:</legend>
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
+			         	<label for="radio-choice-1">Cat</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  />
+			         	<label for="radio-choice-2">Dog</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"  />
+			         	<label for="radio-choice-3">Hamster</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"  />
+			         	<label for="radio-choice-4">Lizard</label>
+			    </fieldset>
+			</div>
+
+			<div data-role="fieldcontain">
+			    <fieldset data-role="controlgroup" data-type="horizontal">
+			     	<legend>Layout view:</legend>
+			         	<input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
+			         	<label for="radio-choice-c">List</label>
+			         	<input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
+			         	<label for="radio-choice-d">Grid</label>
+			         	<input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
+			         	<label for="radio-choice-e">Gallery</label>
+			    </fieldset>
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="select-choice-1" class="select">Choose shipping method:</label>
+				<select name="select-choice-1" id="select-choice-1">
+					<option value="standard">Standard: 7 day</option>
+					<option value="rush">Rush: 3 days</option>
+					<option value="express">Express: next day</option>
+					<option value="overnight">Overnight</option>
+				</select>
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="select-choice-3" class="select">Your state:</label>
+				<select name="select-choice-3" id="select-choice-3">
+					<option value="AL">Alabama</option>
+					<option value="AK">Alaska</option>
+					<option value="AZ">Arizona</option>
+					<option value="AR">Arkansas</option>
+					<option value="CA">California</option>
+					<option value="CO">Colorado</option>
+					<option value="CT">Connecticut</option>
+					<option value="DE">Delaware</option>
+					<option value="FL">Florida</option>
+					<option value="GA">Georgia</option>
+					<option value="HI">Hawaii</option>
+					<option value="ID">Idaho</option>
+					<option value="IL">Illinois</option>
+					<option value="IN">Indiana</option>
+					<option value="IA">Iowa</option>
+					<option value="KS">Kansas</option>
+					<option value="KY">Kentucky</option>
+					<option value="LA">Louisiana</option>
+					<option value="ME">Maine</option>
+					<option value="MD">Maryland</option>
+					<option value="MA">Massachusetts</option>
+					<option value="MI">Michigan</option>
+					<option value="MN">Minnesota</option>
+					<option value="MS">Mississippi</option>
+					<option value="MO">Missouri</option>
+					<option value="MT">Montana</option>
+					<option value="NE">Nebraska</option>
+					<option value="NV">Nevada</option>
+					<option value="NH">New Hampshire</option>
+					<option value="NJ">New Jersey</option>
+					<option value="NM">New Mexico</option>
+					<option value="NY">New York</option>
+					<option value="NC">North Carolina</option>
+					<option value="ND">North Dakota</option>
+					<option value="OH">Ohio</option>
+					<option value="OK">Oklahoma</option>
+					<option value="OR">Oregon</option>
+					<option value="PA">Pennsylvania</option>
+					<option value="RI">Rhode Island</option>
+					<option value="SC">South Carolina</option>
+					<option value="SD">South Dakota</option>
+					<option value="TN">Tennessee</option>
+					<option value="TX">Texas</option>
+					<option value="UT">Utah</option>
+					<option value="VT">Vermont</option>
+					<option value="VA">Virginia</option>
+					<option value="WA">Washington</option>
+					<option value="WV">West Virginia</option>
+					<option value="WI">Wisconsin</option>
+					<option value="WY">Wyoming</option>
+				</select>
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="select-choice-a" class="select">Choose shipping method:</label>
+				<select name="select-choice-a" id="select-choice-a" data-native-menu="false">
+					<option>Custom menu example</option>
+					<option value="standard">Standard: 7 day</option>
+					<option value="rush">Rush: 3 days</option>
+					<option value="express">Express: next day</option>
+					<option value="overnight">Overnight</option>
+				</select>
+			</div>
+
+		<div class="ui-body ui-body-b">
+		<fieldset class="ui-grid-a">
+				<div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
+				<div class="ui-block-b"><button type="submit" data-theme="a">Submit</button></div>
+	    </fieldset>
+		</div>
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="docs-forms.html">Form basics</a></li>
+					<li data-theme="a"><a href="forms-all.html">Form element gallery</a></li>
+					<li><a href="forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="textinputs/">Text inputs</a></li>
+					<li><a href="search/">Search inputs</a></li>
+					<li><a href="slider/">Slider</a></li>
+					<li><a href="switch/">Flip toggle switch</a></li>
+					<li><a href="radiobuttons/">Radio buttons</a></li>
+					<li><a href="checkboxes/">Checkboxes</a></li>
+					<li><a href="selects/">Select menus</a></li>
+					<li><a href="forms-themes.html">Theming forms</a></li>
+					<li><a href="forms-all-native.html">Native form elements</a></li>
+					<li><a href="forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/forms-sample-response.php b/libs/js/jquery-mobile-1.1.0/docs/forms/forms-sample-response.php
new file mode 100755
index 00000000..0a4fce6a
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/forms-sample-response.php
@@ -0,0 +1,81 @@
+<!DOCTYPE html> 
+<html> 
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Sample form response</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+	<script src="../../js/jquery.js"></script>
+	
+	<script src="../_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="e">
+		<h1>Sample form response</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content" data-theme="c">
+		<div class="content-primary">
+		
+		<form action="index.html" method="get">
+			
+			<h2>You Chose:</h2>
+
+			<div class="ui-body ui-body-d ui-corner-all">
+
+			<?php
+				echo "<p> " . $_REQUEST['shipping'] . "</p>";
+			?>
+			
+			</div>
+			
+			<a href="forms-sample.html" data-role="button" data-theme="b" data-icon="arrow-l">Change shipping method</a>
+
+	</form>
+	
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="docs-forms.html">Form basics</a></li>
+					<li><a href="forms-all.html">Form element gallery</a></li>
+					<li><a href="textinputs/">Text inputs</a></li>
+					<li><a href="search/">Search inputs</a></li>
+					<li><a href="slider/">Slider</a></li>
+					<li><a href="switch/">Flip toggle switch</a></li>
+					<li><a href="radiobuttons/">Radio buttons</a></li>
+					<li><a href="checkboxes/">Checkboxes</a></li>
+					<li><a href="forms-selects.html">Select menus</a></li>
+					<li><a href="forms-themes.html">Theming forms</a></li>
+					<li><a href="forms-all-native.html">Native form elements</a></li>
+					<li data-theme="a"><a href="forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/forms-sample-selfsubmit.php b/libs/js/jquery-mobile-1.1.0/docs/forms/forms-sample-selfsubmit.php
new file mode 100755
index 00000000..440097e1
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/forms-sample-selfsubmit.php
@@ -0,0 +1,80 @@
+<!DOCTYPE html> 
+<html> 
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Sample Form Submit to Self</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+	<script src="../../js/jquery.js"></script>
+	
+	<script src="../_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Sample form submit to self</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content" data-theme="c">
+		<div class="content-primary">
+		
+		<form action="forms-sample-selfsubmit.php" method="post">
+			
+			<fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">
+			    <legend>Testing</legend>
+			    <div>
+			    	<?php $g = $_REQUEST['gender']; ?>
+			        <input type="radio" name="gender" value="m" id="gender-1" <?=$g=="m"? "checked": ""; ?> /><label for="gender-1">Male</label>
+			        <input type="radio" name="gender" value="f" id="gender-2" <?=$g=="f"? "checked": ""; ?> /><label for="gender-2">Female</label>
+			    </div>
+			</fieldset>
+			
+			<button type="submit">Submit</submit>
+	</form>
+	
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="docs-forms.html">Form basics</a></li>
+					<li><a href="forms-all.html">Form element gallery</a></li>
+					<li><a href="forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="textinputs/">Text inputs</a></li>
+					<li><a href="search/">Search inputs</a></li>
+					<li><a href="slider/">Slider</a></li>
+					<li><a href="switch/">Flip toggle switch</a></li>
+					<li><a href="radiobuttons/">Radio buttons</a></li>
+					<li><a href="checkboxes/">Checkboxes</a></li>
+					<li><a href="forms-selects.html">Select menus</a></li>
+					<li><a href="forms-themes.html">Theming forms</a></li>
+					<li><a href="forms-all-native.html">Native form elements</a></li>
+					<li data-theme="a"><a href="forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/forms-sample.html b/libs/js/jquery-mobile-1.1.0/docs/forms/forms-sample.html
new file mode 100644
index 00000000..4c1291e6
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/forms-sample.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Sample Form Submit</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Forms</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+			<div class="content-primary">
+
+			<h2>Ajax form submission</h2>
+
+			<p>In jQuery Mobile, form submissions are automatically handled using Ajax whenever possible, creating a smooth transition between the form and the result page. To ensure your form submits as intended, be sure to specify <code>action</code> and <code>method</code> properties on your form element. When unspecified, the method will default to <code>get</code>, and the <code>action</code> will default to the current page's relative path (found via <code>$.mobile.path.get()</code>)</p>
+			<p>Forms also accept attributes for transitions just like anchors, such as <code>data-transition="pop"</code> and <code>data-direction="reverse"</code>. To submit a form without Ajax, you can either disable Ajax form handling globally, or per form via the <code>data-ajax="false"</code> attribute. The <code>target</code> attribute (as in <code>target="_blank"</code>) is respected on forms as well, and will default to the browser's handling of that target when the form submits. Note that unlike anchors, the <code>rel</code> attribute is not allowed on forms.</p>
+
+
+            <h2>Default Ajax form example</h2>
+            <p>This demonstrates automated ajax handling of form submissions. The form below is configured to send a <code>GET</code> request to <code>forms-sample-response.php</code>. On submit, jQuery Mobile will make sure that the Url specified is able to be retrieved via Ajax, and handle it appropriately. Keep in mind that just like ordinary HTTP form submissions, jQuery Mobile allows <code>GET</code> result pages to be bookmarked by updating the URL hash when the response returns successfully. Also like ordinary form submissions, <code>POST</code> requests do not contain query parameters in the hash, so they are not bookmarkable.</p>
+			<form action="forms-sample-response.php" method="get" class="ui-body ui-body-a ui-corner-all">
+				<fieldset>
+					<div data-role="fieldcontain">
+						<label for="shipping" class="select">Shipping method:</label>
+						<select name="shipping" id="shipping">
+							<option value="Standard shipping">Standard: 7 day</option>
+							<option value="Rush shipping">Rush: 3 days</option>
+							<option value="Express shipping">Express: next day</option>
+							<option value="Overnight shipping">Overnight</option>
+						</select>
+					</div>
+					<button type="submit" data-theme="b" name="submit" value="submit-value">Submit</button>
+				</fieldset>
+			</form>
+
+			<h2>Non-Ajax form example</h2>
+
+			 <p>To prevent form submissions from being automatically handled with Ajax, add the <code>data-ajax="false"</code> attribute to the form element. You can also turn off Ajax form handling completely via the <code>ajaxEnabled</code> <a href="../api/globalconfig.html">global config option</a>.</p>
+
+            <p>The form below is identical to the one above except for the addition of the <code>data-ajax="false"</code> attribute. When the submit button is pressed, it will result in a full page refresh.</p>
+			<form action="forms-sample-response.php" method="get" data-ajax="false" class="ui-body ui-body-a ui-corner-all">
+				<fieldset>
+					<div data-role="fieldcontain">
+						<label for="shipping" class="select">Shipping method:</label>
+						<select name="shipping" id="shipping">
+							<option value="Standard shipping">Standard: 7 day</option>
+							<option value="Rush shipping">Rush: 3 days</option>
+							<option value="Express shipping">Express: next day</option>
+							<option value="Overnight shipping">Overnight</option>
+						</select>
+					</div>
+					<button type="submit" data-theme="b" name="submit" value="submit-value">Submit</button>
+				</fieldset>
+			</form>
+
+			<h2>Self-submitting Forms</h2>
+			<p>You can submit forms to the same URL you're currently viewing by setting the form's <code>action</code> attribute to that URL. <A href="forms-sample-selfsubmit.php">This page demonstrates.</a></p>
+			<p>When a <code>POST</code> request is submitted to a page that's already in the DOM (which would commonly happen when submitting a form to the same URL currently in view), the response URL will be identical to that existing page, as <code>POST</code> requests do not append query string parameters to the URL. In this situation, jQuery Mobile will replace the page that submitted the form with the page returned in the response body.</p>
+
+			</div><!--/content-primary -->
+
+			<div class="content-secondary">
+
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+							<li data-role="list-divider">Form elements</li>
+							<li><a href="docs-forms.html">Form basics</a></li>
+							<li><a href="forms-all.html">Form element gallery</a></li>
+							<li><a href="forms-all-mini.html">Mini form element gallery</a></li>
+              <li><a href="textinputs/">Text inputs</a></li>
+							<li><a href="search/">Search inputs</a></li>
+							<li><a href="slider/">Slider</a></li>
+							<li><a href="switch/">Flip toggle switch</a></li>
+							<li><a href="radiobuttons/">Radio buttons</a></li>
+							<li><a href="checkboxes/">Checkboxes</a></li>
+							<li><a href="selects/">Select menus</a></li>
+							<li><a href="forms-themes.html">Theming forms</a></li>
+							<li><a href="forms-all-native.html">Native form elements</a></li>
+							<li data-theme="a"><a href="forms-sample.html">Submitting forms</a></li>
+
+
+						</ul>
+				</div>
+			</div>
+
+		</div><!-- /content -->
+
+		<div data-role="footer" class="footer-docs" data-theme="c">
+				<p>&copy; 2011-12 The jQuery Foundation</p>
+		</div>
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/forms-themes.html b/libs/js/jquery-mobile-1.1.0/docs/forms/forms-themes.html
new file mode 100644
index 00000000..4a1df745
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/forms-themes.html
@@ -0,0 +1,408 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Theming Forms</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Theming forms</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+    	<div class="content-primary">
+	
+    <h2>Form themes</h2>
+    <p>jQuery Mobile has a rich <a href="../api/themes.html">theming system</a> that gives you full control of how pages and forms are styled. By default all form elements inside a container will automatically adopt the same theme color swatch as their parent. This allows form elements to blend into their layouts with minimal work. The <code> data-theme</code> attribute can be applied to any individual form element to apply any of the lettered theme color swatches to create contrast and emphasis in your designs.</p> 
+    
+    <p>All the form elements in the examples below use the same HTML code with no theme swatch specified on the individual form elements. The only difference between each example block code is a <code> data-theme</code> swatch color assigned to each parent container. This illustrates the way form elements automatically adopt the theme swatch of their parent.</p>
+			
+		
+	<h2>Body swatch A</h2>
+	<div class="ui-body ui-body-a">
+			
+		<div data-role="fieldcontain">
+         <label for="name-a">Text Input:</label>
+         <input type="text" name="name" id="name-a" value=""  />
+		</div>
+		
+		<div data-role="fieldcontain">
+			<label for="switch-a">Flip switch:</label>
+			<select name="switch-a" id="switch-a" data-role="slider">
+				<option value="off">Off</option>
+				<option value="on">On</option>
+			</select> 
+		</div>
+		
+		<div data-role="fieldcontain">
+			<label for="slider-a">Slider:</label>
+		 	<input type="range" name="slider" id="slider-a" value="0" min="0" max="100"  />
+		</div>
+		
+		
+		<div data-role="fieldcontain">
+		<fieldset data-role="controlgroup" data-type="horizontal">
+	    	<legend>Font styling:</legend>
+	    	<input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
+			<label for="checkbox-6a">b</label>
+
+			<input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
+			<label for="checkbox-7a"><em>i</em></label>
+
+			<input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
+			<label for="checkbox-8a">u</label>    
+	    </fieldset>
+		</div>
+	
+		<div data-role="fieldcontain">
+		    <fieldset data-role="controlgroup">
+		    	<legend>Choose a pet:</legend>
+		         	<input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
+		         	<label for="radio-choice-1a">Cat</label>
+
+		         	<input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2"  />
+		         	<label for="radio-choice-2a">Dog</label>
+
+		         	<input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3"  />
+		         	<label for="radio-choice-3a">Hamster</label>
+
+		         	<input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4"  />
+		         	<label for="radio-choice-4a">Lizard</label>
+		    </fieldset>
+		</div>
+		
+		<div data-role="fieldcontain">
+			<label for="select-choice-a" class="select">Choose shipping method:</label>
+			<select name="select-choice-a" id="select-choice-a">
+				<option value="standard">Standard: 7 day</option>
+				<option value="rush">Rush: 3 days</option>
+				<option value="express">Express: next day</option>
+				<option value="overnight">Overnight</option>
+			</select>
+		</div>
+		
+		</div><!-- /body-a -->
+		
+		<h2>Body swatch B</h2>
+		<div class="ui-body ui-body-b">
+
+			<div data-role="fieldcontain">
+	         <label for="name-b">Text Input:</label>
+	         <input type="text" name="name" id="name-b" value=""  />
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="switch-b">Flip switch:</label>
+				<select name="switch-b" id="switch-b" data-role="slider">
+					<option value="off">Off</option>
+					<option value="on">On</option>
+				</select> 
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="slider-b">Slider:</label>
+			 	<input type="range" name="slider" id="slider-b" value="0" min="0" max="100"  />
+			</div>
+
+
+			<div data-role="fieldcontain">
+			<fieldset data-role="controlgroup" data-type="horizontal">
+		    	<legend>Font styling:</legend>
+		    	<input type="checkbox" name="checkbox-6b" id="checkbox-6b" class="custom" />
+				<label for="checkbox-6b">b</label>
+
+				<input type="checkbox" name="checkbox-7b" id="checkbox-7b" class="custom" />
+				<label for="checkbox-7b"><em>i</em></label>
+
+				<input type="checkbox" name="checkbox-8b" id="checkbox-8b" class="custom" />
+				<label for="checkbox-8b">u</label>    
+		    </fieldset>
+			</div>
+
+			<div data-role="fieldcontain">
+			    <fieldset data-role="controlgroup">
+			    	<legend>Choose a pet:</legend>
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-1b" value="choice-1" />
+			         	<label for="radio-choice-1b">Cat</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-2b" value="choice-2"  />
+			         	<label for="radio-choice-2b">Dog</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-3b" value="choice-3"  />
+			         	<label for="radio-choice-3b">Hamster</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-4b" value="choice-4"  />
+			         	<label for="radio-choice-4b">Lizard</label>
+			    </fieldset>
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="select-choice-b" class="select">Choose shipping method:</label>
+				<select name="select-choice-b" id="select-choice-b">
+					<option value="standard">Standard: 7 day</option>
+					<option value="rush">Rush: 3 days</option>
+					<option value="express">Express: next day</option>
+					<option value="overnight">Overnight</option>
+				</select>
+			</div>
+
+			
+			</div><!-- /body-b -->
+
+
+			<h2>Body swatch C</h2>
+			<div class="ui-body ui-body-c">
+
+				<div data-role="fieldcontain">
+		         <label for="name-c">Text Input:</label>
+		         <input type="text" name="name" id="name-c" value=""  />
+				</div>
+
+				<div data-role="fieldcontain">
+					<label for="switch-c">Flip switch:</label>
+					<select name="switch-c" id="switch-c" data-role="slider">
+						<option value="off">Off</option>
+						<option value="on">On</option>
+					</select> 
+				</div>
+
+				<div data-role="fieldcontain">
+					<label for="slider-c">Slider:</label>
+				 	<input type="range" name="slider" id="slider-c" value="0" min="0" max="100"  />
+				</div>
+
+
+				<div data-role="fieldcontain">
+				<fieldset data-role="controlgroup" data-type="horizontal">
+			    	<legend>Font styling:</legend>
+			    	<input type="checkbox" name="checkbox-6c" id="checkbox-6c" class="custom" />
+					<label for="checkbox-6c">b</label>
+
+					<input type="checkbox" name="checkbox-7c" id="checkbox-7c" class="custom" />
+					<label for="checkbox-7c"><em>i</em></label>
+
+					<input type="checkbox" name="checkbox-8c" id="checkbox-8c" class="custom" />
+					<label for="checkbox-8c">u</label>    
+			    </fieldset>
+				</div>
+
+				<div data-role="fieldcontain">
+				    <fieldset data-role="controlgroup">
+				    	<legend>Choose a pet:</legend>
+				         	<input type="radio" name="radio-choice-1" id="radio-choice-1c" value="choice-1" />
+				         	<label for="radio-choice-1c">Cat</label>
+
+				         	<input type="radio" name="radio-choice-1" id="radio-choice-2c" value="choice-2"  />
+				         	<label for="radio-choice-2c">Dog</label>
+
+				         	<input type="radio" name="radio-choice-1" id="radio-choice-3c" value="choice-3"  />
+				         	<label for="radio-choice-3c">Hamster</label>
+
+				         	<input type="radio" name="radio-choice-1" id="radio-choice-4c" value="choice-4"  />
+				         	<label for="radio-choice-4c">Lizard</label>
+				    </fieldset>
+				</div>
+
+				<div data-role="fieldcontain">
+					<label for="select-choice-c" class="select">Choose shipping method:</label>
+					<select name="select-choice-c" id="select-choice-c">
+						<option value="standard">Standard: 7 day</option>
+						<option value="rush">Rush: 3 days</option>
+						<option value="express">Express: next day</option>
+						<option value="overnight">Overnight</option>
+					</select>
+				</div>
+
+				
+				</div><!-- /body-c -->
+				
+				
+				
+				<h2>Body swatch D</h2>
+				<div class="ui-body ui-body-d">
+
+					<div data-role="fieldcontain">
+			         <label for="name-d">Text Input:</label>
+			         <input type="text" name="name" id="name-d" value=""  />
+					</div>
+
+					<div data-role="fieldcontain">
+						<label for="switch-d">Flip switch:</label>
+						<select name="switch-d" id="switch-d" data-role="slider">
+							<option value="off">Off</option>
+							<option value="on">On</option>
+						</select> 
+					</div>
+
+					<div data-role="fieldcontain">
+						<label for="slider-d">Slider:</label>
+					 	<input type="range" name="slider" id="slider-d" value="0" min="0" max="100"  />
+					</div>
+
+
+					<div data-role="fieldcontain">
+					<fieldset data-role="controlgroup" data-type="horizontal">
+				    	<legend>Font styling:</legend>
+				    	<input type="checkbox" name="checkbox-6d" id="checkbox-6d" class="custom" />
+						<label for="checkbox-6d">b</label>
+
+						<input type="checkbox" name="checkbox-7d" id="checkbox-7d" class="custom" />
+						<label for="checkbox-7d"><em>i</em></label>
+
+						<input type="checkbox" name="checkbox-8d" id="checkbox-8d" class="custom" />
+						<label for="checkbox-8d">u</label>    
+				    </fieldset>
+					</div>
+
+					<div data-role="fieldcontain">
+					    <fieldset data-role="controlgroup">
+					    	<legend>Choose a pet:</legend>
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-1d" value="choice-1" />
+					         	<label for="radio-choice-1d">Cat</label>
+
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-2d" value="choice-2"  />
+					         	<label for="radio-choice-2d">Dog</label>
+
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-3d" value="choice-3"  />
+					         	<label for="radio-choice-3d">Hamster</label>
+
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-4d" value="choice-4"  />
+					         	<label for="radio-choice-4d">Lizard</label>
+					    </fieldset>
+					</div>
+
+					<div data-role="fieldcontain">
+						<label for="select-choice-d" class="select">Choose shipping method:</label>
+						<select name="select-choice-d" id="select-choice-d">
+							<option value="standard">Standard: 7 day</option>
+							<option value="rush">Rush: 3 days</option>
+							<option value="express">Express: next day</option>
+							<option value="overnight">Overnight</option>
+						</select>
+					</div>
+
+				
+					</div><!-- /body-d -->
+
+
+					<h2>Body swatch E</h2>
+					<div class="ui-body ui-body-e">
+
+						<div data-role="fieldcontain">
+				         <label for="name-e">Text Input:</label>
+				         <input type="text" name="name" id="name-e" value=""  />
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="switch-e">Flip switch:</label>
+							<select name="switch-e" id="switch-e" data-role="slider">
+								<option value="off">Off</option>
+								<option value="on">On</option>
+							</select> 
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="slider-e">Slider:</label>
+						 	<input type="range" name="slider" id="slider-e" value="0" min="0" max="100"  />
+						</div>
+
+
+						<div data-role="fieldcontain">
+						<fieldset data-role="controlgroup" data-type="horizontal">
+					    	<legend>Font styling:</legend>
+					    	<input type="checkbox" name="checkbox-6e" id="checkbox-6e" class="custom" />
+							<label for="checkbox-6e">b</label>
+
+							<input type="checkbox" name="checkbox-7e" id="checkbox-7e" class="custom" />
+							<label for="checkbox-7e"><em>i</em></label>
+
+							<input type="checkbox" name="checkbox-8e" id="checkbox-8e" class="custom" />
+							<label for="checkbox-8e">u</label>    
+					    </fieldset>
+						</div>
+
+						<div data-role="fieldcontain">
+						    <fieldset data-role="controlgroup">
+						    	<legend>Choose a pet:</legend>
+						         	<input type="radio" name="radio-choice-1" id="radio-choice-1e" value="choice-1" />
+						         	<label for="radio-choice-1e">Cat</label>
+
+						         	<input type="radio" name="radio-choice-1" id="radio-choice-2e" value="choice-2"  />
+						         	<label for="radio-choice-2e">Dog</label>
+
+						         	<input type="radio" name="radio-choice-1" id="radio-choice-3e" value="choice-3"  />
+						         	<label for="radio-choice-3e">Hamster</label>
+
+						         	<input type="radio" name="radio-choice-1" id="radio-choice-4e" value="choice-4"  />
+						         	<label for="radio-choice-4e">Lizard</label>
+						    </fieldset>
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="select-choice-e" class="select">Choose shipping method:</label>
+							<select name="select-choice-e" id="select-choice-e">
+								<option value="standard">Standard: 7 day</option>
+								<option value="rush">Rush: 3 days</option>
+								<option value="express">Express: next day</option>
+								<option value="overnight">Overnight</option>
+							</select>
+						</div>
+
+					
+						</div><!-- /body-e -->
+
+		</form>
+		
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+						<li data-role="list-divider">Form elements</li>
+						<li><a href="docs-forms.html">Form basics</a></li>
+						<li><a href="forms-all.html">Form element gallery</a></li>
+						<li><a href="forms-all-mini.html">Mini form element gallery</a></li>
+            			<li><a href="textinputs/">Text inputs</a></li>
+						<li><a href="search/">Search inputs</a></li>
+						<li><a href="slider/">Slider</a></li>
+						<li><a href="switch/">Flip toggle switch</a></li>
+						<li><a href="radiobuttons/">Radio buttons</a></li>
+						<li><a href="checkboxes/">Checkboxes</a></li>
+						<li><a href="selects/">Select menus</a></li>
+						<li data-theme="a"><a href="forms-themes.html">Theming forms</a></li>
+						<li><a href="forms-all-native.html">Native form elements</a></li>
+						<li><a href="forms-sample.html">Submitting forms</a></li>
+						
+
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/index.html b/libs/js/jquery-mobile-1.1.0/docs/forms/index.html
new file mode 100644
index 00000000..23f75b8c
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Forms</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-index">
+
+		<div data-role="header" data-theme="f">
+		<h1>Form elements</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		
+		<p>All form elements begin with standard HTML controls that are enhanced to make them more attractive and easy to use. In browsers that don't support the custom controls, they will still have a usable experience because these are all based on native form elements.</p>
+			
+		<ul data-role="listview" data-inset="true">
+			<li><a href="docs-forms.html">Form basics</a></li>
+			<li><a href="forms-all.html">Form element gallery</a></li>
+			<li><a href="forms-all-mini.html">Mini form element gallery</a></li>
+			<li><a href="textinputs/">Text inputs</a></li>
+			<li><a href="search/">Search inputs</a></li>
+			<li><a href="slider/">Slider</a></li>
+			<li><a href="switch/">Flip toggle switch</a></li>
+			<li><a href="radiobuttons/">Radio buttons</a></li>
+			<li><a href="checkboxes/">Checkboxes</a></li>
+			<li><a href="selects/">Select menus</a></li>
+			<li><a href="forms-themes.html">Theming forms</a></li>
+			<li><a href="forms-all-native.html">Native form elements</a></li>
+			<li><a href="forms-sample.html">Submitting forms</a></li>
+			
+		</ul>
+		
+	</div><!-- /ui-body wrapper -->	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/plugin-eventsmethods.html b/libs/js/jquery-mobile-1.1.0/docs/forms/plugin-eventsmethods.html
new file mode 100644
index 00000000..52c0b4dc
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/plugin-eventsmethods.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Form Plugin Methods</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Form Plugin Methods</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		
+		<div class="ui-body ui-body-e">
+		    <h4>We've retired this page.</h4>
+		    
+		    <p>Plugin events and methods are now documented separately for each component (see links on the left).</p>
+		</div>
+		
+		    
+						
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+						<li data-role="list-divider">Form elements</li>
+						<li><a href="docs-forms.html">Form basics</a></li>
+						<li><a href="forms-all.html">Form element gallery</a></li>
+						<li><a href="forms-all-mini.html">Mini form element gallery</a></li>
+                  	  	<li><a href="textinputs/">Text inputs</a></li>
+						<li><a href="search/">Search inputs</a></li>
+						<li><a href="slider/">Slider</a></li>
+						<li><a href="switch/">Flip toggle switch</a></li>
+						<li><a href="radiobuttons/">Radio buttons</a></li>
+						<li><a href="checkboxes/">Checkboxes</a></li>
+						<li><a href="selects/">Select menus</a></li>
+						<li><a href="forms-themes.html">Theming forms</a></li>
+						<li><a href="forms-all-native.html">Native form elements</a></li>
+						<li><a href="forms-sample.html">Submitting forms</a></li>
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/radiobuttons/events.html b/libs/js/jquery-mobile-1.1.0/docs/forms/radiobuttons/events.html
new file mode 100644
index 00000000..b721f44b
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/radiobuttons/events.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Radio buttons</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Radio buttons</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+		<h2>Radio buttons</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
+			</ul>
+			
+			
+			<p>Bind events directly to the <code>input</code> element.  Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
+			<pre><code> 
+$("input[type='radio']").bind( "change", function(event, ui) {
+  ...
+});
+</code></pre> 
+			
+			<p>The radio button plugin has the following custom events:</p>
+
+	<dl>
+				
+		<dt><code>create</code> triggered when a radio button is created</dt>
+		<dd>
+			
+
+			<pre><code>
+$("input[type='radio']").checkboxradio({
+   create: function(event, ui) { ... }
+});		
+			</code></pre>
+		</dd>
+		
+
+	</dl>
+	    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li data-theme="a"><a href="index.html">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/radiobuttons/index.html b/libs/js/jquery-mobile-1.1.0/docs/forms/radiobuttons/index.html
new file mode 100644
index 00000000..a3f9532c
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/radiobuttons/index.html
@@ -0,0 +1,225 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Radio Buttons</title> 
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/> 
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Radio buttons</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		
+		<form action="#" method="get">
+
+		<h2>Radio buttons</h2>
+
+    <ul data-role="controlgroup" data-type="horizontal" class="localnav">
+      <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
+      <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+      <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+      <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+    </ul>
+
+		<p>Radio buttons are used to provide a list of options where only a single item can be selected. Traditional desktop radio buttons are not optimized for touch input so jQuery Mobile styles the <code>label</code> for the radio buttons so they are larger and look clickable. A custom set of icons are added to the label to provide additional visual feedback.</p>
+		
+		<p>Both the radio and checkbox controls below use standard input/label markup, but are styled to be more touch-friendly. The styled control you see is actually the label element, which sits over the real input, so if images fail to load, you'll still have a functional control. In most browsers, clicking the label automatically triggers a click on the input, but we've had to trigger the update manually for a few mobile browsers that don't do this natively. On the desktop, these controls are keyboard and screen-reader accessible. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to radio buttons.</p>
+		
+		<h2>Vertically grouped radio buttons</h2>
+		
+		<p>To create a set of radio buttons, add an <code>input</code> with a <code>type="radio"</code> attribute and a corresponding <code>label</code>. Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated.</p>
+		
+		<p>The <code>label</code> element is displayed next to the radio form element. Wrap the radio buttons in a <code>fieldset</code> element that has a <code>legend</code> which acts as the title for the question.</p>
+		
+		<p>To visually integrate multiple radio buttons into a vertically grouped button set, the framework will automatically remove all margins between buttons and round only the top and bottom corners of the set if there is a <code> data-role="controlgroup"</code> attribute on the container.</p>
+				
+<pre><code>	
+<strong>&lt;fieldset data-role=&quot;controlgroup&quot;&gt;
+	&lt;legend&gt;Choose a pet:&lt;/legend&gt;</strong>
+     	&lt;input type=&quot;radio&quot; name=&quot;radio-choice-1&quot; id=&quot;radio-choice-1&quot; value=&quot;choice-1&quot; checked=&quot;checked&quot; /&gt;
+     	&lt;label for=&quot;radio-choice-1&quot;&gt;Cat&lt;/label&gt;
+
+     	&lt;input type=&quot;radio&quot; name=&quot;radio-choice-1&quot; id=&quot;radio-choice-2&quot; value=&quot;choice-2&quot;  /&gt;
+     	&lt;label for=&quot;radio-choice-2&quot;&gt;Dog&lt;/label&gt;
+
+     	&lt;input type=&quot;radio&quot; name=&quot;radio-choice-1&quot; id=&quot;radio-choice-3&quot; value=&quot;choice-3&quot;  /&gt;
+     	&lt;label for=&quot;radio-choice-3&quot;&gt;Hamster&lt;/label&gt;
+
+     	&lt;input type=&quot;radio&quot; name=&quot;radio-choice-1&quot; id=&quot;radio-choice-4&quot; value=&quot;choice-4&quot;  /&gt;
+     	&lt;label for=&quot;radio-choice-4&quot;&gt;Lizard&lt;/label&gt;
+<strong>&lt;/fieldset&gt;</strong>
+</code></pre>
+
+		
+		<p>This will produce a vertically grouped radio button set. The default styles set the width of the button group to 100% of the parent container and stacks the label on a separate line.</p>
+		
+		
+	    <fieldset data-role="controlgroup">
+	    	<legend>Choose a pet:</legend>
+	         	<input type="radio" name="radio-pet-1a" id="radio-pet-1a" value="choice-1" checked="checked"  />
+	         	<label for="radio-pet-1a">Cat</label>
+
+	         	<input type="radio" name="radio-pet-1a" id="radio-pet-2a" value="choice-2"  />
+	         	<label for="radio-pet-2a">Dog</label>
+
+	         	<input type="radio" name="radio-pet-1a" id="radio-pet-3a" value="choice-3"  />
+	         	<label for="radio-pet-3a">Hamster</label>
+
+	         	<input type="radio" name="radio-pet-1a" id="radio-pet-4a" value="choice-4"  />
+	         	<label for="radio-pet-4a">Lizard</label>
+	    </fieldset>
+
+		<h2>Mini version</h2>
+
+		<p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms-all-mini.html">mini version</a>. </p>
+
+<pre><code>			
+&lt;fieldset data-role=&quot;controlgroup&quot; <strong>data-mini=&quot;true&quot;</strong>&gt;
+
+    	&lt;input type=&quot;radio&quot; name=&quot;radio-choice-1&quot; id=&quot;radio-mini-1&quot; value=&quot;choice-1&quot; checked=&quot;checked&quot; /&gt;
+
+    	&lt;label for=&quot;radio-mini-1&quot;&gt;Credit&lt;/label&gt;
+    	&lt;input type=&quot;radio&quot; name=&quot;radio-choice-1&quot; id=&quot;radio-mini-2&quot; value=&quot;choice-2&quot;  /&gt;
+
+    	&lt;label for=&quot;radio-mini-2&quot;&gt;Debit&lt;/label&gt;
+    	&lt;input type=&quot;radio&quot; name=&quot;radio-choice-1&quot; id=&quot;radio-mini-3&quot; value=&quot;choice-3&quot;  /&gt;
+
+    	&lt;label for=&quot;radio-mini-3&quot;&gt;Cash&lt;/label&gt;
+&lt;/fieldset&gt;
+</code></pre>
+
+		<p>This will produce a radio button that is not as tall as the standard version and has a smaller text size.</p>
+		
+		<fieldset data-role="controlgroup" data-mini="true">
+	         	<input type="radio" name="radio-choice-1" id="radio-mini-1" value="choice-1" checked="checked" />
+	         	<label for="radio-mini-1">Credit</label>
+	         	<input type="radio" name="radio-choice-1" id="radio-mini-2" value="choice-2"  />
+	         	<label for="radio-mini-2">Debit</label>
+	         	<input type="radio" name="radio-choice-1" id="radio-mini-3" value="choice-3"  />
+	         	<label for="radio-mini-3">Cash</label>
+	    </fieldset>
+		
+		<h2>Field containers</h2>
+		
+		<p>Optionally wrap the radiobuttons in a container with the <code>data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
+	<pre><code>	
+<strong>&lt;div data-role=&quot;fieldcontain&quot;&gt;
+</strong>    &lt;fieldset data-role=&quot;controlgroup&quot;&gt;
+    	&lt;legend&gt;Choose a pet:&lt;/legend&gt;
+         	&lt;input type=&quot;radio&quot; name=&quot;radio-choice-1&quot; id=&quot;radio-choice-1&quot; value=&quot;choice-1&quot; checked=&quot;checked&quot; /&gt;
+         	&lt;label for=&quot;radio-choice-1&quot;&gt;Cat&lt;/label&gt;
+
+         	&lt;input type=&quot;radio&quot; name=&quot;radio-choice-1&quot; id=&quot;radio-choice-2&quot; value=&quot;choice-2&quot;  /&gt;
+         	&lt;label for=&quot;radio-choice-2&quot;&gt;Dog&lt;/label&gt;
+
+         	&lt;input type=&quot;radio&quot; name=&quot;radio-choice-1&quot; id=&quot;radio-choice-3&quot; value=&quot;choice-3&quot;  /&gt;
+         	&lt;label for=&quot;radio-choice-3&quot;&gt;Hamster&lt;/label&gt;
+
+         	&lt;input type=&quot;radio&quot; name=&quot;radio-choice-1&quot; id=&quot;radio-choice-4&quot; value=&quot;choice-4&quot;  /&gt;
+         	&lt;label for=&quot;radio-choice-4&quot;&gt;Lizard&lt;/label&gt;
+    &lt;/fieldset&gt;
+<strong>&lt;/div&gt;
+</strong>	</code></pre>
+
+
+			<p>To visually integrate multiple radio buttons into a vertically grouped button set, the framework will automatically remove all margins between buttons and round only the top and bottom corners of the set if there is a <code> data-role="controlgroup"</code> attribute on the container.</p>
+
+		<div data-role="fieldcontain">
+		    <fieldset data-role="controlgroup">
+		    	<legend>Choose a pet:</legend>
+		         	<input type="radio" name="radio-pet-1" id="radio-pet-1" value="choice-1" checked="checked"  />
+		         	<label for="radio-pet-1">Cat</label>
+
+		         	<input type="radio" name="radio-pet-1" id="radio-pet-2" value="choice-2"  />
+		         	<label for="radio-pet-2">Dog</label>
+
+		         	<input type="radio" name="radio-pet-1" id="radio-pet-3" value="choice-3"  />
+		         	<label for="radio-pet-3">Hamster</label>
+
+		         	<input type="radio" name="radio-pet-1" id="radio-pet-4" value="choice-4"  />
+		         	<label for="radio-pet-4">Lizard</label>
+		    </fieldset>
+		</div>
+			<h2>Horizontal radio button sets</h2>
+
+			<p>Radio buttons can also be used for grouped button sets where only a single button can be selected at once, such as a view switcher control. To make a horizontal radio button set, add the <code> data-type="horizontal"</code> to the <code>fieldset</code>.</p>
+
+	<code>
+	&lt;fieldset data-role=&quot;controlgroup&quot; <strong>data-type=&quot;horizontal&quot;</strong> &gt;
+	</code>
+
+	<div data-role="fieldcontain">
+	    <fieldset data-role="controlgroup" data-type="horizontal">
+	     	<legend>Layout view:</legend>
+	         	<input type="radio" name="radio-view" id="radio-view-a" value="list"  />
+	         	<label for="radio-view-a">List</label>
+	         	<input type="radio" name="radio-view" id="radio-view-b" value="grid"  />
+	         	<label for="radio-view-b">Grid</label>
+	         	<input type="radio" name="radio-view" id="radio-view-c" value="gallery"  />
+	         	<label for="radio-view-c">Gallery</label>
+	    </fieldset>
+	</div>
+
+				<p>The labels float so they sit side-by-side on a line. The radio button icons are hidden and only the left and right edges of the group are rounded.</p>
+				
+
+	
+
+
+
+	</form>
+	
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li data-theme="a"><a href="index.html">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/radiobuttons/methods.html b/libs/js/jquery-mobile-1.1.0/docs/forms/radiobuttons/methods.html
new file mode 100644
index 00000000..2037a2f0
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/radiobuttons/methods.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Radio buttons</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Radio buttons</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+		<h2>Radio buttons</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+			
+			<p>The radio button has the following methods:</p>
+
+		<dl>
+			
+			<dt><code>enable</code> enable a disabled radio button</dt>
+			<dd>
+				<pre><code>
+ $("input[type='radio']").checkboxradio('enable');
+				</code></pre>
+			</dd>
+			
+			<dt><code>disable</code> disable a select.</dt>
+			<dd>
+				<pre><code>
+$("input[type='radio']").checkboxradio('disable');
+				</code></pre>
+			</dd>
+			
+			<dt><code>refresh</code> update the custom select</dt>
+			<dd>
+      If you manipulate a radio button via JavaScript, you must call the refresh method on it to update the visual styling.
+				<pre><code>
+$("input[type='radio']:first").attr("checked",true).checkboxradio("refresh");
+				</code></pre>
+			</dd>
+			
+		</dl>	
+    
+	</form>
+	</div><!--/content-primary -->
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li data-theme="a"><a href="index.html">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/radiobuttons/options.html b/libs/js/jquery-mobile-1.1.0/docs/forms/radiobuttons/options.html
new file mode 100644
index 00000000..1ab813a8
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/radiobuttons/options.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Radio buttons</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Radio buttons</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+		<h2>Radio buttons</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+			
+			<p>The radio button has the following options:</p>
+
+		<dl>
+			<dt><code>mini</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: false</p>
+				<p>Sets the size of the element to a more compact, <a href="../forms-all-mini.html">mini version</a>. This option is also exposed as a data attribute: <code>data-mini=&quot;true&quot;</code></p>		
+				<pre><code>$("input[type='radio']").checkboxradio(<strong>{ mini: "true" }</strong>);</code></pre>
+			</dd>
+			<dt><code>theme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: null, inherited from parent</p>
+				<p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme=&quot;a&quot;</code></p>			
+				<pre><code>$("input[type='radio']").checkboxradio(<strong>{ theme: "a" }</strong>);</code></pre>
+			</dd>
+			
+		</dl>	
+    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li data-theme="a"><a href="index.html">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/search/events.html b/libs/js/jquery-mobile-1.1.0/docs/forms/search/events.html
new file mode 100644
index 00000000..d1ab3459
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/search/events.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Search Input events</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Search input</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Search input</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
+			</ul>
+
+<p>Bind events directly to the <code>input</code> element.  Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
+			<pre><code> 
+$(".mySearchInput").bind( "change", function(event, ui) {
+  ...
+});
+</code></pre> 
+			
+			<p>The text input plugin has the following custom events:</p>
+
+	<dl>
+				
+		<dt><code>create</code> triggered when a text input is created</dt>
+		<dd>
+
+			<pre><code>
+$( ".selector" ).textinput({
+   create: function(event, ui) { ... }
+});		
+			</code></pre>
+			</dd>
+			
+	</dl>
+	    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li data-theme="a"><a href="index.html">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/search/index.html b/libs/js/jquery-mobile-1.1.0/docs/forms/search/index.html
new file mode 100644
index 00000000..610646bf
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/search/index.html
@@ -0,0 +1,141 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Search input</title> 
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Search input</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		
+		<form action="#" method="get">
+
+			<h2>Search input</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+
+			<p>Search inputs are a new HTML type that is styled with pill-shaped corners and adds a "x" icon to clear the field once you start typing. Start with an <code>input</code> with a <code>type="search"</code> attribute in your markup. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to search inputs.</p>
+			
+			<p>Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated. It's possible to <a href="../docs-forms.html">accessibly hide the label</a> if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.</p>
+				
+<pre><code>	
+&lt;label for=&quot;search-basic&quot;&gt;Search Input:&lt;/label&gt;
+&lt;input type=&quot;search&quot; name=&quot;search&quot; id=&quot;searc-basic&quot; value=&quot;&quot; /&gt;
+</code></pre>	
+
+				<p>This will produce a basic search input. The default styles set the width of the input to 100% of the parent container and stack the label on a separate line.</p>
+		         <label for="search-basic">Search Input:</label>
+				 <input type="search" name="search" id="search-basic" value="" />
+		        
+				<h2>Mini version</h2>
+
+				<p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms-all-mini.html">mini version</a>. </p>
+
+<pre><code>	
+&lt;label for=&quot;search-basic&quot;&gt;Search Input:&lt;/label&gt;
+&lt;input type=&quot;search&quot; name=&quot;search&quot; id=&quot;searc-basic&quot; value=&quot;&quot; <strong>data-mini=&quot;true&quot;</strong> /&gt;
+</code></pre>
+
+				<p>This will produce a search input that is not as tall as the standard version and has a smaller text size.</p>
+		         <label for="search-mini">Search Input:</label>
+				 <input type="search" name="search" id="search-mini" value="" />
+
+				<h2>Field containers</h2>
+				
+				 <p>Optionally wrap the search input in a container with the <code>data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
+
+<pre><code>	
+<strong>&lt;div data-role=&quot;fieldcontain&quot;&gt;
+</strong>    &lt;label for=&quot;search&quot;&gt;Search Input:&lt;/label&gt;
+    &lt;input type=&quot;search&quot; name=&quot;password&quot; id=&quot;search&quot; value=&quot;&quot; /&gt;
+<strong>&lt;/div&gt;
+</strong></code></pre>	
+			 
+			<p>The search input is now displayed like this:</p>
+			<div data-role="fieldcontain">
+	         <label for="search">Search Input:</label>
+	         <input type="search" name="search2" id="search" value="" />
+			</div>
+
+			<h2>Theming</h2>
+			<p>The <code>data-theme</code> attribute can be added to the search input to set the theme to any swatch letter.</p>
+			<div data-role="fieldcontain">
+	         <label for="searchA">Search Input:</label>
+	         <input type="search" name="search3" id="searchA" value="" data-theme="a" />
+			</div>
+
+			<h2>Setting the clear button text</h2>
+			<p>The text for the button used to clear the search input of text can be configured for all search inputs by binding to the <code>mobileinit</code> event and setting the <code>$.mobile.textinput.prototype.options.clearSearchButtonText</code> property to a string of your choosing.</p>
+			
+			<h2>Calling the textinput plugin</h2>
+
+<p>This plugin will auto-initialize on any page that contains a text input with the <code>type="search"</code> attribute without any need for a <code>data-role</code> attribute in the markup. However, if needed, you can directly call the <code>textinput</code> plugin on a selector, just like any jQuery plugin:</p>
+<pre><code>
+$('.mySearchInput').textinput();			
+</code></pre>
+			
+
+	</form>
+	
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li data-theme="a"><a href="index.html">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/search/methods.html b/libs/js/jquery-mobile-1.1.0/docs/forms/search/methods.html
new file mode 100644
index 00000000..34930afc
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/search/methods.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Search Input methods</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Search input</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Search input</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+			
+			<p>The text input plugin has the following methods:</p>
+
+		<dl>
+						
+			<dt><code>enable</code> enable a disabled text input</dt>
+			<dd>
+				<pre><code>
+$('.selector').textinput('enable');			
+				</code></pre>
+			</dd>
+			
+			<dt><code>disable</code> disable a text input</dt>
+			<dd>
+				<pre><code>
+$('.selector').textinput('disable');			
+				</code></pre>
+			</dd>
+			
+		</dl>	
+    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li data-theme="a"><a href="index.html">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/search/options.html b/libs/js/jquery-mobile-1.1.0/docs/forms/search/options.html
new file mode 100644
index 00000000..1357e709
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/search/options.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Text Search options</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Search input</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Search input</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+			
+			<p>The text input plugin has the following options:</p>
+
+		<dl>
+			<dt><code>initSelector</code> <em>CSS selector string</em></dt>
+			<dd>
+				<p class="default">default: "input[type='text'], input[type='search'], :jqmData(type='search'), input[type='number'], :jqmData(type='number'), input[type='password'], input[type='email'], input[type='url'], input[type='tel'], textarea, input:not([type])"</p>
+				<p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as textinputs. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+   <strong>$.mobile.textinput.prototype.options.initSelector = ".myInputs";</strong>
+});
+</code></pre>
+			</dd>
+				<dt><code>mini</code> <em>boolean</em></dt>
+				<dd>
+					<p class="default">default: false</p>
+					<p>Sets the size of the element to a more compact, <a href="../forms-all-mini.html">mini version</a>. This option is also exposed as a data attribute: <code>data-mini=&quot;true&quot;</code></p>		
+					<pre><code>$('.selector').textinput(<strong>{ mini: "true" }</strong>);</code></pre>
+			<dt><code>theme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: null, inherited from parent</p>
+				<p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme=&quot;a&quot;</code></p>					
+				<pre><code>$('.selector').textinput(<strong>{ theme: "a" }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>clearSearchButtonText</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "clear text"</p>
+				<p>Sets the text used for the button that clears the search input of text.</p>
+				<pre><code>$('.selector').textinput(<strong>{ clearSearchButtonText: "custom value" }</strong>);</code></pre>
+			</dd>
+			
+		</dl>
+    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li data-theme="a"><a href="index.html">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/selects/custom.html b/libs/js/jquery-mobile-1.1.0/docs/forms/selects/custom.html
new file mode 100644
index 00000000..fcfe9a29
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/selects/custom.html
@@ -0,0 +1,424 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Select</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Select Menus</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+<h2>Select menus</h2>
+
+<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+	<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+	<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+	<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+	<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+</ul>
+
+<h2>Custom select menus</h2>
+<p>The framework is capable of building a custom menu based on the <code>select</code> element's list of options.  We recommend using a custom menu when multiple selections are required, or when the menu itself must be styled with CSS.</p>
+
+<p>You can optionally use custom-styled select menus instead of the native OS menu. The custom menu supports disabled options and multiple selection (whereas native mobile OS support for both is inconsistent), adds an elegant way to handle placeholder values, and restores missing functionality on certain platforms such as <code>optgroup</code> support on Android (all explained below).  In addition, the framework applies the custom button's theme to the menu to better match the look and feel and provide visual consistency across platforms. Lastly, custom menus often look better on desktop browsers because native desktop menus are smaller than their mobile counterparts and tend to look disproportionate.</p>
+
+	<p>Keep in mind that there is overhead involved in parsing the native select to build a custom menu. If there are a lot of selects on a page, or a select has a long list of options, this can impact the performance of the page, so we recommend using custom menus sparingly. </p>
+	
+	<p>To use custom menus on a specific <code>select</code>, just add the <code>data-native-menu="false"</code> attribute. Alternately, this can also programmatically set the select menu's <code>nativeMenu</code> configuration option to <code>false</code> in a callback bound to the <code>mobileinit</code> event to achieve the same effect. This will globally make all selects use the custom menu by default. The following must be included in the page after jQuery is loaded but before jQuery Mobile is loaded.</p>
+	
+
+<code>
+<pre>
+$(document).bind('mobileinit',function(){
+   $.mobile.selectmenu.prototype.options.nativeMenu = false;
+});
+</pre>
+</code>
+
+			<p>When the <code>select</code> has a small number of options that will fit on the device's screen, the menu will appear as a small overlay with a pop transition:</p>
+
+			<div data-role="fieldcontain">
+				<label for="select-choice-custom" class="select">Shipping method:</label>
+				<select name="select-choice-1" id="select-choice-custom" data-native-menu="false">
+					<option value="standard">Standard: 7 day</option>
+					<option value="rush">Rush: 3 days</option>
+					<option value="express">Express: next day</option>
+					<option value="overnight">Overnight</option>
+				</select>
+			</div>
+
+			<p>When it has too many options to show on the device's screen, the framework will automatically create a new &quot;page&quot; populated with a standard <a href="../../lists/docs-lists.html">list view</a> for the options. This allows us to use the native scrolling included on the device for moving through a long list. The text inside the <code>label</code> is used as the title for this page.</p>
+
+
+					<div data-role="fieldcontain">
+						<label for="select-choice-3" class="select">Your state:</label>
+						<select name="select-choice-3" id="select-choice-3" data-native-menu="false">
+							<option value="AL">Alabama</option>
+							<option value="AK">Alaska</option>
+							<option value="AZ">Arizona</option>
+							<option value="AR">Arkansas</option>
+							<option value="CA">California</option>
+							<option value="CO">Colorado</option>
+							<option value="CT">Connecticut</option>
+							<option value="DE">Delaware</option>
+							<option value="FL">Florida</option>
+							<option value="GA">Georgia</option>
+							<option value="HI">Hawaii</option>
+							<option value="ID">Idaho</option>
+							<option value="IL">Illinois</option>
+							<option value="IN">Indiana</option>
+							<option value="IA">Iowa</option>
+							<option value="KS">Kansas</option>
+							<option value="KY">Kentucky</option>
+							<option value="LA">Louisiana</option>
+							<option value="ME">Maine</option>
+							<option value="MD">Maryland</option>
+							<option value="MA">Massachusetts</option>
+							<option value="MI">Michigan</option>
+							<option value="MN">Minnesota</option>
+							<option value="MS">Mississippi</option>
+							<option value="MO">Missouri</option>
+							<option value="MT">Montana</option>
+							<option value="NE">Nebraska</option>
+							<option value="NV">Nevada</option>
+							<option value="NH">New Hampshire</option>
+							<option value="NJ">New Jersey</option>
+							<option value="NM">New Mexico</option>
+							<option value="NY">New York</option>
+							<option value="NC">North Carolina</option>
+							<option value="ND">North Dakota</option>
+							<option value="OH">Ohio</option>
+							<option value="OK">Oklahoma</option>
+							<option value="OR">Oregon</option>
+							<option value="PA">Pennsylvania</option>
+							<option value="RI">Rhode Island</option>
+							<option value="SC">South Carolina</option>
+							<option value="SD">South Dakota</option>
+							<option value="TN">Tennessee</option>
+							<option value="TX">Texas</option>
+							<option value="UT">Utah</option>
+							<option value="VT">Vermont</option>
+							<option value="VA">Virginia</option>
+							<option value="WA">Washington</option>
+							<option value="WV">West Virginia</option>
+							<option value="WI">Wisconsin</option>
+							<option value="WY">Wyoming</option>
+						</select>
+					</div>
+
+	<h3>Disabled options</h3>
+	<p>jQuery Mobile will automatically disable and style option tags with the <code>disabled</code> attribute.  In the demo below, the second option &quot;Rush: 3 days&quot; has been set to disabled.</p>
+
+	<div data-role="fieldcontain">
+		<label for="select-choice-7" class="select">Shipping method:</label>
+		<select name="select-choice-7" id="select-choice-7">
+			<option value="standard">Standard: 7 day</option>
+			<option value="rush" disabled="disabled">Rush: 3 days</option>
+			<option value="express">Express: next day</option>
+			<option value="overnight">Overnight</option>
+		</select>
+	</div>
+	
+	<h3>Placeholder options</h3>
+	<p>It's common for developers to include a &quot;null&quot; option in their select element to force a user to choose an option. If a placeholder option is present in your markup, jQuery Mobile will hide them in the overlay menu, showing only valid choices to the user, and display the placeholder text inside the menu as a header.  A placeholder option is added when the framework finds:</p>
+	<ul>
+		<li>An option with no value attribute (or an empty value attribute)</li>
+		<li>An option with no text node</li>
+		<li>An option with a <code>data-placeholder="true"</code> attribute. (This allows you to use an option that has a value and a textnode as a placeholder option).</li>
+	</ul>
+
+	<p>You can disable this feature through the selectmenu plugin's <code>hidePlaceholderMenuItems</code> option, like this:</p>
+	<pre>
+	<code>
+$.mobile.selectmenu.prototype.options.hidePlaceholderMenuItems = false;
+	</code>
+	</pre>
+
+	<p>Examples of various placeholder options:</p>
+
+
+	<div data-role="fieldcontain">
+		<label for="select-choice-4" class="select">Shipping method:</label>
+		<select name="select-choice-4" id="select-choice-4" data-native-menu="false">
+			<option></option>
+			<option value="standard">Standard: 7 day</option>
+			<option value="rush">Rush: 3 days</option>
+			<option value="express">Express: next day</option>
+			<option value="overnight">Overnight</option>
+		</select>
+	</div>
+
+
+	<div data-role="fieldcontain">
+		<label for="select-choice-5" class="select">Shipping method:</label>
+		<select name="select-choice-5" id="select-choice-5" data-native-menu="false">
+			<option>Choose one...</option>
+			<option value="standard">Standard: 7 day</option>
+			<option value="rush">Rush: 3 days</option>
+			<option value="express">Express: next day</option>
+			<option value="overnight">Overnight</option>
+		</select>
+	</div>
+
+
+	<div data-role="fieldcontain">
+		<label for="select-choice-6" class="select">Shipping method:</label>
+		<select name="select-choice-6" id="select-choice-6" data-native-menu="false">
+			<option value="choose-one" data-placeholder="true">Choose one...</option>
+			<option value="standard">Standard: 7 day</option>
+			<option value="rush">Rush: 3 days</option>
+			<option value="express">Express: next day</option>
+			<option value="overnight">Overnight</option>
+		</select>
+	</div>
+
+
+	<h3>Multiple selects</h3>	
+	<p>If the <code>multiple</code> attribute is present in your markup, jQuery Mobile will enhance the element with a few extra considerations:</p>
+
+	<ul>
+	<li>A header element will be created inside the menu and display the placeholder text and a close button.</li>
+	<li>Clicking on an item inside the overlay menu will not close the widget.</li>
+	<li>A ghosted, unchecked icon will appear adjacent to each unselected item.  When the item is selected the icon will change to a checkbox.  Neither icon will appear inside a single select box.</li>
+	<li>Once 2+ items are selected, a counter element with the total number of selected items will appear inside the button.</li>
+	<li>The text of each selected item will appear inside the button as a list.  If the button is not wide enough to display the entire list, it is truncated with an ellipses.</li>
+	<li>If no items are selected, the button's text will default to the placeholder text.</li>
+	<li>If no placeholder element exists, the default button text will be blank and the header will appear with just a close button. Because this isn't a friendly user experience, we recommended that you always specify a placeholder element when using multiple select boxes.</li>
+	</ul>
+
+	<div data-role="fieldcontain">
+		<label for="select-choice-9" class="select">Shipping method(s):</label>
+		<select name="select-choice-9" id="select-choice-9" multiple="multiple" data-native-menu="false">
+			<option>Choose options</option>
+			<option value="standard">Standard: 7 day</option>
+			<option value="rush">Rush: 3 days</option>
+			<option value="express">Express: next day</option>
+			<option value="overnight">Overnight</option>
+		</select>
+	</div>
+
+	<p>When a select is large enough to where the menu will open in a new page, the placeholder text is displayed in the button when no items are selected, and the <code>label</code> text is displayed in the menu's header.  This differs from smaller overlay menus where the placeholder text is displayed in both the button and the header, and from full-page single selects where the placeholder text is not used at all.</p>
+
+	<div data-role="fieldcontain">
+		<label for="select-choice-10" class="select">Choose state(s):</label>
+		<select name="select-choice-10" id="select-choice-10" multiple="multiple" data-native-menu="false">
+			<option>Choose options</option>
+			<option value="AL">Alabama</option>
+			<option value="AK">Alaska</option>
+			<option value="AZ">Arizona</option>
+			<option value="AR">Arkansas</option>
+			<option value="CA">California</option>
+			<option value="CO">Colorado</option>
+			<option value="CT">Connecticut</option>
+			<option value="DE">Delaware</option>
+			<option value="FL">Florida</option>
+			<option value="GA">Georgia</option>
+			<option value="HI">Hawaii</option>
+			<option value="ID">Idaho</option>
+			<option value="IL">Illinois</option>
+			<option value="IN">Indiana</option>
+			<option value="IA">Iowa</option>
+			<option value="KS">Kansas</option>
+			<option value="KY">Kentucky</option>
+			<option value="LA">Louisiana</option>
+			<option value="ME">Maine</option>
+			<option value="MD">Maryland</option>
+			<option value="MA">Massachusetts</option>
+			<option value="MI">Michigan</option>
+			<option value="MN">Minnesota</option>
+			<option value="MS">Mississippi</option>
+			<option value="MO">Missouri</option>
+			<option value="MT">Montana</option>
+			<option value="NE">Nebraska</option>
+			<option value="NV">Nevada</option>
+			<option value="NH">New Hampshire</option>
+			<option value="NJ">New Jersey</option>
+			<option value="NM">New Mexico</option>
+			<option value="NY">New York</option>
+			<option value="NC">North Carolina</option>
+			<option value="ND">North Dakota</option>
+			<option value="OH">Ohio</option>
+			<option value="OK">Oklahoma</option>
+			<option value="OR">Oregon</option>
+			<option value="PA">Pennsylvania</option>
+			<option value="RI">Rhode Island</option>
+			<option value="SC">South Carolina</option>
+			<option value="SD">South Dakota</option>
+			<option value="TN">Tennessee</option>
+			<option value="TX">Texas</option>
+			<option value="UT">Utah</option>
+			<option value="VT">Vermont</option>
+			<option value="VA">Virginia</option>
+			<option value="WA">Washington</option>
+			<option value="WV">West Virginia</option>
+			<option value="WI">Wisconsin</option>
+			<option value="WY">Wyoming</option>
+		</select>
+	</div>
+
+
+
+	
+
+	<h3>Optgroup support</h3>
+	<p>If a select menu contains <code>optgroup</code> elements, jQuery Mobile will create a divider &amp; group items based on the <code>label</code> attribute's text:</p>
+
+	<div data-role="fieldcontain">
+		<label for="select-choice-8" class="select">Shipping method:</label>
+		<select name="select-choice-8" id="select-choice-8" data-native-menu="false">
+			<option>Choose shipping method</option>
+			<optgroup label="USPS">
+				<option value="standard" selected>Standard: 7 day</option>
+				<option value="rush">Rush: 3 days</option>
+				<option value="express">Express: next day</option>
+				<option value="overnight">Overnight</option>
+			</optgroup>
+			<optgroup label="FedEx">
+				<option value="firstOvernight">First Overnight</option>
+				<option value="expressSaver">Express Saver</option>
+				<option value="ground">Ground</option>
+			</optgroup>
+		</select>
+	</div>
+
+
+	<h2>Theming selects</h2>
+	<p>You can specify any jQuery Mobile button <code>data-</code> attribute on a select element, too. In this example, we're setting the theme, icon and inline properties:</p>
+
+	<div data-role="fieldcontain">
+		<label for="select-choice-22" class="select">Actions</label>
+		<select name="select-choice-22" id="select-choice-22" data-theme="e" data-icon="gear" data-inline="true" data-native-menu="false">
+			<option value="view">User details</option>
+			<option value="edit">Edit user</option>
+			<option value="deactivate">De-activate</option>
+			<option value="delete">Delete user</option>
+		</select>
+	</div>
+    
+	<p>The <code>data-overlay-theme</code> attribute can be added to a select element to set the color of the overlay layer for the dialog-based custom select menus and the outer border of the smaller custom menus. By default, the content block colors for swatch A will be used for the overlays.</p>
+      
+	<div data-role="fieldcontain">
+		<label for="select-choice-15" class="select">Size</label>
+		<select name="select-choice-15" id="select-choice-15" data-theme="b" data-overlay-theme="d" data-native-menu="false">
+			<option value="t">Tall</option>
+			<option value="g">Grande</option>
+			<option value="v">Vente</option>
+		</select>
+	</div>
+	
+	<div data-role="fieldcontain">
+		<label for="select-choice-13" class="select">Choose state(s):</label>
+		<select name="select-choice-13" id="select-choice-13" data-native-menu="false" data-theme="a" data-overlay-theme="e">
+			<option>Choose options</option>
+			<option value="AL">Alabama</option>
+			<option value="AK">Alaska</option>
+			<option value="AZ">Arizona</option>
+			<option value="AR">Arkansas</option>
+			<option value="CA">California</option>
+			<option value="CO">Colorado</option>
+			<option value="CT">Connecticut</option>
+			<option value="DE">Delaware</option>
+			<option value="FL">Florida</option>
+			<option value="GA">Georgia</option>
+			<option value="HI">Hawaii</option>
+			<option value="ID">Idaho</option>
+			<option value="IL">Illinois</option>
+			<option value="IN">Indiana</option>
+			<option value="IA">Iowa</option>
+			<option value="KS">Kansas</option>
+			<option value="KY">Kentucky</option>
+			<option value="LA">Louisiana</option>
+			<option value="ME">Maine</option>
+			<option value="MD">Maryland</option>
+			<option value="MA">Massachusetts</option>
+			<option value="MI">Michigan</option>
+			<option value="MN">Minnesota</option>
+			<option value="MS">Mississippi</option>
+			<option value="MO">Missouri</option>
+			<option value="MT">Montana</option>
+			<option value="NE">Nebraska</option>
+			<option value="NV">Nevada</option>
+			<option value="NH">New Hampshire</option>
+			<option value="NJ">New Jersey</option>
+			<option value="NM">New Mexico</option>
+			<option value="NY">New York</option>
+			<option value="NC">North Carolina</option>
+			<option value="ND">North Dakota</option>
+			<option value="OH">Ohio</option>
+			<option value="OK">Oklahoma</option>
+			<option value="OR">Oregon</option>
+			<option value="PA">Pennsylvania</option>
+			<option value="RI">Rhode Island</option>
+			<option value="SC">South Carolina</option>
+			<option value="SD">South Dakota</option>
+			<option value="TN">Tennessee</option>
+			<option value="TX">Texas</option>
+			<option value="UT">Utah</option>
+			<option value="VT">Vermont</option>
+			<option value="VA">Virginia</option>
+			<option value="WA">Washington</option>
+			<option value="WV">West Virginia</option>
+			<option value="WI">Wisconsin</option>
+			<option value="WY">Wyoming</option>
+		</select>
+	</div>
+	
+	
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li data-theme="a"><a href="index.html">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/selects/events.html b/libs/js/jquery-mobile-1.1.0/docs/forms/selects/events.html
new file mode 100644
index 00000000..5d6f410b
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/selects/events.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Select events</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Select Menus</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Select menus</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="custom.html" data-role="button" data-transition="fade">Custom</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
+			</ul>
+			
+
+<p>Bind events directly to the <code>select</code> element.  Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
+			<pre><code> 
+$(".mySelect").bind( "change", function(event, ui) {
+  ...
+});
+</code></pre> 
+			
+			<p>The select menu plugin has the following custom events:</p>
+
+	<dl>
+				
+		<dt><code>create</code> triggered when a select menu is created</dt>
+		<dd>
+
+			<pre><code>
+$( ".selector" ).selectmenu({
+   create: function(event, ui) { ... }
+});		
+			</code></pre>
+		</dd>
+		
+
+	</dl>
+	    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li data-theme="a"><a href="index.html">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/selects/index.html b/libs/js/jquery-mobile-1.1.0/docs/forms/selects/index.html
new file mode 100644
index 00000000..e3dcf21d
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/selects/index.html
@@ -0,0 +1,418 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Select</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Select Menus</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Select menus</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+			
+			<p>The select menu is based on a native <code>select</code> element, which is hidden from view and replaced with a custom-styled select button that matches the look and feel of the jQuery Mobile framework. The select menu is ARIA-enabled and keyboard accessible on the desktop as well. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to selects.</p>
+			
+			<p>By default, the framework leverages the native OS options menu to use with the custom button. When the button is clicked, the native OS menu will open. When a value is selected and the menu closes, the custom button's text is updated to match the selected value. Please note that the framework also offers the possibility of having custom (non-native) select menus; see details at the bottom of this page and on the <a href="custom.html"> custom select menu</a> page.</p>
+
+			<p>To add a select menu to your page, start with a standard <code>select</code> element populated with a set of <code>option</code> elements. Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>select</code> so they are semantically associated. It's possible to <a href="../docs-forms.html">accessibly hide the label</a> if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.  </p>
+			
+			<p>The framework will find all <code>select</code> elements and automatically enhance them into select menus, no need to apply a <code>data-role</code> attribute. To prevent the automatic enhancement of a select, add  <code>data-role="none"</code> attribute to the <code>select</code>.</p>
+			
+<pre><code>
+&lt;label for=&quot;select-choice-0&quot; class=&quot;select&quot;&gt;Shipping method:&lt;/label&gt;
+&lt;select name=&quot;select-choice-0&quot; id=&quot;select-choice-1&quot;&gt;
+   &lt;option value=&quot;standard&quot;&gt;Standard: 7 day&lt;/option&gt;
+   &lt;option value=&quot;rush&quot;&gt;Rush: 3 days&lt;/option&gt;
+   &lt;option value=&quot;express&quot;&gt;Express: next day&lt;/option&gt;
+   &lt;option value=&quot;overnight&quot;&gt;Overnight&lt;/option&gt;
+&lt;/select&gt;
+</code></pre>
+
+			<p>This will produce a basic select menu. The default styles set the width of the input to 100% of the parent container and stacks the label on a separate line.</p>
+
+			<label for="select-choice-0" class="select">Shipping method:</label>
+			<select name="select-choice-0" id="select-choice-1">
+				<option value="standard">Standard: 7 day</option>
+				<option value="rush">Rush: 3 days</option>
+				<option value="express">Express: next day</option>
+				<option value="overnight">Overnight</option>
+			</select>
+
+			<h2>Mini version</h2>
+
+			<p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms-all-mini.html">mini version</a>. </p>
+
+<pre><code>	
+&lt;label for=&quot;select-choice-min&quot; class=&quot;select&quot;&gt;Shipping method:&lt;/label&gt;
+&lt;select name=&quot;select-choice-min&quot; id=&quot;select-choice-1&quot; <strong>data-mini=&quot;true&quot;</strong>&gt;
+   &lt;option value=&quot;standard&quot;&gt;Standard: 7 day&lt;/option&gt;
+   &lt;option value=&quot;rush&quot;&gt;Rush: 3 days&lt;/option&gt;
+   &lt;option value=&quot;express&quot;&gt;Express: next day&lt;/option&gt;
+   &lt;option value=&quot;overnight&quot;&gt;Overnight&lt;/option&gt;
+&lt;/select&gt; 
+</code></pre>
+			
+			<p>This will produce a select that a not as tall as the standard version and has a smaller text size.</p>
+			<label for="select-choice-min" class="select">Shipping method:</label>
+			<select name="select-choice-0" id="select-choice-min" data-mini="true">
+				<option value="standard">Standard: 7 day</option>
+				<option value="rush">Rush: 3 days</option>
+				<option value="express">Express: next day</option>
+				<option value="overnight">Overnight</option>
+			</select>
+
+			<h2>Field containers</h2>
+			<p>Optionally wrap the selects in a container with the <code>data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
+<pre><code>
+<strong>&lt;div data-role=&quot;fieldcontain&quot;&gt;
+</strong>   &lt;label for=&quot;select-choice-1&quot; class=&quot;select&quot;&gt;Shipping method:&lt;/label&gt;
+   &lt;select name=&quot;select-choice-1&quot; id=&quot;select-choice-1&quot;&gt;
+      &lt;option value=&quot;standard&quot;&gt;Standard: 7 day&lt;/option&gt;
+      &lt;option value=&quot;rush&quot;&gt;Rush: 3 days&lt;/option&gt;
+      &lt;option value=&quot;express&quot;&gt;Express: next day&lt;/option&gt;
+      &lt;option value=&quot;overnight&quot;&gt;Overnight&lt;/option&gt;
+   &lt;/select&gt;
+<strong>&lt;/div&gt;
+</strong></code></pre>
+
+			<p>The select input is now displayed like this:</p>
+
+
+<div data-role="fieldcontain">
+	<label for="select-choice-1" class="select">Shipping method:</label>
+	<select name="select-choice-1" id="select-choice-1">
+		<option value="standard">Standard: 7 day</option>
+		<option value="rush">Rush: 3 days</option>
+		<option value="express">Express: next day</option>
+		<option value="overnight">Overnight</option>
+	</select>
+</div>
+
+<p>An example of a select with a long list of options:</p>
+
+<div data-role="fieldcontain">
+	<label for="select-choice-2" class="select">Your state:</label>
+	<select name="select-choice-2" id="select-choice-2">
+		<option value="AL">Alabama</option>
+		<option value="AK">Alaska</option>
+		<option value="AZ">Arizona</option>
+		<option value="AR">Arkansas</option>
+		<option value="CA">California</option>
+		<option value="CO">Colorado</option>
+		<option value="CT">Connecticut</option>
+		<option value="DE">Delaware</option>
+		<option value="FL">Florida</option>
+		<option value="GA">Georgia</option>
+		<option value="HI">Hawaii</option>
+		<option value="ID">Idaho</option>
+		<option value="IL">Illinois</option>
+		<option value="IN">Indiana</option>
+		<option value="IA">Iowa</option>
+		<option value="KS">Kansas</option>
+		<option value="KY">Kentucky</option>
+		<option value="LA">Louisiana</option>
+		<option value="ME">Maine</option>
+		<option value="MD">Maryland</option>
+		<option value="MA">Massachusetts</option>
+		<option value="MI">Michigan</option>
+		<option value="MN">Minnesota</option>
+		<option value="MS">Mississippi</option>
+		<option value="MO">Missouri</option>
+		<option value="MT">Montana</option>
+		<option value="NE">Nebraska</option>
+		<option value="NV">Nevada</option>
+		<option value="NH">New Hampshire</option>
+		<option value="NJ">New Jersey</option>
+		<option value="NM">New Mexico</option>
+		<option value="NY">New York</option>
+		<option value="NC">North Carolina</option>
+		<option value="ND">North Dakota</option>
+		<option value="OH">Ohio</option>
+		<option value="OK">Oklahoma</option>
+		<option value="OR">Oregon</option>
+		<option value="PA">Pennsylvania</option>
+		<option value="RI">Rhode Island</option>
+		<option value="SC">South Carolina</option>
+		<option value="SD">South Dakota</option>
+		<option value="TN">Tennessee</option>
+		<option value="TX">Texas</option>
+		<option value="UT">Utah</option>
+		<option value="VT">Vermont</option>
+		<option value="VA">Virginia</option>
+		<option value="WA">Washington</option>
+		<option value="WV">West Virginia</option>
+		<option value="WI">Wisconsin</option>
+		<option value="WY">Wyoming</option>
+	</select>
+</div>
+
+<h2>Optgroups</h2>
+<p>The following example organizes the options into <code>optgroup</code> elements. Support for this feature in mobile selects is a bit spotty, but is improving.</p>
+
+<div data-role="fieldcontain">
+	<label for="select-choice-nc" class="select">Preferred delivery:</label>
+	<select name="select-choice-8" id="select-choice-nc">
+		<optgroup label="FedEx">
+			<option value="firstOvernight">First Overnight</option>
+			<option value="expressSaver">Express Saver</option>
+			<option value="ground">Ground</option>
+		</optgroup>
+		<optgroup label="UPS">
+			<option value="firstOvernight">First Overnight</option>
+			<option value="expressSaver">Express Saver</option>
+			<option value="ground">Ground</option>
+		</optgroup>
+		<optgroup label="US Mail">
+			<option value="standard">Standard: 7 day</option>
+			<option value="rush">Rush: 3 days</option>
+			<option value="express">Express: next day (disabled)</option>
+			<option value="overnight">Overnight</option>
+		</optgroup>
+	</select>
+</div>
+
+
+
+<h2>Vertically grouped select inputs</h2>
+
+<p>To create a grouped set of select inputs, first add <code>select</code> and a corresponding <code>label</code>. Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>select</code> so they are semantically associated.</p>
+
+<p>Because the <code>label</code> element will be associated with each individual select input, we recommend wrapping the selects in a <code>fieldset</code> element that has a <code>legend</code> which acts as the combined label for the grouped inputs.</p>
+
+<p>Lastly, one needs to wrap the <code>fieldset</code> in a <code>div</code> with <code> data-role="controlgroup"</code> attribute, so it can be styled as a group.</p>
+			
+<pre><code>	
+&lt;div data-role=&quot;fieldcontain&quot;&gt;
+&lt;fieldset data-role=&quot;controlgroup&quot;&gt;
+	&lt;legend&gt;Date of Birth:&lt;/legend&gt;
+
+    &lt;label for="select-choice-month">Month&lt;/label&gt;
+&lt;select name="select-choice-month" id="select-choice-month"&gt;
+	&lt;option&gt;Month&lt;/option&gt;
+	&lt;option value="jan"&gt;January&lt;/option&gt;
+	&lt;!-- etc. --&gt;
+&lt;/select&gt;
+
+	&lt;label for="select-choice-day">Day&lt;/label&gt;
+&lt;select name="select-choice-day" id="select-choice-day"&gt;
+	&lt;option&gt;Day&lt;/option&gt;
+	&lt;option value="1"&gt;1&lt;/option&gt;
+	&lt;!-- etc. --&gt;
+&lt;/select&gt;
+
+&lt;label for="select-choice-year">Year&lt;/label&gt;
+&lt;select name="select-choice-year" id="select-choice-year"&gt;
+	&lt;option&gt;Year&lt;/option&gt;
+	&lt;option value="2011"&gt;2011&lt;/option&gt;
+	&lt;!-- etc. --&gt;
+&lt;/select&gt;
+&lt;/fieldset&gt;
+&lt;/div&gt;
+</code></pre>
+
+	<div data-role="fieldcontain">
+	<fieldset data-role="controlgroup">
+		<legend>Date of Birth:</legend>
+		
+		<label for="select-choice-month">Month</label>
+		<select name="select-choice-month" id="select-choice-month">
+			<option>Month</option>
+			<option value="jan">January</option>
+			<option value="dec">December</option>
+			<option value="feb">February</option>
+			<option value="mar">March</option>
+			<option value="apr">April</option>
+			<option value="may">May</option>
+			<option value="jun">June</option>
+			<option value="jul">July</option>
+			<option value="aug">August</option>
+			<option value="sep">September</option>
+			<option value="oct">October</option>
+			<option value="nov">November</option>
+			<option value="dec">December</option>
+		</select>
+
+		<label for="select-choice-day">Day</label>
+		<select name="select-choice-day" id="select-choice-day">
+			<option>Day</option>
+			<option value="1">1</option>
+			<option value="2">2</option>
+			<option value="3">3</option>
+			<option value="4">4</option>
+			<option value="5">5</option>
+			<option value="6">6</option>
+			<option value="7">7</option>
+		</select>
+
+		<label for="select-choice-year">Year</label>
+		<select name="select-choice-year" id="select-choice-year">
+			<option>Year</option>
+			<option value="2011">2011</option>
+			<option value="2010">2010</option>
+			<option value="2009">2009</option>
+			<option value="2008">2008</option>
+			<option value="2007">2007</option>
+			<option value="2006">2006</option>
+			<option value="2005">2005</option>
+			<option value="2004">2004</option>
+		</select>
+	</fieldset>
+
+</div>
+
+<h2>Horizontally grouped select inputs</h2>
+<p>Select inputs can also be used for grouped sets with more than one related selections. To make a horizontal button set, add the <code>data-type="horizontal"</code> to the fieldset. Note that the buttons which trigger the select will resize depending on the currently selected option’s value. Note that browsers without support for <code>display: inline-block;</code> will group the selects vertically, as above.</p>
+
+<code>
+&lt;fieldset data-role="controlgroup" <strong>data-type="horizontal"</strong>&gt;
+</code>
+
+	<fieldset data-role="controlgroup" data-type="horizontal">
+		<legend>Date of Birth:</legend>
+		
+		<label for="select-choice-month">Month</label>
+		<select name="select-choice-month" id="select-choice-month">
+			<option value="jan">Jan</option>
+			<option value="dec">Dec</option>
+			<option value="feb">Feb</option>
+			<option value="mar">Mar</option>
+			<option value="apr">Apr</option>
+			<option value="may">May</option>
+			<option value="jun">Jun</option>
+			<option value="jul">Jul</option>
+			<option value="aug">Aug</option>
+			<option value="sep">Sep</option>
+			<option value="oct">Oct</option>
+			<option value="nov">Nov</option>
+			<option value="dec">Dec</option>
+		</select>
+
+		<label for="select-choice-day">Day</label>
+		<select name="select-choice-day" id="select-choice-day">
+			<option value="1">1</option>
+			<option value="2">2</option>
+			<option value="3">3</option>
+			<option value="4">4</option>
+			<option value="5">5</option>
+			<option value="6">6</option>
+			<option value="7">7</option>
+			<option value="8">8</option>
+			<option value="9">9</option>
+			<option value="10">10</option>
+			<option value="11">11</option>
+			<option value="12">13</option>
+			<option value="13">14</option>
+			<option value="15">15</option>
+		</select>
+
+		<label for="select-choice-year">Year</label>
+		<select name="select-choice-year" id="select-choice-year">
+			<option value="2011">2012</option>
+			<option value="2011">2011</option>
+			<option value="2010">2010</option>
+			<option value="2009">2009</option>
+			<option value="2008">2008</option>
+			<option value="2007">2007</option>
+			<option value="2006">2006</option>
+			<option value="2005">2005</option>
+			<option value="2004">2004</option>
+		</select>
+	</fieldset>
+        
+<h2>Calling the select menu plugin</h2>
+<p>The select menu plugin will auto initialize on any page that contains a select menu, without any need for a <code>data-role</code> attribute in the markup. However, you can directly call the select menu plugin on any selector, just like any normal jQuery plugin:</p>
+<pre><code>
+$('select').selectmenu();			
+</code></pre>
+    
+	</form>
+	
+	
+	<h2>Theming selects</h2>
+	<p>You can specify any jQuery Mobile button <code>data-</code> attribute on a select element, too. In this example, we're setting the theme, icon and inline properties:</p>
+
+	<div data-role="fieldcontain">
+		<label for="select-choice-11" class="select">Actions</label>
+		<select name="select-choice-11" id="select-choice-11" data-theme="e" data-icon="gear" data-inline="true">
+			<option value="view">User details</option>
+			<option value="edit">Edit user</option>
+			<option value="deactivate">De-activate</option>
+			<option value="delete">Delete user</option>
+		</select>
+	</div>
+    
+	
+	<h2>Custom select menus</h2>
+	<p>For the sake of advanced styling, the framework also offers a method of generating <a href="custom.html">custom menus</a> from existing select menu markup  instead of the native OS menu. The custom menu supports disabled options and multiple selection (whereas native mobile OS support for both is inconsistent), adds an elegant way to handle placeholder values, and restores missing functionality on certain platforms such as <code>optgroup</code> support on Android.
+		
+	<div align="right"><a href="custom.html" data-role="button" data-icon="arrow-r" data-iconpos="right" data-inline="true" align="right">Custom select menu docs</a>
+</div>
+		</p>
+	
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li data-theme="a"><a href="index.html">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/selects/methods.html b/libs/js/jquery-mobile-1.1.0/docs/forms/selects/methods.html
new file mode 100644
index 00000000..030183ab
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/selects/methods.html
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Select methods</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Select Menus</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Select menus</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+			
+			<p>The select menu plugin has the following methods:</p>
+
+		<dl>
+						
+			<dt><code>close</code> close an open select menu</dt>
+			<dd>
+				<pre><code>
+$('select').selectmenu('close');			
+				</code></pre>
+			</dd>
+			
+			<dt><code>enable</code> enable a disabled select</dt>
+			<dd>
+				<pre><code>
+$('select').selectmenu('enable');			
+				</code></pre>
+			</dd>
+			
+			<dt><code>disable</code> disable a select.</dt>
+			<dd>
+				<pre><code>
+$('select').selectmenu('disable');			
+				</code></pre>
+			</dd>
+			
+			<dt><code>open</code> open a closed select menu (<a href="custom.html">custom menus</a> only)</dt>
+			<dd>
+				<pre><code>
+$('select').selectmenu('open');			
+				</code></pre>
+			</dd>
+			
+			<dt><code>refresh</code> update the custom select</dt>
+			<dd>
+			 This is used to update the custom select to reflect the native select element's value.If the number of options in the select are different than the number of items in the custom menu, it'll rebuild the custom menu. Also, if you pass a true argument you can force the rebuild to happen.
+				<pre><code>
+//refresh value			
+$('select').selectmenu('refresh');
+
+//refresh and force rebuild
+$('select').selectmenu('refresh', true);
+				</code></pre>
+			</dd>
+			
+		</dl>	
+    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li data-theme="a"><a href="index.html">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/selects/options.html b/libs/js/jquery-mobile-1.1.0/docs/forms/selects/options.html
new file mode 100644
index 00000000..c90cfd1f
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/selects/options.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Select options</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Select Menus</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Select menus</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+			
+			<p>The select menu plugin has the following options:</p>			
+			
+
+		<dl>
+			
+			<dt><code>corners</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: true</p>
+				<p>Applies the theme button border-radius to the select button if set to true. This option is also exposed as a data attribute: <code>data-corners=&quot;false&quot;</code></p>
+				<pre><code>$('select').selectmenu(<strong>{ corners: "false" }</strong>);</code></pre>
+			</dd>			
+			<dt><code>icon</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "arrow-down"</p>
+				<p>Applies an icon from the <a href="../../buttons/buttons-icons.html">icon set</a> to the custom button. This option is also exposed as a data attribute: <code>data-icon=&quot;star&quot;</code></p>
+				<pre><code>$('select').selectmenu(<strong>{ icon: "star" }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>iconpos</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "right"</p>
+				<p>Position of the icon in the select button. Possible values: left, right, none, notext. The notext value will display the select as an icon-only button with no text feedback. This option is also exposed as a data attribute: <code>data-iconpos=&quot;left&quot;</code></p>
+				<pre><code>$('select').selectmenu(<strong>{ iconpos: "left" }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>iconshadow</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: true</p>
+				<p>Applies the theme shadow to the select button if set to true. This option is also exposed as a data attribute: <code>data-iconshadow=&quot;false&quot;</code></p>
+				<pre><code>$('select').selectmenu(<strong>{ iconshadow: "false" }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>initSelector</code> <em>CSS selector string</em></dt>
+			<dd>
+				<p class="default">default: "select:not(:jqmData(role='slider'))"</p>
+				<p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as select menus. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+				<pre><code>$( document ).bind( "mobileinit", function(){
+	<strong>$.mobile.selectmenu.prototype.options.initSelector = ".myselect";</strong>
+});
+</code></pre>
+			</dd>
+			
+			<dt><code>inline</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: null (false)</p>
+				<p>If set to true, this will make the select button act like an inline button so the width is determined by the button's text. By default, this is null (false) so the select button is full width, regardless of the feedback content. Possible values: true, false. This option is also exposed as a data attribute: <code>data-inline=&quot;true&quot;</code></p>
+				<pre><code>$('select').selectmenu(<strong>{ inline: "true" }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>mini</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: false</p>
+				<p>Sets the size of the element to a more compact, <a href="../forms-all-mini.html">mini version</a>. This option is also exposed as a data attribute: <code>data-mini=&quot;true&quot;</code></p>		
+				<pre><code>$('select').selectmenu(<strong>{ mini: "true" }</strong>);</code></pre>
+				
+			<dt><code>nativeMenu</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: true</p>
+				<p>When set to true, clicking the custom-styled select menu will open the native select menu which is best for performance. If set to false, the custom select menu style will be used instead of the native menu. This option is also exposed as a data attribute: <code>data-native-menu=&quot;false&quot;</code></p>
+				<pre><code>$('select').selectmenu(<strong>{ nativeMenu: "false" }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>overlayTheme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: a</p>
+				<p>Sets the color of the overlay layer for the dialog-based custom select menus and the outer border of the smaller custom menus. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, the content block colors for swatch A will be used for the overlays. This option is also exposed as a data attribute: <code>ui-body-d</code></p>
+				<pre><code>$('select').selectmenu(<strong>{ overlayTheme: "d" }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>preventFocusZoom</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: true on iOS platforms</p>
+				<p>This option disables page zoom temporarily when a custom select is focused, which prevents iOS devices from zooming the page into the select. By default, iOS often zooms into form controls, and the behavior is often unnecessary and intrusive in mobile-optimized layouts. This option is also exposed as a data attribute: <code>data-prevent-focus-zoom=&quot;true&quot;</code></p>				
+				<pre><code>$('select').selectmenu(<strong>{ preventFocusZoom: true }</strong>);</code></pre>
+			</dd>
+			
+			
+			<dt><code>shadow</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: true</p>
+				<p>Applies the drop shadow style to the select button if set to true. This option is also exposed as a data attribute: <code>data-shadow=&quot;false&quot;</code></p>
+				<pre><code>$('select').selectmenu(<strong>{ shadow: "false" }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>theme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: null, inherited from parent</p>
+				<p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme=&quot;a&quot;</code></p>				
+				<pre><code>$('select').selectmenu(<strong>{ theme: "a" }</strong>);</code></pre>
+			</dd>
+			
+		</dl>	
+    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li data-theme="a"><a href="index.html">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/slider/events.html b/libs/js/jquery-mobile-1.1.0/docs/forms/slider/events.html
new file mode 100644
index 00000000..0e28ead3
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/slider/events.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Slider events</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Slider</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Slider</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
+			</ul>
+			
+			<p>Bind events directly to the <code>input</code> element.  Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
+			<pre><code> 
+$( ".selector" ).bind( "change", function(event, ui) {
+  ...
+});
+</code></pre> 
+			
+			<p>The slider plugin has the following custom event:</p>
+
+	<dl>
+				
+		<dt><code>create</code> triggered when a slider is created</dt>
+		<dd>
+
+			<pre><code>
+$( ".selector" ).slider({
+   create: function(event, ui) { ... }
+});		
+			</code></pre>
+		</dd>
+		
+
+	</dl>
+	    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li data-theme="a"><a href="index.html">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/slider/index.html b/libs/js/jquery-mobile-1.1.0/docs/forms/slider/index.html
new file mode 100644
index 00000000..79cc9476
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/slider/index.html
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Slider</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Slider</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+			<h2>Slider</h2>
+
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+
+			<p>To add a slider widget to your page, use a standard <code>input</code> with the <code>type="range"</code> attribute.  The input's <code>value</code> is used to configure the starting position of the handle and the value is populated in the text input. Specify <code>min</code> and <code>max</code> attribute values to set the slider's range. If you want to constrain input to specific increments, add the <code>step</code> attribute. Set the <code>value</code> attribute to define the initial value. The framework will parse these attributes to configure the slider widget. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to sliders.</p>
+
+			<p>As you drag the slider's handle, the framework will update the native input's value (and vice-versa) so they are always in sync; this ensures that the value is submitted with the form.</p>
+			<p>Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated. It's possible to <a href="../docs-forms.html">accessibly hide the label</a> if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.</p>
+
+			<p>The framework will find all <code>input</code> elements with a <code>type="range"</code> and automatically enhance them into a slider with an accompanying input without any need to apply a <code>data-role</code> attribute. To prevent the automatic enhancement of this input into a slider, add <code>data-role="none"</code> attribute to the <code>input</code> and wrap them in a <code>div</code> with the <code> data-role="fieldcontain"</code> attribute to group them. In this example, the acceptable range is 0-100. </p>
+
+<pre><code>
+&lt;label for=&quot;slider-0&quot;&gt;Input slider:&lt;/label&gt;
+&lt;input type=&quot;range&quot; name=&quot;slider&quot; id=&quot;slider-0&quot; value=&quot;60&quot; min=&quot;0&quot; max=&quot;100&quot; /&gt;
+</code></pre>
+
+				<p>The default slider with these settings is displayed like this:</p>
+				<label for="slider-0">Input slider:</label>
+				<input type="range" name="slider-1" id="slider-0" value="60" min="0" max="100" />
+				
+				<h2>Step increment</h2>
+
+				<p>To force the slider to snap to a specific increment, add the <code>step</code> attribute to the input. By default, the step is 1, but in this example, the step is 50 and the maximum value is 500.</p>
+
+<pre><code>
+&lt;label for=&quot;slider-step&quot;&gt;Input slider:&lt;/label&gt;
+&lt;input type=&quot;range&quot; name=&quot;slider&quot; id=&quot;slider-step&quot; value=&quot;150&quot; min=&quot;0&quot; max=&quot;500&quot; <strong>step=&quot;50&quot;</strong> /&gt;
+</code></pre>
+
+				<p>This will produce an input that snaps to increments of 50. If a value is added to the input that isn't valid with the step increment, the value will be reset on blur to the closest step.</p>
+		        <label for="slider-step">Input slider:</label>
+				<input type="range" name="slider-1" id="slider-step" value="150" min="0" max="500" step="50" />
+				
+				
+				<h2>Fill highlight</h2>
+
+				<p>To have a highlight fill on the track up to the slider handle position, add the <code>data-highlight="true"</code> attribute to the input. The fill uses active state swatch. </p>
+
+<pre><code>
+&lt;label for=&quot;slider-fill&quot;&gt;Input slider:&lt;/label&gt;
+&lt;input type=&quot;range&quot; name=&quot;slider&quot; id=&quot;slider-fill&quot; value=&quot;60&quot; min=&quot;0&quot; max=&quot;100&quot; <strong>data-highlight=&quot;true&quot;</strong> /&gt;
+</code></pre>
+
+		        <label for="slider-min">Input slider:</label>
+				<input type="range" name="slider-1" id="slider-min" value="60" min="0" max="100" data-highlight="true" />
+	
+				
+				<h2>Mini version</h2>
+
+				<p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms-all-mini.html">mini version</a>. </p>
+
+<pre><code>
+&lt;label for=&quot;slider-0&quot;&gt;Input slider:&lt;/label&gt;
+&lt;input type=&quot;range&quot; name=&quot;slider&quot; id=&quot;slider-0&quot; value=&quot;25&quot; min=&quot;0&quot; max=&quot;100&quot; data-highlight=&quot;true&quot; <strong>data-mini=&quot;true&quot;</strong> /&gt;
+</code></pre>
+
+				<p>This will produce an input that is not as tall as the standard version and has a smaller text size.</p>
+		        <label for="slider-min">Input slider:</label>
+				<input type="range" name="slider-1" id="slider-min" value="25" min="0" max="100" data-highlight="true" data-mini="true" />
+
+				<h2>Field containers</h2>
+					
+				<p>Optionally wrap the slider markup in a container with the <code>data-role="fieldcontain"</code> attribute to help visually group it in a longer form. In this example, the <code>step</code> attribute is omitted to allow any whole number value to be selected.</p>
+
+
+<pre><code>
+<strong>&lt;div data-role=&quot;fieldcontain&quot;&gt;
+</strong>   &lt;label for=&quot;slider&quot;&gt;Input slider:&lt;/label&gt;
+   &lt;input type=&quot;range&quot; name=&quot;slider&quot; id=&quot;slider&quot; value=&quot;25&quot; min=&quot;0&quot; max=&quot;100&quot;  /&gt;
+<strong>&lt;/div&gt;
+</strong></code></pre>
+
+			<p>The slider is now displayed like this:</p>
+			<div data-role="fieldcontain">
+				<label for="slider-1">Input slider:</label>
+				<input type="range" name="slider-1" id="slider-1" value="25" min="0" max="100" />
+			</div>
+
+			<p>Sliders also respond to key commands. Right Arrow, Up Arrow and Page Up keys increase the value; Left Arrow, Down Arrow and Page Down keys decrease it. To move the slider to its minimum or maximum value, use the Home or End key, respectively.</p>
+
+
+		<h2>Calling the slider plugin</h2>
+
+<p>This plugin will auto initialize on any page that contains a text <code>input</code> with the <code>type="range"</code> attribute. However, if needed you can directly call the <code>slider</code> plugin on any selector, just like any jQuery plugin:</p>
+<pre><code>
+$('input').slider();
+</code></pre>
+
+
+		<h2>Theming the slider</h2>
+		<p>To set the theme swatch for the slider, add a <code>data-theme</code> attribute to the <code>input</code> which will apply the theme to both the input, handle and track. The track swatch can be set separately by adding the  <code>data-track-theme</code> attribute to apply the down state version of the selected button swatch.</p>
+
+		<pre><code>
+&lt;div data-role=&quot;fieldcontain&quot;&gt;
+	&lt;label for=&quot;slider-2&quot;&gt;Input slider:&lt;/label&gt;
+	&lt;input type=&quot;range&quot; name=&quot;slider-2&quot; id=&quot;slider-2&quot; value=&quot;25&quot; min=&quot;0&quot; max=&quot;100&quot; <strong>data-theme=&quot;a&quot; data-track-theme=&quot;b&quot;</strong> /&gt;
+&lt;/div&gt;
+		</code></pre>
+
+		<p>This will produce a themed slider:</p>
+		<div data-role="fieldcontain">
+			<label for="slider-2">Input slider:</label>
+			<input type="range" name="slider-2" id="slider-2" value="25" min="0" max="100" data-theme="a" data-track-theme="b" />
+		</div>
+		</form>
+	</div><!--/content-primary -->
+
+	<div class="content-secondary">
+
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+				<h3>More in this section</h3>
+
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li data-theme="a"><a href="index.html">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+
+
+				</ul>
+		</div>
+	</div>
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/slider/methods.html b/libs/js/jquery-mobile-1.1.0/docs/forms/slider/methods.html
new file mode 100644
index 00000000..7cffa6d0
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/slider/methods.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Slider methods</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Slider</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Slider</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+			
+			<p>The slider plugin has the following methods:</p>
+
+		<dl>									
+			<dt><code>enable</code> enable a disabled slider</dt>
+			<dd>
+				<pre><code>
+$('.selector').slider('enable');			
+				</code></pre>
+			</dd>
+			
+			<dt><code>disable</code> disable a slider</dt>
+			<dd>
+				<pre><code>
+$('.selector').slider('disable');			
+				</code></pre>
+			</dd>
+						
+			<dt><code>refresh</code> update the slider</dt>
+			<dd>
+			<p>If you manipulate a slider via JavaScript, you must call the refresh method on it to update the visual styling.</p> 				
+			
+			<pre><code>			
+$('.selector').slider('refresh');
+				</code></pre>
+			</dd>
+			
+		</dl>	
+    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li data-theme="a"><a href="index.html">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/slider/options.html b/libs/js/jquery-mobile-1.1.0/docs/forms/slider/options.html
new file mode 100644
index 00000000..d641094a
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/slider/options.html
@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Slider options</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Slider</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Slider</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+			
+			<p>The slider plugin has the following options:</p>
+
+		<dl>
+			<dt><code>disabled</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: false</p>
+				<p>Sets the default state of the slider to disabled when "true".</p>		
+				<pre><code>$('.selector').slider(<strong>{ disabled: "true" }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>highlight</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: false</p>
+				<p>Sets an active state fill on the track from the left edge to the slider handle when set to "true".</p>		
+				<pre><code>$('.selector').slider(<strong>{ highlight: "true" }</strong>);</code></pre>
+			</dd>
+					
+			<dt><code>initSelector</code> <em>CSS selector string</em></dt>
+			<dd>
+				<p class="default">default: "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')"</p>
+				<p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as sliders. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+   <strong>$.mobile.slider.prototype.options.initSelector = ".myslider";</strong>
+});
+</code></pre>
+			</dd>
+			
+			<dt><code>mini</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: false</p>
+				<p>Sets the size of the element to a more compact, <a href="../forms-all-mini.html">mini version</a>. This option is also exposed as a data attribute: <code>data-mini=&quot;true&quot;</code></p>		
+				<pre><code>$('.selector').slider(<strong>{ mini: "true" }</strong>);</code></pre>
+			</dd>
+							
+			<dt><code>theme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: null, inherited from parent</p>
+				<p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as its parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme=&quot;a&quot;</code></p>			
+				<pre><code>$('.selector').slider(<strong>{ theme: "a" }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>trackTheme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: null, inherited from parent</p>
+				<p>Sets the color scheme (swatch) for the slider's track, specifically. It accepts a single letter from a-z that maps to the swatches included in your theme.</p>		
+				<pre><code>$('.selector').slider(<strong>{ trackTheme: "a" }</strong>);</code></pre>
+				<p>This option can be overridden in the markup by assigning a data attribute to the input, e.g. <code>data-track-theme=&quot;a&quot;</code>.</p>
+			</dd>
+			
+		</dl>	
+    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li data-theme="a"><a href="index.html">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/switch/events.html b/libs/js/jquery-mobile-1.1.0/docs/forms/switch/events.html
new file mode 100644
index 00000000..005d2307
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/switch/events.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Slider events</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Flip Toggle Switch</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Flip toggle switch</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
+			</ul>
+			
+			<p>Bind events directly to the <code>select</code> element.  Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
+			<pre><code> 
+$( ".selector" ).bind( "change", function(event, ui) {
+  ...
+});
+</code></pre> 
+			
+			<p>The slider plugin has the following custom event:</p>
+
+	<dl>
+				
+		<dt><code>create</code> triggered when a slider is created</dt>
+		<dd>
+
+			<pre><code>
+$( ".selector" ).slider({
+   create: function(event, ui) { ... }
+});		
+			</code></pre>
+		</dd>
+		
+
+	</dl>
+	    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li data-theme="a"><a href="index.html">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/switch/index.html b/libs/js/jquery-mobile-1.1.0/docs/forms/switch/index.html
new file mode 100644
index 00000000..a3a59f78
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/switch/index.html
@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Switch</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Flip Toggle Switch</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+			<h2>Flip toggle switch</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+    
+			<p>A binary "flip" switch is a common UI element on mobile devices that is used for binary on/off or true/false data input. You can either drag the flip handle like a slider or tap one side of the switch.</p>
+			
+			<p>To create a flip toggle, start with a <code>select</code> with two options. The first option will be styled as the "on" state switch and the second will be styled as the "off" state so write your options accordingly. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to flip switches.</p>
+				
+			<p>Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated. It's possible to <a href="../docs-forms.html">accessibly hide the label</a> if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.</p>
+				
+<pre><code>	
+&lt;label for=&quot;flip-a&quot;&gt;Select slider:&lt;/label&gt;
+&lt;select name=&quot;slider&quot; id=&quot;flip-a&quot; data-role=&quot;slider&quot;&gt;
+	&lt;option value=&quot;off&quot;&gt;Off&lt;/option&gt;
+	&lt;option value=&quot;on&quot;&gt;On&lt;/option&gt;
+&lt;/select&gt; 
+</code></pre>	
+
+			<p>This will produce a basic flip toggle switch input. The default styles set the width of the switch to 100% of the parent container and stack the label on a separate line.</p>
+
+			<label for="flip-a">Flip switch:</label>
+			<select name="slider" id="flip-a" data-role="slider">
+				<option value="off">Off</option>
+				<option value="on">On</option>
+			</select> 
+			
+			
+			<h2>Longer Labels</h2>
+			<p>The control is proportionally scaled, so to use longer labels one can just add a line of CSS setting the switch to the desired width. For example, given the following markup:</p>
+<pre><code>
+&lt;div class="containing-element"&gt;
+	&lt;label for="flip-min">Flip switch:&lt;/label&gt;
+	&lt;select name="slider" id="flip-min" data-role="slider"&gt;
+		&lt;option value="off">Switch Off&lt;/option&gt;
+		&lt;option value="on">Switch On&lt;/option&gt;
+	&lt;/select&gt;
+&lt;/div&gt;
+</code></pre>
+	
+			<p><code>.containing-element .ui-slider-switch { width: 9em }</code> will produce:</p>
+		
+			<style type="text/css" media="screen">
+			.containing-element .ui-slider-switch { width: 9em; }
+			</style>
+			
+			<div class="containing-element">
+				<label for="flip-min">Flip switch:</label>
+				<select name="slider" id="flip-min" data-role="slider">
+					<option value="off">Switch Off</option>
+					<option value="on">Switch On</option>
+				</select> 
+			</div>
+			
+			<p>As some default styles hinge on fieldcontains, note that you may have to ensure that custom styles apply to switches within fieldcontains by using <code>.ui-field-contain div.ui-slider-switch { width: […]; }</code>.</p>
+			
+			<h2>Mini version</h2>
+
+			<p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms-all-mini.html">mini version</a>. </p>
+
+<pre><code>	
+&lt;label for=&quot;flip-a&quot;&gt;Select slider:&lt;/label&gt;
+&lt;select name=&quot;slider&quot; id=&quot;flip-a&quot; data-role=&quot;slider&quot; <strong>data-mini=&quot;true&quot;</strong>&gt;
+	&lt;option value=&quot;off&quot;&gt;Off&lt;/option&gt;
+	&lt;option value=&quot;on&quot;&gt;On&lt;/option&gt;
+&lt;/select&gt;
+</code></pre>
+			
+			<p>This will produce a flip switch that is not as tall as the standard version and has a smaller text size.</p>
+			<label for="flip-min">Flip switch:</label>
+			<select name="slider" id="flip-min" data-role="slider" data-mini="true">
+				<option value="off">Off</option>
+				<option value="on">On</option>
+			</select>
+			
+
+			<h2>Field containers</h2>
+			 <p>Optionally wrap the switch markup in a container with the <code>data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
+
+<pre><code>	
+<strong>&lt;div data-role=&quot;fieldcontain&quot;&gt;
+</strong>&lt;label for=&quot;flip-b&quot;&gt;Flip switch:&lt;/label&gt;
+	&lt;select name=&quot;slider&quot; id=&quot;flip-b&quot; data-role=&quot;slider&quot;&gt;
+		&lt;option value=&quot;no&quot;&gt;No&lt;/option&gt;
+		&lt;option value=&quot;yes&quot;&gt;Yes&lt;/option&gt;
+	&lt;/select&gt; 
+<strong>&lt;/div&gt;
+</strong></code></pre>	
+		<p>The flip toggle switch is now displayed like this:</p>
+		<div data-role="fieldcontain">
+			<label for="flip-b">Flip switch:</label>
+			<select name="slider" id="flip-b" data-role="slider">
+				<option value="nope">Nope</option>
+				<option value="yep">Yep</option>
+			</select> 
+		</div>
+						
+				
+		<h2>Theming the flip switch</h2>	
+		
+		<p>Like all form elements, this widget will automatically inherit the theme from its parent container. To choose a specific theme color swatch, specify the <code>data-theme</code> attribute on the select and specify a swatch letter.</p>	
+		
+<pre><code>	
+&lt;div data-role=&quot;fieldcontain&quot;&gt;
+	&lt;label for=&quot;flip-c&quot;&gt;Flip switch:&lt;/label&gt;
+	&lt;select name=&quot;slider&quot; id=&quot;flip-c&quot; data-role=&quot;slider&quot; data-theme=&quot;a&quot;&gt;
+		&lt;option value=&quot;no&quot;&gt;No&lt;/option&gt;
+		&lt;option value=&quot;yes&quot;&gt;Yes&lt;/option&gt;
+	&lt;/select&gt; 
+&lt;/div&gt;
+</code></pre>	
+				<p>This results in a switch with the A swatch colors for the handle. Note that the lefthand "on" state gets the active state color.</p>
+				<div data-role="fieldcontain">
+					<label for="flip-c">Flip switch:</label>
+					<select name="slider" id="flip-c" data-role="slider" data-theme="a">
+						<option value="hate">Hate</option>
+						<option value="love">Love</option>
+					</select> 
+				</div>
+				
+				<p>Here is a E swatch variation:</p>
+				<div data-role="fieldcontain">
+					<label for="flip-d">Flip switch:</label>
+					<select name="slider" id="flip-d" data-role="slider" data-theme="e">
+						<option value="no">No</option>
+						<option value="yes">Yes</option>
+					</select> 
+				</div>
+		
+		<h2>Calling the switch plugin</h2>
+
+<p>This plugin will auto-initialize on any page that contains a <code>select</code> with the <code>data-role="slider"</code> attribute. However, if needed you can directly call the <code>slider</code> plugin on any selector, just like any jQuery plugin:</p>
+<pre><code>
+$('select').slider();			
+</code></pre>
+    
+		</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li data-theme="a"><a href="index.html">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/switch/methods.html b/libs/js/jquery-mobile-1.1.0/docs/forms/switch/methods.html
new file mode 100644
index 00000000..59834e5e
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/switch/methods.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Slider methods</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Flip Toggle Switch</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Flip toggle switch</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+			
+			<p>The slider plugin has the following methods:</p>
+
+		<dl>									
+			<dt><code>enable</code> enable a disabled slider</dt>
+			<dd>
+				<pre><code>
+$('.selector').slider('enable');			
+				</code></pre>
+			</dd>
+			
+			<dt><code>disable</code> disable a slider</dt>
+			<dd>
+				<pre><code>
+$('.selector').slider('disable');			
+				</code></pre>
+			</dd>
+						
+			<dt><code>refresh</code> update the slider</dt>
+			<dd>
+			<p>If you manipulate a slider via JavaScript, you must call the refresh method on it to update the visual styling.</p> 				
+			
+			<pre><code>			
+$('.selector').slider('refresh');
+				</code></pre>
+			</dd>
+			
+		</dl>	
+    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li data-theme="a"><a href="index.html">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/switch/options.html b/libs/js/jquery-mobile-1.1.0/docs/forms/switch/options.html
new file mode 100644
index 00000000..862b5488
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/switch/options.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Slider options</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Flip Toggle Switch</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Flip toggle switch</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+			
+			<p>The slider plugin has the following options:</p>
+
+		<dl>
+			<dt><code>disabled</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: false</p>
+				<p>Sets the default state of the slider to disabled when "true".</p>		
+				<pre><code>$('.selector').slider(<strong>{ disabled: "true" }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>initSelector</code> <em>CSS selector string</em></dt>
+			<dd>
+				<p class="default">default: "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')"</p>
+				<p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as sliders. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+   <strong>$.mobile.slider.prototype.options.initSelector = ".myslider";</strong>
+});
+</code></pre>
+			
+			<dt><code>mini</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: false</p>
+				<p>Sets the size of the element to a more compact, <a href="../forms-all-mini.html">mini version</a>. This option is also exposed as a data attribute: <code>data-mini=&quot;true&quot;</code></p>		
+				<pre><code>$('.selector').slider(<strong>{ mini: "true" }</strong>);</code></pre>
+			</dd>
+						
+			<dt><code>theme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: null, inherited from parent</p>
+				<p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme=&quot;a&quot;</code></p>			
+				<pre><code>$('.selector').slider(<strong>{ theme: "a" }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>trackTheme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: null, inherited from parent</p>
+				<p>Sets the color scheme (swatch) for the slider's track, specifically. It accepts a single letter from a-z that maps to the swatches included in your theme.</p>		
+				<pre><code>$('.selector').slider(<strong>{ trackTheme: "a" }</strong>);</code></pre>
+				<p>This option can be overridden in the markup by assigning a data attribute to the input, e.g. <code>data-track-theme=&quot;a&quot;</code>.</p>
+			</dd>
+			
+		</dl>	
+    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li><a href="../textinputs/index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li data-theme="a"><a href="index.html">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/textinputs/events.html b/libs/js/jquery-mobile-1.1.0/docs/forms/textinputs/events.html
new file mode 100644
index 00000000..b4020d58
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/textinputs/events.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Text Input events</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Text inputs</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Text inputs</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
+			</ul>
+			
+			<p>Bind events directly to the <code>input</code> element.  Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
+			<pre><code> 
+$( ".selector" ).bind( "change", function(event, ui) {
+  ...
+});
+</code></pre> 
+			
+			<p>The text input plugin has the following custom events:</p>
+
+	<dl>
+				
+		<dt><code>create</code> triggered when a text input is created</dt>
+		<dd>
+
+			<pre><code>
+$( ".selector" ).textinput({
+   create: function(event, ui) { ... }
+});		
+			</code></pre>
+			</dd>
+			
+	</dl>
+	    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li data-theme="a"><a href="index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/textinputs/index.html b/libs/js/jquery-mobile-1.1.0/docs/forms/textinputs/index.html
new file mode 100644
index 00000000..fd88c355
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/textinputs/index.html
@@ -0,0 +1,244 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Text inputs</title> 
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Text inputs</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+		
+		<form action="#" method="get">
+
+			<h2>Text inputs & Textareas</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+
+			<p>Text inputs and textareas are coded with standard HTML elements, then enhanced by jQuery Mobile to make them more attractive and useable on a mobile device. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to text inputs.</p>
+			
+			<h2>Text inputs</h2>
+			<p>To collect standard alphanumeric text, use an <code>input</code> with a <code>type="text"</code> attribute. Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated. It's possible to <a href="../docs-forms.html">accessibly hide the label</a> if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.</p>
+
+<pre><code>	
+    &lt;label for=&quot;basic&quot;&gt;Text Input:&lt;/label&gt;
+    &lt;input type=&quot;text&quot; name=&quot;name&quot; id=&quot;basic&quot; value=&quot;&quot;  /&gt;
+</code></pre>		
+
+			<p>This will produce a basic text input. The default styles set the width of the input to 100% of the parent container and stack the label on a separate line.</p>
+			
+	         <label for="basic">Text Input:</label>
+	         <input type="text" name="name" id="basic" value="" />
+	
+			<h2>Mini version</h2>
+
+			<p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms-all-mini.html">mini version</a>. </p>
+
+<pre><code>	
+&lt;label for=&quot;basic&quot;&gt;Text Input:&lt;/label&gt;
+&lt;input type=&quot;text&quot; name=&quot;name&quot; id=&quot;basic&quot; value=&quot;&quot; <strong>data-mini=&quot;true&quot;</strong> /&gt;
+</code></pre>
+			
+			<p>This will produce an input that is not as tall as the standard version and has a smaller text size.</p>
+	         <label for="mini">Text Input:</label>
+	         <input type="text" name="name" id="mini" value="" data-mini="true" />
+
+			<h2>Field containers</h2>
+
+			<p>Optionally wrap the text input in a container with the <code> data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
+
+<pre><code>	
+<strong>&lt;div data-role=&quot;fieldcontain&quot;&gt;
+</strong>    &lt;label for=&quot;name&quot;&gt;Text Input:&lt;/label&gt;
+    &lt;input type=&quot;text&quot; name=&quot;name&quot; id=&quot;name&quot; value=&quot;&quot;  /&gt;
+<strong>&lt;/div&gt;	
+</strong></code></pre>		
+			 
+			<p>The text input is now displayed like this:</p>
+	    	<div data-role="fieldcontain">
+	         <label for="name">Text Input:</label>
+	         <input type="text" name="name" id="name" value="" />
+			</div>
+						
+			
+			<h2>More text input types</h2>
+			<p>In jQuery Mobile, you can use existing and new HTML5 input types such as <code>password</code>, <code>email</code>, <code>tel</code>, <code>number</code>, and more.  Some type values are rendered differently across browsers. For example, Chrome renders the <code>range</code> input as a slider. jQuery Mobile standardizes the appearance of <code>range</code> and <code>search</code> by dynamically changing their type to <code>text</code>. You can configure which input types are degraded to <code>text</code> with the <code>page</code> plugin's options.</p>
+			
+			<p>One major advantage of using these more specific input types if that on mobile devices, specialized keyboards that speed data entry are offered in place of the standard text keyboard. Try the following inputs on a mobile device to see which display custom keyboards on various platforms.</p>
+			
+			<div data-role="fieldcontain">
+	         <label for="password">Password:</label>
+	         <input type="password" name="password" id="password" value="" />
+			</div>
+			
+			<div data-role="fieldcontain">
+	         <label for="number">Number:</label>
+	         <input type="number" name="number" id="number" value="" />
+			</div>
+			
+			<div data-role="fieldcontain">
+	         <label for="number-pattern">Number + pattern:</label>
+	         <input type="number" name="number" pattern="[0-9]*" id="number-pattern" value="" placeholder="Pattern attribute [0-9]* for a numeric keypad" />
+			</div>
+			
+			<div data-role="fieldcontain">
+	         <label for="email">Email:</label>
+	         <input type="email" name="email" id="email" value="" />
+			</div>
+			
+			<div data-role="fieldcontain">
+	         <label for="url">Url:</label>
+	         <input type="url" name="url" id="url" value="" />
+			</div>
+			
+			<div data-role="fieldcontain">
+	         <label for="tel">Tel:</label>
+	         <input type="tel" name="tel" id="tel" value="" />
+			</div>
+			
+			<div data-role="fieldcontain">
+	         <label for="time">Time:</label>
+	         <input type="time" name="time" id="time" value="" />
+			</div>
+			
+			<div data-role="fieldcontain">
+	         <label for="date">Date:</label>
+	         <input type="date" name="date" id="date" value="" />
+			</div>
+			
+			<div data-role="fieldcontain">
+	         <label for="month">Month:</label>
+	         <input type="month" name="month" id="month" value="" />
+			</div>
+			
+			<div data-role="fieldcontain">
+	         <label for="week">Week:</label>
+	         <input type="week" name="week" id="week" value="" />
+			</div>
+			
+			<div data-role="fieldcontain">
+	         <label for="datetime">Datetime:</label>
+	         <input type="datetime" name="datetime" id="datetime" value="" />
+			</div>
+			
+			<div data-role="fieldcontain">
+	         <label for="datetime-l">Datetime local:</label>
+	         <input type="datetime-local" name="datetime-l" id="datetime-l" value="" />
+			</div>
+			
+			<div data-role="fieldcontain">
+	         <label for="color">Color:</label>
+	         <input type="color" name="color" id="color" value="" />
+			</div>
+			
+			
+			
+			<h2>Textareas</h2>
+			<p>For multi-line text inputs, use a <code>textarea</code> element. The framework will auto-grow the height of the textarea to avoid the need for an internal scrollbar. </p>
+			<p>Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>textarea</code> so they are semantically associated, and wrap them in a <code>div</code> with the <code> data-role="fieldcontain"</code> attribute to group them.</p>
+
+<pre><code>	
+<strong>&lt;label for=&quot;textarea-a&quot;&gt;Textarea:&lt;/label&gt;
+&lt;textarea name=&quot;textarea&quot; id=&quot;textarea-a&quot;&gt;</strong>
+I&#x27;m a basic textarea. If this is pre-populated with content, the height will be automatically adjusted to fit without needing to scroll. That is a pretty handy usability feature.
+<strong>&lt;/textarea&gt;</strong>
+</code></pre>	
+
+			<p>This will produce a basic textarea with the width set to 100% of the parent container and the label stacked on a separate line. The textarea will grow to fit new lines as you type:</p>
+			<label for="textarea-a">Textarea:</label>
+			<textarea name="textarea" id="textarea-a">
+I'm a basic textarea. If this is pre-populated with content, the height will be automatically adjusted to fit without needing to scroll. That is a pretty handy usability feature.
+			</textarea>
+
+<pre><code>	
+<strong>&lt;div data-role=&quot;fieldcontain&quot;&gt;
+</strong>&lt;label for=&quot;textarea&quot;&gt;Textarea:&lt;/label&gt;
+	&lt;textarea name=&quot;textarea&quot; id=&quot;textarea&quot;&gt;&lt;/textarea&gt;
+<strong>&lt;/div&gt;</strong>
+</code></pre>	
+			 
+			<p>The textarea is displayed like this and will grow to fit new lines as you type:</p>
+			<div data-role="fieldcontain">
+			<label for="textarea">Textarea:</label>
+			<textarea name="textarea" id="textarea"></textarea>
+			</div>
+			
+			
+			<h2>Calling the textinput plugin</h2>
+
+			<p>This plugin will auto initialize on any page that contains a textarea or any of the text input types listed above without any need for a <code>data-role</code> attribute in the markup. However, if needed, you can directly call the <code>textinput</code> plugin on any selector, just like any jQuery plugin:</p>
+			<pre><code>
+$('input').textinput();			
+			</code></pre>
+			
+			
+			<h2>Degraded input types</h2>
+			<p>jQuery Mobile degrades several HTML5 input types back to type=text or type=number after adding enhanced controls. For example, inputs with a type of range are enhanced with a custom slider control, and their type is set to number to offer a usable form input alongside that slider. Inputs with a type of search are degraded back to type=text after we add our own themable search input styling.</p>
+			<p>The page plugin contains a list of input types that are set to either true which means they'll degrade to type=text, false which means they'll be left alone, or a string such as "number", which means they'll be converted to that type (such as the case of type=range).</p>
+		
+			<p>You can configure which types are changed via the page plugin's <code>degradeInputs</code> option, which can be manipulated externally via <code>$.mobile.page.prototype.options.degradeInputs</code>, which has properties: color, date, datetime, "datetime-local", email, month, number, range, search, tel, time, url, and week. Be sure to configure this inside an event handler bound to the <code>mobileinit</code> event, so that it applies to the first page as well as subsequent pages that are loaded.</p>	
+		
+
+	</form>
+	
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li data-theme="a"><a href="index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/textinputs/methods.html b/libs/js/jquery-mobile-1.1.0/docs/forms/textinputs/methods.html
new file mode 100644
index 00000000..d3dadd42
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/textinputs/methods.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Text Input methods</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Text inputs</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Text inputs</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+			
+			<p>The text input plugin has the following methods:</p>
+
+		<dl>
+						
+			<dt><code>enable</code> enable a disabled text input</dt>
+			<dd>
+				<pre><code>
+$('.selector').textinput('enable');			
+				</code></pre>
+			</dd>
+			
+			<dt><code>disable</code> disable a text input</dt>
+			<dd>
+				<pre><code>
+$('.selector').textinput('disable');			
+				</code></pre>
+			</dd>
+			
+		</dl>	
+    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li data-theme="a"><a href="index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/forms/textinputs/options.html b/libs/js/jquery-mobile-1.1.0/docs/forms/textinputs/options.html
new file mode 100644
index 00000000..cee3e499
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/forms/textinputs/options.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Text Input options</title>
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Text inputs</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+		<form action="#" method="get">
+
+			<h2>Text inputs</h2>
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
+				<li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
+				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+			
+			<p>The text input plugin has the following options:</p>
+
+		<dl>
+			<dt><code>initSelector</code> <em>CSS selector string</em></dt>
+			<dd>
+				<p class="default">default: "input[type='text'], input[type='search'], :jqmData(type='search'), input[type='number'], :jqmData(type='number'), input[type='password'], input[type='email'], input[type='url'], input[type='tel'], textarea, input:not([type])"</p>
+				<p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as textinputs. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+   <strong>$.mobile.textinput.prototype.options.initSelector = ".myInputs";</strong>
+});
+</code></pre>
+			</dd>
+			
+			<dt><code>mini</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: false</p>
+				<p>Sets the size of the element to a more compact, <a href="../forms-all-mini.html">mini version</a>. This option is also exposed as a data attribute: <code>data-mini=&quot;true&quot;</code></p>		
+				<pre><code>$('.selector').textinput(<strong>{ mini: "true" }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>preventFocusZoom</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: true on iOS platforms</p>
+				<p>This option disables page zoom temporarily when a custom input is focused, which prevents iOS devices from zooming the page into the input. By default, iOS often zooms into form controls, and the behavior is often unnecessary and intrusive in mobile-optimized layouts. This option is also exposed as a data attribute: <code>data-prevent-focus-zoom=&quot;true&quot;</code></p>				
+				<pre><code>$('input').textinput(<strong>{ preventFocusZoom: true }</strong>);</code></pre>
+			</dd>
+			
+			
+			<dt><code>theme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: null, inherited from parent</p>
+				<p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme=&quot;a&quot;</code></p>					
+				<pre><code>$('.selector').textinput(<strong>{ theme: "a" }</strong>);</code></pre>
+			</dd>
+			
+		</dl>	
+    
+	</form>
+	</div><!--/content-primary -->		
+	
+	<div class="content-secondary">
+		
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+			
+				<h3>More in this section</h3>
+				
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+				
+					<li data-role="list-divider">Form elements</li>
+					<li><a href="../docs-forms.html">Form basics</a></li>
+					<li><a href="../forms-all.html">Form element gallery</a></li>
+					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
+					<li data-theme="a"><a href="index.html">Text inputs</a></li>
+					<li><a href="../search/">Search input</a></li>
+					<li><a href="../slider/">Slider</a></li>
+					<li><a href="../switch/">Flip toggle switch</a></li>
+					<li><a href="../radiobuttons/">Radio buttons</a></li>
+					<li><a href="../checkboxes/">Checkboxes</a></li>
+					<li><a href="../selects/">Select menus</a></li>
+					<li><a href="../forms-themes.html">Theming forms</a></li>
+					<li><a href="../forms-all-native.html">Native form elements</a></li>
+					<li><a href="../forms-sample.html">Submitting forms</a></li>
+					
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/index.html b/libs/js/jquery-mobile-1.1.0/docs/index.html
new file mode 100644
index 00000000..ae0cec38
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery UI Mobile Framework - Documentation</title>
+	<link rel="stylesheet"  href="../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="_assets/css/jqm-docs.css"/>
+
+	<script src="../js/jquery.js"></script>
+	<script src="../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../js/"></script>
+	<!-- Need to get a proper redirect hooked up. Blech. -->
+	<meta http-equiv="refresh" content="0;url=../index.html">
+</head> 
+<body> 
+	<div data-role="page" class="type-index">
+
+<div data-role="header" data-theme="f">
+	<h1>jQuery Mobile Docs</h1>
+	<a href="../index.html" data-icon="home" data-iconpos="notext" class="ui-btn-right">Home</a>
+</div>
+
+<div data-role="content">   
+	
+<p>Nothing to see here folks.</p>
+<a href="../index.html" data-role="button">View the documentation home page</a>
+
+</div>
+
+</div>
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/docs-lists.html b/libs/js/jquery-mobile-1.1.0/docs/lists/docs-lists.html
new file mode 100644
index 00000000..b99612a5
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/docs-lists.html
@@ -0,0 +1,177 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Lists Overview</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+			<h1>Lists</h1>
+			<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+			<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+		</div><!-- /header -->
+
+		<div data-role="content">
+			<div class="content-primary">
+			<h2>List views</h2>
+
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="docs-lists.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
+				<li><a href="lists-options.html" data-role="button" data-transition="fade">Options</a></li>
+				<li><a href="lists-methods.html" data-role="button" data-transition="fade">Methods</a></li>
+				<li><a href="lists-events.html" data-role="button" data-transition="fade">Events</a></li>
+			</ul>
+
+			<h2>Basic linked lists</h2>
+			<p>A list view is coded as a simple unordered list containing linked list items with a <code> data-role="listview"</code> attribute. jQuery Mobile will apply all the necessary styles to transform the list into a mobile-friendly list view with right arrow indicator that fills the full width of the browser window. When you tap on the list item, the framework will trigger a click on the first link inside the list item, issue an AJAX request for the URL in the link, create the new page in the DOM, then kick off a page transition. View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to listviews.</p> 
+			<p>Here is the HTML markup for a basic linked list.</p>
+
+<pre><code>
+&lt;ul data-role=&quot;listview&quot; data-theme=&quot;g&quot;&gt;
+	&lt;li&gt;&lt;a href=&quot;acura.html&quot;&gt;Acura&lt;/a&gt;&lt;/li&gt;
+	&lt;li&gt;&lt;a href=&quot;audi.html&quot;&gt;Audi&lt;/a&gt;&lt;/li&gt;
+	&lt;li&gt;&lt;a href=&quot;bmw.html&quot;&gt;BMW&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+</code></pre>
+
+			<a href="lists-ul.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Basic list example</a>
+
+			<p><strong>Style note on non-inset lists</strong>: all standard, non-inset lists have a -15px margin to negate the 15px of padding on the content area to make lists fill to the edges of the screen. If you add other widgets above or below a list, the negative margin may make these elements overlap so you'll need to add additional spacing in your custom CSS.</p>
+			<h2>Nested lists</h2>
+			<p>By nesting child <code>ul</code> or <code>ol</code> inside list items, you can create nested lists. When a list item with a child list is clicked, the framework will generate a new ui-page populated with the title of the parent in the header and the list of child elements. These dynamic nested lists are styled with the "b" theme swatch (blue in the default theme) to indicate that you are in a secondary level of navigation. Lists can be nested multiple levels deep and all pages and linking will be automatically handled by the framework.</p>
+			<p>To <a href="../lists/lists-themes.html">set the swatch color</a> of the child list views, set the <code>data-theme</code> attribute on each list inside.</p>
+			<a href="lists-nested.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Nested list example</a>
+
+			<h2>Numbered lists</h2>
+			<p>Lists can also be created from ordered lists (<code>ol</code>) which is useful when presenting items that are in a sequence such as search results or a movie queue. When the enhanced markup is applied to the list view, jQuery Mobile will try to first use CSS to add numbers to the list and, if not supported, will fall back to injecting numbers with JavaScript.</p>
+
+			<a href="lists-ol.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Numbered list example</a>
+
+			<h2>Read-only lists</h2>
+			<p>List views can also be used to display a non-interactive list of items, usually as an inset list. This list is built from an unordered or ordered list that don't have linked list items. The framework defaults to styling these list with the "c" theme swatch and sets the text size to a smaller size than the clickable lists to save a bit of space.</p>
+
+			<a href="lists-readonly-inset.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Read-only list example</a>
+
+			<h2>Split button lists</h2>
+			<p>In cases where there is more than one possible action per list item, a split button can be used to offer two independently clickable items -- the list item and a small arrow icon in the far right. To make a split list item, simply add a second link inside the <code>li</code> and the framework will add a vertical divider line, style the link as an icon-only arrow button, and set the <code>title</code> attribute of the link to the text the link for accessibility. </p>
+			<p>You can set the icon for the right split icon by specifying a <code>data-split-icon</code> attribute with the <a href="../buttons/buttons-themes.html">icon name</a> you want. The theme swatch color of the split button can be set by specifying a swatch letter in the <code>data-split-theme</code> attribute</p>
+
+			<a href="lists-split.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Split list example</a>
+
+
+			<h2>List dividers</h2>
+			<p>List items can be turned into dividers to organize and group the list items. This is done by adding the <code> data-role="list-divider"</code> to any list item. These items are styled with the bar swatch "b" by default (blue in the default theme) but you can specify a theme for dividers by adding the <code>data-dividertheme</code> attribute to the list element (<code>ul</code> or <code>ol</code>) and specifying a theme swatch letter.</p>
+
+			<a href="lists-divider.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List divider example</a>
+
+
+			<h2>Search filter</h2>
+			<p>jQuery Mobile provides a very easy way to filter a list with a simple client-side search feature. To make a list filterable, simply add the <code>data-filter="true"</code> attribute to the list. The framework will then append a search box above the list and add the behavior to filter out list items that don't contain the current search string as the user types. The input's placeholder text defaults to "Filter items...". To configure the placeholder text in the search input, you can either <a href="../api/globalconfig.html">bind to the <code>mobileinit</code> event</a> and set the <code>$.mobile.listview.prototype.options.filterPlaceholder</code> option to a string of your choosing, or use the data-attribute <code>data-filter-placeholder</code> on your listview. By default the search box will inherit its theme from its parent. The search box theme can be configured using the data-attribute <code>data-filter-theme</code> on your listview.</p>
+
+			<a href="lists-search.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Search filter example</a>
+
+      <p>If you want to change the way in which list items are filtered, ie fuzzy search or matching from the beginning of the string, you can configure the callback used internally by defining <code>$.mobile.listview.prototype.options.filterCallback</code> during <code>mobileinit</code> or after the widget has been created with <code>$("#mylist").listview('option', 'filterCallback', yourFilterFunction)</code>. Any function defined for the callback will be provided two arguments. First, the text of the current list item and second, the value being searched for. A truthy value will result in a hidden list item. The default callback which filters entries without the <code>searchValue</code> as a substring is described below:
+      </p>
+
+<pre><code>function( text, searchValue ){
+  return text.toLowerCase().indexOf( searchValue ) === -1;
+};</code></pre>
+
+			<p>To filter list items by values other than the text, add a <code>data-filtertext</code> attribute to the list item.  The value of this attribute will be passed as the first argument to the <code>filterCallback</code> function instead of the text.</p>
+
+			<a href="lists-search-filtertext.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Hidden data filter example</a>
+
+			<h2>Text formatting &amp; counts</h2>
+			<p>The framework includes text formatting conventions for common list patterns like header/descriptions, secondary information and counts through semantic HTML markup.</p>
+
+			<ul>
+				<li>To add a count indicator to the right of the list item, wrap the number in an element with a class of <code>ui-li-count</code></li>
+				<li>To add text hierarchy, use headings to increase font emphasis and use paragraphs to reduce emphasis. </li>
+				<li>Supplemental information can be added to the right of each list item by wrapping content in an element with a class of <code>ui-li-aside</code></li>
+			</ul>
+			<a href="lists-count.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List with count bubbles</a>
+			<a href="lists-formatting.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List with text formatting</a>
+
+			<h2>Thumbnails &amp; icons</h2>
+			<p>To add thumbnails to the left of a list item, simply add an image inside a list item as the first child element. The framework will scale the image to 80 pixels square. To use standard 16x16 pixel icons in list items, add the class of <code>ui-li-icon</code> to the image element.</p>
+			<a href="lists-thumbnails.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List with thumbnail images</a>
+		 	<a href="lists-icons.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List with icon images</a>
+
+			<h2>Inset lists</h2>
+			<p>If lists are embedded in a page with other types of content, an inset list packages the list into a block that sits inside the content area with a bit of margin and rounded corners (theme controlled). By adding the <code> data-inset="true"</code> attribute to the list (ul or ol), applies the inset appearance.</p>
+
+			<a href="lists-inset.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Inset list example</a>
+
+			<h2>Calling the listview plugin</h2>
+			<p>You can directly call the listview plugin on any selector, just like any jQuery plugin:</p>
+			<code>$('#mylist').listview();</code>
+			
+			<h2>Updating lists</h2>
+			<p>If you add items to a listview, you'll need to call the <code>refresh()</code> method on it to update the styles and create any nested lists that are added. For example:</p>
+			<code>$('#mylist').listview('refresh');</code>
+
+			<p>Note that the <code>refresh()</code> method only affects <strong>new nodes</strong> appended to a list. This is done for performance reasons.  Any list items already enhanced will be ignored by the refresh process. This means that if you change the contents or attributes on an already enhanced list item, these won't be reflected. If you want a list item to be updated, replace it with fresh markup before calling refresh. </p>
+
+
+			</div><!--/content-primary -->
+
+			<div class="content-secondary">
+
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+							<li data-role="list-divider">List views</li>
+							<li data-theme="a"><a href="docs-lists.html">List basics &amp; API</a></li>
+							<li><a href="lists-ul.html">Basic linked list</a></li>
+							<li><a href="lists-nested.html">Nested list</a></li>
+							<li><a href="lists-ol.html">Numbered list</a></li>
+
+							<li><a href="lists-split.html">Split button list</a></li>
+							<li><a href="lists-divider.html">List dividers</a></li>
+							<li><a href="lists-count.html">Count bubble</a></li>
+							<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+							<li><a href="lists-icons.html">Icons</a></li>
+							<li><a href="lists-formatting.html">Content formatting</a></li>
+							<li><a href="lists-search.html">Search filter bar</a></li>
+							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+							<li><a href="lists-readonly.html">Read-only lists</a></li>
+							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+							<li><a href="lists-forms.html">Lists with forms</a></li>
+							<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+							<li><a href="lists-inset.html">Inset styled lists</a></li>
+							<li><a href="lists-performance.html">List performance test</a></li>
+							<li><a href="lists-themes.html">Theming lists</a></li>
+
+						</ul>
+				</div>
+			</div>
+
+		</div><!-- /content -->
+
+		<div data-role="footer" class="footer-docs" data-theme="c">
+				<p>&copy; 2011-12 The jQuery Foundation</p>
+		</div>
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-af.jpg b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-af.jpg
new file mode 100755
index 00000000..e2e34fd8
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-af.jpg
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-ag.jpg b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-ag.jpg
new file mode 100755
index 00000000..02766347
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-ag.jpg
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-bb.jpg b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-bb.jpg
new file mode 100755
index 00000000..e23683a4
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-bb.jpg
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-bk.jpg b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-bk.jpg
new file mode 100755
index 00000000..58ec190e
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-bk.jpg
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-hc.jpg b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-hc.jpg
new file mode 100755
index 00000000..cc099d10
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-hc.jpg
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-k.jpg b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-k.jpg
new file mode 100755
index 00000000..ce6cfc29
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-k.jpg
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-mg.jpg b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-mg.jpg
new file mode 100755
index 00000000..c3850e3a
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-mg.jpg
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-ok.jpg b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-ok.jpg
new file mode 100755
index 00000000..90a08f7a
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-ok.jpg
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-p.jpg b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-p.jpg
new file mode 100755
index 00000000..3dcce6a8
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-p.jpg
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-rh.jpg b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-rh.jpg
new file mode 100755
index 00000000..614969a2
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-rh.jpg
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-ws.jpg b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-ws.jpg
new file mode 100755
index 00000000..33cf555a
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-ws.jpg
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-xx.jpg b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-xx.jpg
new file mode 100755
index 00000000..78409fe7
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/album-xx.jpg
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/de.png b/libs/js/jquery-mobile-1.1.0/docs/lists/images/de.png
new file mode 100755
index 00000000..ac4a9773
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/de.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/fi.png b/libs/js/jquery-mobile-1.1.0/docs/lists/images/fi.png
new file mode 100755
index 00000000..14ec091b
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/fi.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/gb.png b/libs/js/jquery-mobile-1.1.0/docs/lists/images/gb.png
new file mode 100644
index 00000000..ff701e19
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/gb.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/gf.png b/libs/js/jquery-mobile-1.1.0/docs/lists/images/gf.png
new file mode 100755
index 00000000..8332c4ec
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/gf.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/sj.png b/libs/js/jquery-mobile-1.1.0/docs/lists/images/sj.png
new file mode 100755
index 00000000..160b6b5b
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/sj.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/images/us.png b/libs/js/jquery-mobile-1.1.0/docs/lists/images/us.png
new file mode 100755
index 00000000..10f451fe
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/images/us.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/index.html b/libs/js/jquery-mobile-1.1.0/docs/lists/index.html
new file mode 100644
index 00000000..d5a12161
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/index.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Lists</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-index">
+
+		<div data-role="header" data-theme="f">
+		<h1>Lists</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+
+		<p>Lists are used for data display, navigation, result lists, and data entry so jQuery Mobile includes a wide range of list types and formatting examples to cover most common design patterns.</p>
+				
+		<ul data-role="listview" data-inset="true">
+			<li><a href="docs-lists.html">List basics &amp; API</a></li>
+			<li><a href="lists-ul.html">Basic linked list</a></li>
+			<li><a href="lists-nested.html">Nested list</a></li>
+			<li><a href="lists-ol.html">Numbered list</a></li>
+			
+			
+			
+			<li><a href="lists-split.html">Split button list</a></li>	
+			<li><a href="lists-divider.html">List dividers</a></li>
+			<li><a href="lists-count.html">Count bubble</a></li>
+			<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+			<li><a href="lists-icons.html">Icons</a></li>
+			<li><a href="lists-formatting.html">Content formatting</a></li>
+			<li><a href="lists-search.html">Search filter bar</a></li>
+			<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+			<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+			<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+			<li><a href="lists-readonly.html">Read-only lists</a></li>
+			<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+			<li><a href="lists-forms.html">Lists with forms</a></li>
+			<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+			
+			
+			
+			<li><a href="lists-inset.html">Inset styled lists</a></li>
+			<li><a href="lists-performance.html">List performance test</a></li>
+			<li><a href="lists-themes.html">Theming lists</a></li>
+			<!--<li><a href="api-lists.html">API documentation</a></li>-->
+		</ul>
+		
+	
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-all-full.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-all-full.html
new file mode 100644
index 00000000..5eade10c
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-all-full.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Lists</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Linked list samples</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+	<form>
+			<h2>Simple list</h2>
+
+			<ul data-role="listview">
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+			</ul>
+
+		<h2>Count bubbles</h2>
+		<ul data-role="listview">
+			<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
+				<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+				<li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
+				<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
+				<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
+		</ul>
+		
+		<h2>Numbered list</h2>
+			<ol data-role="listview">
+				<li><a href="index.html">The Godfather</a></li>
+				<li><a href="index.html">Inception</a></li>
+				<li><a href="index.html">The Good, the Bad and the Ugly </a></li>
+				<li><a href="index.html">Pulp Fiction</a></li>
+				<li><a href="index.html">Schindler's List</a></li>
+			</ol>
+			
+		<h2>Divided, formatted content</h2>
+		<ul data-role="listview">
+			<li><a href="index.html">
+				<h3>Stephen Weber</h3>
+				<p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
+				<p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
+				<p class="ui-li-aside"><strong>6:24</strong>PM</p>
+			</a></li>
+			<li><a href="index.html">
+				<h3>jQuery Team</h3>
+				<p><strong>Boston Conference Planning</strong></p>
+				<p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
+				<p class="ui-li-aside"><strong>9:18</strong>AM</p>
+			</a></li>
+		</ul>
+		
+			
+
+		
+		<h2>Icon list</h2>
+		<ul data-role="listview">
+			<li><a href="index.html"><img src="images/gf.png" alt="France" class="ui-li-icon">France <span class="ui-li-count">4</span></a></li>
+			<li><a href="index.html"><img src="images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></a></li>
+			<li><a href="index.html"><img src="images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></a></li>
+			<li><a href="index.html"><img src="images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></a></li>
+			<li><a href="index.html"><img src="images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></a></li>
+			<li><a href="index.html"><img src="images/us.png" alt="United States" class="ui-li-icon">United States <span class="ui-li-count">62</span></a></li>
+		</ul>
+		
+		<h2>Thumbnail, split button list</h2>
+
+			<ul data-role="listview">
+				<li><a href="index.html">
+				<img src="images/album-bb.jpg" />
+				<h3>Broken Bells</h3>
+				<p>Broken Bells</p>
+				</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-hc.jpg" />
+				<h3>Warning</h3>
+				<p>Hot Chip</p>
+			</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-p.jpg" />
+				<h3>Wolfgang Amadeus Phoenix</h3>
+				<p>Phoenix</p>
+				</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			</ul>
+			
+		<h2>Divided, filterable list</h2>
+			<ul data-role="listview" data-filter="true">
+				<li data-role="list-divider">A</li>
+				<li><a href="index.html">Adam Kinkaid</a></li>
+				<li><a href="index.html">Alex Wickerham</a></li>
+				<li><a href="index.html">Avery Johnson</a></li>
+				<li data-role="list-divider">B</li>
+				<li><a href="index.html">Bob Cabot</a></li>
+				<li data-role="list-divider">C</li>
+				<li><a href="index.html">Caleb Booth</a></li>
+				<li><a href="index.html">Christopher Adams</a></li>
+			</ul>
+
+
+
+		
+		</form>
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+						<li data-role="list-divider">List views</li>
+						<li data-theme="a"><a href="docs-lists.html">List basics &amp; API</a></li>
+						<li><a href="lists-ul.html">Basic linked list</a></li>
+						<li><a href="lists-nested.html">Nested list</a></li>
+						<li><a href="lists-ol.html">Numbered list</a></li>
+
+						<li><a href="lists-split.html">Split button list</a></li>	
+						<li><a href="lists-divider.html">List dividers</a></li>
+						<li><a href="lists-count.html">Count bubble</a></li>
+						<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+						<li><a href="lists-icons.html">Icons</a></li>
+						<li><a href="lists-formatting.html">Content formatting</a></li>
+						<li><a href="lists-search.html">Search filter bar</a></li>
+						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+						<li><a href="lists-readonly.html">Read-only lists</a></li>
+						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+						<li><a href="lists-forms.html">Lists with forms</a></li>
+						<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+						<li><a href="lists-inset.html">Inset styled lists</a></li>
+						<li><a href="lists-performance.html">List performance test</a></li>
+						<li><a href="lists-themes.html">Theming lists</a></li>
+
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-count.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-count.html
new file mode 100644
index 00000000..d8e2e4e0
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-count.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Lists Count Bubbles</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Count bubble</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+			<div class="content-primary">
+		<ul data-role="listview">
+			<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
+			<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+			<li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
+			<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
+			<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
+		</ul>
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+						<li data-role="list-divider">List views</li>
+						<li><a href="docs-lists.html">List basics &amp; API</a></li>
+						<li><a href="lists-ul.html">Basic linked list</a></li>
+						<li><a href="lists-nested.html">Nested list</a></li>
+						<li><a href="lists-ol.html">Numbered list</a></li>
+
+						<li><a href="lists-split.html">Split button list</a></li>	
+						<li><a href="lists-divider.html">List dividers</a></li>
+						<li data-theme="a"><a href="lists-count.html">Count bubble</a></li>
+						<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+						<li><a href="lists-icons.html">Icons</a></li>
+						<li><a href="lists-formatting.html">Content formatting</a></li>
+						<li><a href="lists-search.html">Search filter bar</a></li>
+						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+						<li><a href="lists-readonly.html">Read-only lists</a></li>
+						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+						<li><a href="lists-forms.html">Lists with forms</a></li>
+						<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+						<li><a href="lists-inset.html">Inset styled lists</a></li>
+						<li><a href="lists-performance.html">List performance test</a></li>
+						<li><a href="lists-themes.html">Theming lists</a></li>
+
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-divider.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-divider.html
new file mode 100644
index 00000000..0c75c5fe
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-divider.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - List Dividers</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>List dividers</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+			<div class="content-primary">
+			<ul data-role="listview">
+				<li data-role="list-divider">A</li>
+				<li><a href="index.html">Adam Kinkaid</a></li>
+				<li><a href="index.html">Alex Wickerham</a></li>
+				<li><a href="index.html">Avery Johnson</a></li>
+				<li data-role="list-divider">B</li>
+				<li><a href="index.html">Bob Cabot</a></li>
+				<li data-role="list-divider">C</li>
+				<li><a href="index.html">Caleb Booth</a></li>
+				<li><a href="index.html">Christopher Adams</a></li>
+				<li><a href="index.html">Culver James</a></li>
+				<li data-role="list-divider">D</li>
+				<li><a href="index.html">David Walsh</a></li>
+				<li><a href="index.html">Drake Alfred</a></li>
+				<li data-role="list-divider">E</li>
+				<li><a href="index.html">Elizabeth Bacon</a></li>
+				<li><a href="index.html">Emery Parker</a></li>
+				<li><a href="index.html">Enid Voldon</a></li>
+				<li data-role="list-divider">F</li>
+				<li><a href="index.html">Francis Wall</a></li>
+				<li data-role="list-divider">G</li>
+				<li><a href="index.html">Graham Smith</a></li>
+				<li><a href="index.html">Greta Peete</a></li>
+				<li data-role="list-divider">H</li>
+				<li><a href="index.html">Harvey Walls</a></li>
+				<li data-role="list-divider">M</li>
+				<li><a href="index.html">Mike Farnsworth</a></li>
+				<li><a href="index.html">Murray Vanderbuilt</a></li>
+				<li data-role="list-divider">N</li>
+				<li><a href="index.html">Nathan Williams</a></li>
+				<li data-role="list-divider">P</li>
+				<li><a href="index.html">Paul Baker</a></li>
+				<li><a href="index.html">Pete Mason</a></li>
+				<li data-role="list-divider">R</li>
+				<li><a href="index.html">Rod Tarker</a></li>
+				<li data-role="list-divider">S</li>
+				<li><a href="index.html">Sawyer Wakefield</a></li>
+			</ul>
+			</div><!--/content-primary -->		
+
+			<div class="content-secondary">
+
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+							<li data-role="list-divider">List views</li>
+							<li><a href="docs-lists.html">List basics &amp; API</a></li>
+							<li><a href="lists-ul.html">Basic linked list</a></li>
+							<li><a href="lists-nested.html">Nested list</a></li>
+							<li><a href="lists-ol.html">Numbered list</a></li>
+
+							<li><a href="lists-split.html">Split button list</a></li>	
+							<li data-theme="a"><a href="lists-divider.html">List dividers</a></li>
+							<li><a href="lists-count.html">Count bubble</a></li>
+							<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+							<li><a href="lists-icons.html">Icons</a></li>
+							<li><a href="lists-formatting.html">Content formatting</a></li>
+							<li><a href="lists-search.html">Search filter bar</a></li>
+							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+							<li><a href="lists-readonly.html">Read-only lists</a></li>
+							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+							<li><a href="lists-forms.html">Lists with forms</a></li>
+							<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+							<li><a href="lists-inset.html">Inset styled lists</a></li>
+							<li><a href="lists-performance.html">List performance test</a></li>
+							<li><a href="lists-themes.html">Theming lists</a></li>
+
+						</ul>
+				</div>
+			</div>		
+
+		</div><!-- /content -->
+
+		<div data-role="footer" class="footer-docs" data-theme="c">
+				<p>&copy; 2011-12 The jQuery Foundation</p>
+		</div>
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-events.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-events.html
new file mode 100644
index 00000000..6a7fec45
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-events.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Lists Overview</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Lists</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+	<div class="content-primary">
+		<h2>List views</h2>
+
+		<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+			<li><a href="docs-lists.html" data-role="button" data-transition="fade">Basics</a></li>
+			<li><a href="lists-options.html" data-role="button" data-transition="fade">Options</a></li>
+			<li><a href="lists-methods.html" data-role="button" data-transition="fade">Methods</a></li>
+			<li><a href="lists-events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
+		</ul>
+
+			<p>Bind events directly to the <code>ol</code> or <code>ul</code> element.  Use jQuery Mobile's <a href="../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
+			<pre><code>
+$( ".selector" ).bind( "change", function(event, ui) {
+  ...
+});
+</code></pre>
+
+			<p>The listview plugin has the following custom event:</p>
+
+	<dl>
+
+		<dt><code>create</code> triggered when a listview is created</dt>
+		<dd>
+
+			<pre><code>
+$( ".selector" ).listview({
+   create: function(event, ui) { ... }
+});
+			</code></pre>
+		</dd>
+
+	</dl>
+
+	</div><!--/content-primary -->
+
+	<div class="content-secondary">
+
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+				<h3>More in this section</h3>
+
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+					<li data-role="list-divider">List views</li>
+					<li data-theme="a"><a href="docs-lists.html">List basics &amp; API</a></li>
+					<li><a href="lists-ul.html">Basic linked list</a></li>
+					<li><a href="lists-nested.html">Nested list</a></li>
+					<li><a href="lists-ol.html">Numbered list</a></li>
+
+					<li><a href="lists-split.html">Split button list</a></li>
+					<li><a href="lists-divider.html">List dividers</a></li>
+					<li><a href="lists-count.html">Count bubble</a></li>
+					<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+					<li><a href="lists-icons.html">Icons</a></li>
+					<li><a href="lists-formatting.html">Content formatting</a></li>
+					<li><a href="lists-search.html">Search filter bar</a></li>
+					<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+					<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+					<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+					<li><a href="lists-readonly.html">Read-only lists</a></li>
+					<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+					<li><a href="lists-forms.html">Lists with forms</a></li>
+					<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+					<li><a href="lists-inset.html">Inset styled lists</a></li>
+					<li><a href="lists-performance.html">List performance test</a></li>
+					<li><a href="lists-themes.html">Theming lists</a></li>
+
+				</ul>
+		</div>
+	</div>
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-formatting.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-formatting.html
new file mode 100644
index 00000000..4451adf1
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-formatting.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - List Formatting</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>List formatting</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+					<div class="content-primary">
+						
+		<ul data-role="listview" data-theme="d" data-divider-theme="d">
+			<li data-role="list-divider">Friday, October 8, 2010 <span class="ui-li-count">2</span></li>
+			<li><a href="index.html">
+				
+					<h3>Stephen Weber</h3>
+					<p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
+					<p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
+					<p class="ui-li-aside"><strong>6:24</strong>PM</p>
+				
+			</a></li>
+			<li><a href="index.html">
+				
+				<h3>jQuery Team</h3>
+				<p><strong>Boston Conference Planning</strong></p>
+				<p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
+				<p class="ui-li-aside"><strong>9:18</strong>AM</p>
+				
+			</a></li>
+			<li data-role="list-divider">Thursday, October 7, 2010 <span class="ui-li-count">1</span></li>
+			<li><a href="index.html">
+				<h3>Avery Walker</h3>
+				<p><strong>Re: Dinner Tonight</strong></p>
+				<p>Sure, let's plan on meeting at Highland Kitchen at 8:00 tonight. Can't wait! </p>
+				<p class="ui-li-aside"><strong>4:48</strong>PM</p>
+			</a></li>
+			<li data-role="list-divider">Wednesday, October 6, 2010 <span class="ui-li-count">3</span></li>
+			<li><a href="index.html">
+				<h3>Amazon.com</h3>
+				<p><strong>4-for-3 Books for Kids</strong></p>
+				<p>As someone who has purchased children's books from our 4-for-3 Store, you may be interested in these featured books.</p>
+				<p class="ui-li-aside"><strong>12:47</strong>PM</p>
+			</a></li>
+			<li><a href="index.html">
+				<h3>Mike Taylor</h3>
+				<p><strong>Re: This weekend in Maine</strong></p>
+				<p>Hey little buddy, sorry but I can't make it up to vacationland this weekend. Maybe next weekend?</p>
+				<p class="ui-li-aside"><strong>6:24</strong>AM</p>
+			</a></li>
+			<li><a href="index.html">
+				<h3>Redfin</h3>
+				<p><strong>Redfin listing updates for today</strong></p>
+				<p>There are 3 updates for the home on your watchlist: 1 updated MLS listing and 2 homes under contract.</p>
+				<p class="ui-li-aside"><strong>5:52</strong>AM</p>
+			</a></li>
+				<li data-role="list-divider">Tuesday, October 5, 2010 <span class="ui-li-count">3</span></li>
+				<li><a href="index.html">
+					<h3>Angela Smith</h3>
+					<p><strong>Link Request</strong></p>
+					<p>My name is Angela Smith, SEO Consultant. I've greatly enjoyed looking through your site and I was wondering if you'd be interested in providing a link</p>
+					<p class="ui-li-aside"><strong>6:24</strong>AM</p>
+				</a></li>
+				<li><a href="index.html">
+					<h3>Mike Taylor</h3>
+					<p><strong>This weekend in Maine</strong></p>
+					<p>Sounds good, let me check into our plans.</p>
+					<p class="ui-li-aside"><strong>6:24</strong>AM</p>
+				</a></li>
+		</ul>
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+						<li data-role="list-divider">List views</li>
+						<li><a href="docs-lists.html">List basics &amp; API</a></li>
+						<li><a href="lists-ul.html">Basic linked list</a></li>
+						<li><a href="lists-nested.html">Nested list</a></li>
+						<li><a href="lists-ol.html">Numbered list</a></li>
+
+						<li><a href="lists-split.html">Split button list</a></li>	
+						<li><a href="lists-divider.html">List dividers</a></li>
+						<li><a href="lists-count.html">Count bubble</a></li>
+						<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+						<li><a href="lists-icons.html">Icons</a></li>
+						<li data-theme="a"><a href="lists-formatting.html">Content formatting</a></li>
+						<li><a href="lists-search.html">Search filter bar</a></li>
+						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+						<li><a href="lists-readonly.html">Read-only lists</a></li>
+						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+						<li><a href="lists-forms.html">Lists with forms</a></li>
+						<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+						<li><a href="lists-inset.html">Inset styled lists</a></li>
+						<li><a href="lists-performance.html">List performance test</a></li>
+						<li><a href="lists-themes.html">Theming lists</a></li>
+
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-forms-inset.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-forms-inset.html
new file mode 100644
index 00000000..51b2751f
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-forms-inset.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Inset Lists with Forms</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Inset with Forms</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+	<form>
+		<ul data-role="listview" data-inset="true">
+			<li data-role="fieldcontain">
+	        	<label for="name">Text Input:</label>
+	        	<input type="text" name="name" id="name" value=""  />
+			</li>
+			<li data-role="fieldcontain">
+	        	<label for="textarea">Textarea:</label>
+			<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
+			</li>
+			<li data-role="fieldcontain">
+	        	<label for="search">Search Input:</label>
+	         	<input type="search" name="password" id="search" value=""  />
+			</li>
+			<li data-role="fieldcontain">
+	        	<label for="slider2">Flip switch:</label>
+				<select name="slider2" id="slider2" data-role="slider">
+					<option value="off">Off</option>
+					<option value="on">On</option>
+				</select>
+			</li>
+			<li data-role="fieldcontain">
+	        	<label for="slider">Slider:</label>
+			 	<input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
+			</li>
+			<li data-role="fieldcontain">
+	        	<fieldset data-role="controlgroup">
+					<legend>Choose as many snacks as you'd like:</legend>
+					<input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
+					<label for="checkbox-1a">Cheetos</label>
+	
+					<input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
+					<label for="checkbox-2a">Doritos</label>
+	
+					<input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
+					<label for="checkbox-3a">Fritos</label>
+	
+					<input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
+					<label for="checkbox-4a">Sun Chips</label>
+			    </fieldset>
+			</li>
+			
+			<li data-role="fieldcontain">
+				<fieldset data-role="controlgroup" data-type="horizontal">
+			    	<legend>Font styling:</legend>
+			    	<input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
+					<label for="checkbox-6">b</label>
+	
+					<input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
+					<label for="checkbox-7"><em>i</em></label>
+	
+					<input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
+					<label for="checkbox-8">u</label>
+			    </fieldset>
+			</li>
+			<li data-role="fieldcontain">
+				 <fieldset data-role="controlgroup">
+			    	<legend>Choose a pet:</legend>
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
+			         	<label for="radio-choice-1">Cat</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  />
+			         	<label for="radio-choice-2">Dog</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"  />
+			         	<label for="radio-choice-3">Hamster</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"  />
+			         	<label for="radio-choice-4">Lizard</label>
+			    </fieldset>
+			</li>
+			
+			
+			<li data-role="fieldcontain">
+			    <fieldset data-role="controlgroup" data-type="horizontal">
+			     	<legend>Layout view:</legend>
+			         	<input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
+			         	<label for="radio-choice-c">List</label>
+			         	<input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
+			         	<label for="radio-choice-d">Grid</label>
+			    </fieldset>
+			</li>
+
+			<li data-role="fieldcontain">
+				<label for="select-choice-1" class="select">Choose shipping method:</label>
+				<select name="select-choice-1" id="select-choice-1">
+					<option value="standard">Standard: 7 day</option>
+					<option value="rush">Rush: 3 days</option>
+					<option value="express">Express: next day</option>
+					<option value="overnight">Overnight</option>
+				</select>
+			</li>
+
+			<li data-role="fieldcontain">
+				<label for="select-choice-3" class="select">Your state:</label>
+				<select name="select-choice-3" id="select-choice-3">
+					<option value="AL">Alabama</option>
+					<option value="AK">Alaska</option>
+					<option value="AZ">Arizona</option>
+					<option value="AR">Arkansas</option>
+					<option value="CA">California</option>
+					<option value="CO">Colorado</option>
+					<option value="CT">Connecticut</option>
+					<option value="DE">Delaware</option>
+					<option value="FL">Florida</option>
+					<option value="GA">Georgia</option>
+					<option value="HI">Hawaii</option>
+					<option value="ID">Idaho</option>
+					<option value="IL">Illinois</option>
+					<option value="IN">Indiana</option>
+					<option value="IA">Iowa</option>
+					<option value="KS">Kansas</option>
+					<option value="KY">Kentucky</option>
+					<option value="LA">Louisiana</option>
+					<option value="ME">Maine</option>
+					<option value="MD">Maryland</option>
+					<option value="MA">Massachusetts</option>
+					<option value="MI">Michigan</option>
+					<option value="MN">Minnesota</option>
+					<option value="MS">Mississippi</option>
+					<option value="MO">Missouri</option>
+					<option value="MT">Montana</option>
+					<option value="NE">Nebraska</option>
+					<option value="NV">Nevada</option>
+					<option value="NH">New Hampshire</option>
+					<option value="NJ">New Jersey</option>
+					<option value="NM">New Mexico</option>
+					<option value="NY">New York</option>
+					<option value="NC">North Carolina</option>
+					<option value="ND">North Dakota</option>
+					<option value="OH">Ohio</option>
+					<option value="OK">Oklahoma</option>
+					<option value="OR">Oregon</option>
+					<option value="PA">Pennsylvania</option>
+					<option value="RI">Rhode Island</option>
+					<option value="SC">South Carolina</option>
+					<option value="SD">South Dakota</option>
+					<option value="TN">Tennessee</option>
+					<option value="TX">Texas</option>
+					<option value="UT">Utah</option>
+					<option value="VT">Vermont</option>
+					<option value="VA">Virginia</option>
+					<option value="WA">Washington</option>
+					<option value="WV">West Virginia</option>
+					<option value="WI">Wisconsin</option>
+					<option value="WY">Wyoming</option>
+				</select>
+			</li>
+
+			<li data-role="fieldcontain">
+				<label for="select-choice-a" class="select">Choose shipping method:</label>
+				<select name="select-choice-a" id="select-choice-a" data-native-menu="false">
+					<option>Custom menu example</option>
+					<option value="standard">Standard: 7 day</option>
+					<option value="rush">Rush: 3 days</option>
+					<option value="express">Express: next day</option>
+					<option value="overnight">Overnight</option>
+				</select>
+			</li>
+
+			<li class="ui-body ui-body-b">
+				<fieldset class="ui-grid-a">
+						<div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
+						<div class="ui-block-b"><button type="submit" data-theme="a">Submit</button></div>
+			    </fieldset>
+			</li>
+			
+		</ul>
+
+
+		
+		</form>
+		
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+						<li data-role="list-divider">List views</li>
+						<li><a href="docs-lists.html">List basics &amp; API</a></li>
+						<li><a href="lists-ul.html">Basic linked list</a></li>
+						<li><a href="lists-nested.html">Nested list</a></li>
+						<li><a href="lists-ol.html">Numbered list</a></li>
+
+						<li><a href="lists-split.html">Split button list</a></li>	
+						<li><a href="lists-divider.html">List dividers</a></li>
+						<li><a href="lists-count.html">Count bubble</a></li>
+						<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+						<li><a href="lists-icons.html">Icons</a></li>
+						<li><a href="lists-formatting.html">Content formatting</a></li>
+						<li><a href="lists-search.html">Search filter bar</a></li>
+						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+						<li><a href="lists-readonly.html">Read-only lists</a></li>
+						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+						<li><a href="lists-forms.html">Lists with forms</a></li>
+						<li data-theme="a"><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+						<li><a href="lists-inset.html">Inset styled lists</a></li>
+						<li><a href="lists-performance.html">List performance test</a></li>
+						<li><a href="lists-themes.html">Theming lists</a></li>
+
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-forms.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-forms.html
new file mode 100644
index 00000000..06855e79
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-forms.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Lists with Forms</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Lists with Forms</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+	<form>
+		<ul data-role="listview">
+			<li data-role="fieldcontain">
+	        	<label for="name">Text Input:</label>
+	        	<input type="text" name="name" id="name" value=""  />
+			</li>
+			<li data-role="fieldcontain">
+	        	<label for="textarea">Textarea:</label>
+			<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
+			</li>
+			<li data-role="fieldcontain">
+	        	<label for="search">Search Input:</label>
+	         	<input type="search" name="password" id="search" value=""  />
+			</li>
+			<li data-role="fieldcontain">
+	        	<label for="slider2">Flip switch:</label>
+				<select name="slider2" id="slider2" data-role="slider">
+					<option value="off">Off</option>
+					<option value="on">On</option>
+				</select>
+			</li>
+			<li data-role="fieldcontain">
+	        	<label for="slider">Slider:</label>
+			 	<input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
+			</li>
+			<li data-role="fieldcontain">
+	        	<fieldset data-role="controlgroup">
+					<legend>Choose as many snacks as you'd like:</legend>
+					<input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
+					<label for="checkbox-1a">Cheetos</label>
+	
+					<input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
+					<label for="checkbox-2a">Doritos</label>
+	
+					<input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
+					<label for="checkbox-3a">Fritos</label>
+	
+					<input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
+					<label for="checkbox-4a">Sun Chips</label>
+			    </fieldset>
+			</li>
+			
+			<li data-role="fieldcontain">
+				<fieldset data-role="controlgroup" data-type="horizontal">
+			    	<legend>Font styling:</legend>
+			    	<input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
+					<label for="checkbox-6">b</label>
+	
+					<input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
+					<label for="checkbox-7"><em>i</em></label>
+	
+					<input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
+					<label for="checkbox-8">u</label>
+			    </fieldset>
+			</li>
+			<li data-role="fieldcontain">
+				 <fieldset data-role="controlgroup">
+			    	<legend>Choose a pet:</legend>
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
+			         	<label for="radio-choice-1">Cat</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  />
+			         	<label for="radio-choice-2">Dog</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"  />
+			         	<label for="radio-choice-3">Hamster</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"  />
+			         	<label for="radio-choice-4">Lizard</label>
+			    </fieldset>
+			</li>
+			
+			
+			<li data-role="fieldcontain">
+			    <fieldset data-role="controlgroup" data-type="horizontal">
+			     	<legend>Layout view:</legend>
+			         	<input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
+			         	<label for="radio-choice-c">List</label>
+			         	<input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
+			         	<label for="radio-choice-d">Grid</label>
+			         	<input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
+			         	<label for="radio-choice-e">Gallery</label>
+			    </fieldset>
+			</li>
+
+			<li data-role="fieldcontain">
+				<label for="select-choice-1" class="select">Choose shipping method:</label>
+				<select name="select-choice-1" id="select-choice-1">
+					<option value="standard">Standard: 7 day</option>
+					<option value="rush">Rush: 3 days</option>
+					<option value="express">Express: next day</option>
+					<option value="overnight">Overnight</option>
+				</select>
+			</li>
+
+			<li data-role="fieldcontain">
+				<label for="select-choice-3" class="select">Your state:</label>
+				<select name="select-choice-3" id="select-choice-3">
+					<option value="AL">Alabama</option>
+					<option value="AK">Alaska</option>
+					<option value="AZ">Arizona</option>
+					<option value="AR">Arkansas</option>
+					<option value="CA">California</option>
+					<option value="CO">Colorado</option>
+					<option value="CT">Connecticut</option>
+					<option value="DE">Delaware</option>
+					<option value="FL">Florida</option>
+					<option value="GA">Georgia</option>
+					<option value="HI">Hawaii</option>
+					<option value="ID">Idaho</option>
+					<option value="IL">Illinois</option>
+					<option value="IN">Indiana</option>
+					<option value="IA">Iowa</option>
+					<option value="KS">Kansas</option>
+					<option value="KY">Kentucky</option>
+					<option value="LA">Louisiana</option>
+					<option value="ME">Maine</option>
+					<option value="MD">Maryland</option>
+					<option value="MA">Massachusetts</option>
+					<option value="MI">Michigan</option>
+					<option value="MN">Minnesota</option>
+					<option value="MS">Mississippi</option>
+					<option value="MO">Missouri</option>
+					<option value="MT">Montana</option>
+					<option value="NE">Nebraska</option>
+					<option value="NV">Nevada</option>
+					<option value="NH">New Hampshire</option>
+					<option value="NJ">New Jersey</option>
+					<option value="NM">New Mexico</option>
+					<option value="NY">New York</option>
+					<option value="NC">North Carolina</option>
+					<option value="ND">North Dakota</option>
+					<option value="OH">Ohio</option>
+					<option value="OK">Oklahoma</option>
+					<option value="OR">Oregon</option>
+					<option value="PA">Pennsylvania</option>
+					<option value="RI">Rhode Island</option>
+					<option value="SC">South Carolina</option>
+					<option value="SD">South Dakota</option>
+					<option value="TN">Tennessee</option>
+					<option value="TX">Texas</option>
+					<option value="UT">Utah</option>
+					<option value="VT">Vermont</option>
+					<option value="VA">Virginia</option>
+					<option value="WA">Washington</option>
+					<option value="WV">West Virginia</option>
+					<option value="WI">Wisconsin</option>
+					<option value="WY">Wyoming</option>
+				</select>
+			</li>
+
+			<li data-role="fieldcontain">
+				<label for="select-choice-a" class="select">Choose shipping method:</label>
+				<select name="select-choice-a" id="select-choice-a" data-native-menu="false">
+					<option>Custom menu example</option>
+					<option value="standard">Standard: 7 day</option>
+					<option value="rush">Rush: 3 days</option>
+					<option value="express">Express: next day</option>
+					<option value="overnight">Overnight</option>
+				</select>
+			</li>
+
+			<li class="ui-body ui-body-b">
+				<fieldset class="ui-grid-a">
+						<div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
+						<div class="ui-block-b"><button type="submit" data-theme="a">Submit</button></div>
+			    </fieldset>
+			</li>
+			
+		</ul>
+		
+		</form>
+		
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+						<li data-role="list-divider">List views</li>
+						<li><a href="docs-lists.html">List basics &amp; API</a></li>
+						<li><a href="lists-ul.html">Basic linked list</a></li>
+						<li><a href="lists-nested.html">Nested list</a></li>
+						<li><a href="lists-ol.html">Numbered list</a></li>
+
+						<li><a href="lists-split.html">Split button list</a></li>	
+						<li><a href="lists-divider.html">List dividers</a></li>
+						<li><a href="lists-count.html">Count bubble</a></li>
+						<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+						<li><a href="lists-icons.html">Icons</a></li>
+						<li><a href="lists-formatting.html">Content formatting</a></li>
+						<li><a href="lists-search.html">Search filter bar</a></li>
+						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+						<li><a href="lists-readonly.html">Read-only lists</a></li>
+						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+						<li data-theme="a"><a href="lists-forms.html">Lists with forms</a></li>
+						<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+						<li><a href="lists-inset.html">Inset styled lists</a></li>
+						<li><a href="lists-performance.html">List performance test</a></li>
+						<li><a href="lists-themes.html">Theming lists</a></li>
+
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-icons.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-icons.html
new file mode 100644
index 00000000..c9e57c72
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-icons.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - List Icons</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Icons</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+			<div class="content-primary">
+		<ul data-role="listview">
+			<li><a href="index.html"><img src="images/gf.png" alt="France" class="ui-li-icon">France <span class="ui-li-count">4</span></a></li>
+			<li><a href="index.html"><img src="images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></a></li>
+			<li><a href="index.html"><img src="images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></a></li>
+			<li><a href="index.html"><img src="images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></a></li>
+			
+			
+
+			<li><a href="index.html"><img src="images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></a></li>
+			<li><a href="index.html"><img src="images/us.png" alt="United States" class="ui-li-icon">United States <span class="ui-li-count">62</span></a></li>
+		</ul>
+
+
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+						<li data-role="list-divider">List views</li>
+						<li><a href="docs-lists.html">List basics &amp; API</a></li>
+						<li><a href="lists-ul.html">Basic linked list</a></li>
+						<li><a href="lists-nested.html">Nested list</a></li>
+						<li><a href="lists-ol.html">Numbered list</a></li>
+
+						<li><a href="lists-split.html">Split button list</a></li>	
+						<li><a href="lists-divider.html">List dividers</a></li>
+						<li><a href="lists-count.html">Count bubble</a></li>
+						<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+						<li data-theme="a"><a href="lists-icons.html">Icons</a></li>
+						<li><a href="lists-formatting.html">Content formatting</a></li>
+						<li><a href="lists-search.html">Search filter bar</a></li>
+						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+						<li><a href="lists-readonly.html">Read-only lists</a></li>
+						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+						<li><a href="lists-forms.html">Lists with forms</a></li>
+						<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+						<li><a href="lists-inset.html">Inset styled lists</a></li>
+						<li><a href="lists-performance.html">List performance test</a></li>
+						<li><a href="lists-themes.html">Theming lists</a></li>
+
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-inset.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-inset.html
new file mode 100644
index 00000000..de68e931
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-inset.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Lists with Form Controls</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Inset list samples</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+	<form>
+			<h2>Simple list</h2>
+
+			<ul data-role="listview" data-inset="true">
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+			</ul>
+
+		<h2>Count bubbles</h2>
+		<ul data-role="listview" data-inset="true">
+			<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
+				<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+				<li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
+				<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
+				<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
+		</ul>
+		
+		<h2>Numbered list</h2>
+			<ol data-role="listview" data-inset="true">
+				<li><a href="index.html">The Godfather</a></li>
+				<li><a href="index.html">Inception</a></li>
+				<li><a href="index.html">The Good, the Bad and the Ugly </a></li>
+				<li><a href="index.html">Pulp Fiction</a></li>
+				<li><a href="index.html">Schindler's List</a></li>
+			</ol>
+			
+		<h2>Divided, formatted content</h2>
+		<ul data-role="listview" data-inset="true">
+			<li><a href="index.html">
+				<h3>Stephen Weber</h3>
+				<p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
+				<p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
+				<p class="ui-li-aside"><strong>6:24</strong>PM</p>
+			</a></li>
+			<li><a href="index.html">
+				<h3>jQuery Team</h3>
+				<p><strong>Boston Conference Planning</strong></p>
+				<p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
+				<p class="ui-li-aside"><strong>9:18</strong>AM</p>
+			</a></li>
+		</ul>
+		
+			
+
+		
+		<h2>Icon list</h2>
+		<ul data-role="listview" data-inset="true">
+			<li><a href="index.html"><img src="images/gf.png" alt="France" class="ui-li-icon ui-corner-none">France <span class="ui-li-count">4</span></a></li>
+			<li><a href="index.html"><img src="images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></a></li>
+			<li><a href="index.html"><img src="images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></a></li>
+			<li><a href="index.html"><img src="images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></a></li>
+			<li><a href="index.html"><img src="images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></a></li>
+			<li><a href="index.html"><img src="images/us.png" alt="United States" class="ui-li-icon ui-corner-none">United States <span class="ui-li-count">62</span></a></li>
+		</ul>
+		
+		<h2>Thumbnail, split button list</h2>
+
+			<ul data-role="listview" data-inset="true">
+				<li><a href="index.html">
+				<img src="images/album-bb.jpg" />
+				<h3>Broken Bells</h3>
+				<p>Broken Bells</p>
+				</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-hc.jpg" />
+				<h3>Warning</h3>
+				<p>Hot Chip</p>
+			</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-p.jpg" />
+				<h3>Wolfgang Amadeus Phoenix</h3>
+				<p>Phoenix</p>
+				</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			</ul>
+			
+		<h2>Divided, filterable list</h2>
+			<ul data-role="listview" data-filter="true" data-inset="true">
+				<li data-role="list-divider">A</li>
+				<li><a href="index.html">Adam Kinkaid</a></li>
+				<li><a href="index.html">Alex Wickerham</a></li>
+				<li><a href="index.html">Avery Johnson</a></li>
+				<li data-role="list-divider">B</li>
+				<li><a href="index.html">Bob Cabot</a></li>
+				<li data-role="list-divider">C</li>
+				<li><a href="index.html">Caleb Booth</a></li>
+				<li><a href="index.html">Christopher Adams</a></li>
+			</ul>
+
+
+
+		
+		</form>
+		
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+						<li data-role="list-divider">List views</li>
+						<li><a href="docs-lists.html">List basics &amp; API</a></li>
+						<li><a href="lists-ul.html">Basic linked list</a></li>
+						<li><a href="lists-nested.html">Nested list</a></li>
+						<li><a href="lists-ol.html">Numbered list</a></li>
+
+						<li><a href="lists-split.html">Split button list</a></li>	
+						<li><a href="lists-divider.html">List dividers</a></li>
+						<li><a href="lists-count.html">Count bubble</a></li>
+						<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+						<li><a href="lists-icons.html">Icons</a></li>
+						<li><a href="lists-formatting.html">Content formatting</a></li>
+						<li><a href="lists-search.html">Search filter bar</a></li>
+						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+						<li><a href="lists-readonly.html">Read-only lists</a></li>
+						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+						<li><a href="lists-forms.html">Lists with forms</a></li>
+						<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+						<li data-theme="a"><a href="lists-inset.html">Inset styled lists</a></li>
+						<li><a href="lists-performance.html">List performance test</a></li>
+						<li><a href="lists-themes.html">Theming lists</a></li>
+
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-methods.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-methods.html
new file mode 100644
index 00000000..62bec229
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-methods.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Lists Overview</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Lists</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+	<div class="content-primary">
+		<h2>List views</h2>
+
+		<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+			<li><a href="docs-lists.html" data-role="button" data-transition="fade">Basics</a></li>
+			<li><a href="lists-options.html" data-role="button" data-transition="fade">Options</a></li>
+			<li><a href="lists-methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
+			<li><a href="lists-events.html" data-role="button" data-transition="fade">Events</a></li>
+		</ul>
+
+		<p>The listview plugin has the following methods:</p>
+
+		<dl>
+			<dt><code>childPages</code> retrieve the sub-pages</dt>
+			<dd>
+			<p>This method returns a jQuery object containing all the immediate child pages of a nested list.</p>
+
+			<pre><code>
+$('.selector').listview('childPages');
+				</code></pre>
+			</dd>
+
+			<dt><code>refresh</code> update the listview</dt>
+			<dd>
+			<p>If you manipulate a listview via JavaScript (e.g. add new LI elements), you must call the refresh method on it to update the visual styling.</p>
+
+			<pre><code>
+$('.selector').listview('refresh');
+				</code></pre>
+			</dd>
+
+		</dl>
+
+	</div><!--/content-primary -->
+
+	<div class="content-secondary">
+
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+				<h3>More in this section</h3>
+
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+					<li data-role="list-divider">List views</li>
+					<li data-theme="a"><a href="docs-lists.html">List basics &amp; API</a></li>
+					<li><a href="lists-ul.html">Basic linked list</a></li>
+					<li><a href="lists-nested.html">Nested list</a></li>
+					<li><a href="lists-ol.html">Numbered list</a></li>
+
+					<li><a href="lists-split.html">Split button list</a></li>
+					<li><a href="lists-divider.html">List dividers</a></li>
+					<li><a href="lists-count.html">Count bubble</a></li>
+					<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+					<li><a href="lists-icons.html">Icons</a></li>
+					<li><a href="lists-formatting.html">Content formatting</a></li>
+					<li><a href="lists-search.html">Search filter bar</a></li>
+					<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+					<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+					<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+					<li><a href="lists-readonly.html">Read-only lists</a></li>
+					<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+					<li><a href="lists-forms.html">Lists with forms</a></li>
+					<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+					<li><a href="lists-inset.html">Inset styled lists</a></li>
+					<li><a href="lists-performance.html">List performance test</a></li>
+					<li><a href="lists-themes.html">Theming lists</a></li>
+
+				</ul>
+		</div>
+	</div>
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-nested.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-nested.html
new file mode 100644
index 00000000..d35f8933
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-nested.html
@@ -0,0 +1,194 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Nested Lists</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Nested list</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">	
+		<ul data-role="listview">
+			<li>
+				<h3>Animals</h3>
+				<p>All your favorites from aarkvarks to zebras.</p>
+			
+				<ul>
+					<li>Pets
+						<ul>
+							<li><a href="index.html">Canary</a></li>
+							<li><a href="index.html">Cat</a></li>
+							<li><a href="index.html">Dog</a></li>
+							<li><a href="index.html">Gerbil</a></li>
+							<li><a href="index.html">Iguana</a></li>
+							<li><a href="index.html">Mouse</a></li>
+						</ul>
+					</li>
+					<li>Farm animals
+						<ul>
+							<li><a href="index.html">Chicken</a></li>
+							<li><a href="index.html">Cow</a></li>
+							<li><a href="index.html">Duck</a></li>
+							<li><a href="index.html">Horse</a></li>
+							<li><a href="index.html">Pig</a></li>
+							<li><a href="index.html">Sheep</a></li>
+						</ul>
+					</li>
+					<li>Wild animals
+						<ul>
+							<li><a href="index.html">Aardvark</a></li>
+							<li><a href="index.html">Alligator</a></li>
+							<li><a href="index.html">Ant</a></li>
+							<li><a href="index.html">Bear</a></li>
+							<li><a href="index.html">Beaver</a></li>
+							<li><a href="index.html">Cougar</a></li>
+							<li><a href="index.html">Dingo</a></li>
+							<li><a href="index.html">Eagle</a></li>
+							<li><a href="index.html">Elephant</a></li>
+							<li><a href="index.html">Ferret</a></li>
+							<li><a href="index.html">Frog</a></li>
+							<li><a href="index.html">Giraffe</a></li>
+							<li><a href="index.html">Lion</a></li>
+							<li><a href="index.html">Monkey</a></li>
+							<li><a href="index.html">Panda bear</a></li>
+							<li><a href="index.html">Polar bear</a></li>
+							<li><a href="index.html">Tiger</a></li>
+							<li><a href="index.html">Zebra</a></li>
+						</ul>
+					</li>
+				</ul>
+			</li>
+			<li>
+
+				<h3>Colors</h3>
+				<p>Fresh colors from the magic rainbow.</p>
+	
+				<ul>
+					<li><a href="index.html">Blue</a></li>
+					<li><a href="index.html">Green</a></li>
+					<li><a href="index.html">Orange</a></li>
+					<li><a href="index.html">Purple</a></li>
+					<li><a href="index.html">Red</a></li>
+					<li><a href="index.html">Yellow</a></li>
+					<li><a href="index.html">Violet</a></li>
+				</ul>
+			</li>
+			<li>
+				<h3>Vehicles</h3>
+				<p>Everything from cars to planes.</p>
+				
+				<ul>
+					<li>Cars
+						<ul>
+							<li><a href="index.html">Acura</a></li>
+							<li><a href="index.html">Audi</a></li>
+							<li><a href="index.html">BMW</a></li>
+							<li><a href="index.html">Cadillac</a></li>
+							<li><a href="index.html">Chrysler</a></li>
+							<li><a href="index.html">Dodge</a></li>
+							<li><a href="index.html">Ferrari</a></li>
+							<li><a href="index.html">Ford</a></li>
+							<li><a href="index.html">GMC</a></li>
+							<li><a href="index.html">Honda</a></li>
+							<li><a href="index.html">Hyundai</a></li>
+							<li><a href="index.html">Infiniti</a></li>
+							<li><a href="index.html">Jeep</a></li>
+							<li><a href="index.html">Kia</a></li>
+							<li><a href="index.html">Lexus</a></li>
+							<li><a href="index.html">Mini</a></li>
+							<li><a href="index.html">Nissan</a></li>
+							<li><a href="index.html">Porsche</a></li>
+							<li><a href="index.html">Subaru</a></li>
+							<li><a href="index.html">Toyota</a></li>
+							<li><a href="index.html">Volkswagon</a></li>
+							<li><a href="index.html">Volvo</a></li>
+						</ul>
+					</li>
+					<li>Planes
+						<ul>
+							<li><a href="index.html">Boeing</a></li>
+							<li><a href="index.html">Cessna</a></li>
+							<li><a href="index.html">Derringer</a></li>
+							<li><a href="index.html">Embraer</a></li>
+							<li><a href="index.html">Gulfstream</a></li>
+							<li><a href="index.html">Piper Aircraft</a></li>
+							<li><a href="index.html">Raytheon</a></li>
+						</ul>
+					</li>
+					<li>Construction
+						<ul>
+							<li><a href="index.html">Caterpillar</a></li>
+							<li><a href="index.html">Ford</a></li>
+							<li><a href="index.html">John Deere</a></li>
+
+						</ul>
+					</li>				
+				</ul>
+			</li>
+		</ul>
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+						<li data-role="list-divider">List views</li>
+						<li><a href="docs-lists.html">List basics &amp; API</a></li>
+						<li><a href="lists-ul.html">Basic linked list</a></li>
+						<li data-theme="a"><a href="lists-nested.html">Nested list</a></li>
+						<li><a href="lists-ol.html">Numbered list</a></li>
+
+						<li><a href="lists-split.html">Split button list</a></li>	
+						<li><a href="lists-divider.html">List dividers</a></li>
+						<li><a href="lists-count.html">Count bubble</a></li>
+						<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+						<li><a href="lists-icons.html">Icons</a></li>
+						<li><a href="lists-formatting.html">Content formatting</a></li>
+						<li><a href="lists-search.html">Search filter bar</a></li>
+						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+						<li><a href="lists-readonly.html">Read-only lists</a></li>
+						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+						<li><a href="lists-forms.html">Lists with forms</a></li>
+						<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+						<li><a href="lists-inset.html">Inset styled lists</a></li>
+						<li><a href="lists-performance.html">List performance test</a></li>
+						<li><a href="lists-themes.html">Theming lists</a></li>
+
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-ol.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-ol.html
new file mode 100644
index 00000000..60e5864f
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-ol.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Ordered Lists</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Numbered list</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">	
+			<ol data-role="listview">
+				<li><a href="index.html">The Godfather</a></li>
+				<li><a href="index.html">Inception</a></li>
+				<li><a href="index.html">The Good, the Bad and the Ugly </a></li>
+				<li><a href="index.html">Pulp Fiction</a></li>
+				<li><a href="index.html">Schindler's List</a></li>
+				<li><a href="index.html">12 Angry Men</a></li>
+				<li><a href="index.html">One Flew Over the Cuckoo's Nest</a></li>
+				<li><a href="index.html">Star Wars: Episode V - The Empire Strikes Back</a></li>
+				<li><a href="index.html">The Dark Knight</a></li>
+				<li><a href="index.html">The Lord of the Rings: The Return of the King</a></li>
+				<li><a href="index.html">Seven Samurai</a></li>
+				<li><a href="index.html">Star Wars: Episode IV - A New Hope</a></li>
+				<li><a href="index.html">Casablanca</a></li>
+				<li><a href="index.html">Goodfellas </a></li>
+				<li><a href="index.html">Toy Story 3</a></li>
+				<li><a href="index.html">Fight Club</a></li>
+				<li><a href="index.html">City of God</a></li>
+				<li><a href="index.html">The Lord of the Rings: The Fellowship of the Ring</a></li>
+				<li><a href="index.html">The Big Lebowski</a></li>
+				<li><a href="index.html">Psycho</a></li>
+			</ol>
+			</div><!--/content-primary -->		
+
+			<div class="content-secondary">
+
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+							<li data-role="list-divider">List views</li>
+							<li><a href="docs-lists.html">List basics &amp; API</a></li>
+							<li><a href="lists-ul.html">Basic linked list</a></li>
+							<li><a href="lists-nested.html">Nested list</a></li>
+							<li data-theme="a"><a href="lists-ol.html">Numbered list</a></li>
+
+							<li><a href="lists-split.html">Split button list</a></li>	
+							<li><a href="lists-divider.html">List dividers</a></li>
+							<li><a href="lists-count.html">Count bubble</a></li>
+							<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+							<li><a href="lists-icons.html">Icons</a></li>
+							<li><a href="lists-formatting.html">Content formatting</a></li>
+							<li><a href="lists-search.html">Search filter bar</a></li>
+							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+							<li><a href="lists-readonly.html">Read-only lists</a></li>
+							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+							<li><a href="lists-forms.html">Lists with forms</a></li>
+							<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+							<li><a href="lists-inset.html">Inset styled lists</a></li>
+							<li><a href="lists-performance.html">List performance test</a></li>
+							<li><a href="lists-themes.html">Theming lists</a></li>
+
+						</ul>
+				</div>
+			</div>		
+
+		</div><!-- /content -->
+
+		<div data-role="footer" class="footer-docs" data-theme="c">
+				<p>&copy; 2011-12 The jQuery Foundation</p>
+		</div>
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-options.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-options.html
new file mode 100644
index 00000000..bd043fba
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-options.html
@@ -0,0 +1,222 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Lists Overview</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f">
+		<h1>Lists</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+	<div class="content-primary">
+		<h2>List views</h2>
+
+		<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+			<li><a href="docs-lists.html" data-role="button" data-transition="fade">Basics</a></li>
+			<li><a href="lists-options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
+			<li><a href="lists-methods.html" data-role="button" data-transition="fade">Methods</a></li>
+			<li><a href="lists-events.html" data-role="button" data-transition="fade">Events</a></li>
+		</ul>
+
+		<p>The listview plugin has the following options:</p>
+
+		<dl>
+			<dt><code>countTheme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "c"</p>
+				<p>Sets the color scheme (swatch) for list item <a href="lists-count.html">count bubbles</a>. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.countTheme = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-count-theme=&quot;a&quot;</code>.</p>
+			</dd>
+
+			<dt><code>dividerTheme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "b"</p>
+				<p>Sets the color scheme (swatch) for list <a href="lists-divider.html">dividers</a>. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.dividerTheme = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-dividertheme=&quot;a&quot;</code>.</p>
+			</dd>
+
+			<dt><code>filter</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: false</p>
+				<p>Adds a <a href="lists-search.html">search filter bar</a> to listviews. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.filter = true;</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-filter=&quot;true&quot;</code>.</p>
+			</dd>
+
+			<dt><code>filterCallback</code> <em>function</em></dt>
+			<dd>
+				<p>The function to determine which rows to hide when the <a href="lists-search.html">search filter</a> textbox changes. The function accepts two arguments -- the text of the list item (or <code>data-filtertext</code> value if present), and the search string. Return <code>true</code> to hide the item, <code>false</code> to leave it visible. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.filterCallback = function( text, searchValue ) {
+        // only show items that *begin* with the search string
+        return text.toLowerCase().substring( 0, searchValue.length ) !== searchValue;
+    };</strong>
+});
+</code></pre>
+			</dd>
+
+			<dt><code>filterPlaceholder</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "Filter items..."</p>
+				<p>The placeholder text used in <a href="lists-search.html">search filter bars</a>. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.filterPlaceholder = "Search...";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-filter-placeholder=&quot;Search...&quot;</code>.</p>
+			</dd>
+
+			<dt><code>filterTheme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "c"</p>
+				<p>Sets the color scheme (swatch) for the <a href="lists-search.html">search filter bar</a>. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.filterTheme = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-filter-theme=&quot;a&quot;</code>.</p>
+			</dd>
+
+			<dt><code>headerTheme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "b"</p>
+				<p>Sets the color scheme (swatch) for headers of <a href="lists-nested.html">nested list</a> sub pages. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.headerTheme = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-header-theme=&quot;a&quot;</code>.</p>
+			</dd>
+
+			<dt><code>initSelector</code> <em>CSS selector string</em></dt>
+			<dd>
+				<p class="default">default: ":jqmData(role='listview')"</p>
+				<p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as list views. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.initSelector = ".mylistview";</strong>
+});
+</code></pre>
+			</dd>
+
+			<dt><code>inset</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: false</p>
+				<p>Adds <a href="lists-inset.html">inset list</a> styles. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.inset = true;</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-inset=&quot;true&quot;</code>.</p>
+			</dd>
+
+			<dt><code>splitIcon</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "arrow-r"</p>
+				<p>Applies an icon from the <a href="../buttons/buttons-icons.html">icon set</a> to all <a href="lists-split.html">split list buttons</a>. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.splitIcon = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-split-icon=&quot;a&quot;</code>.</p>
+			</dd>
+
+			<dt><code>splitTheme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "b"</p>
+				<p>Sets the color scheme (swatch) for <a href="lists-split.html">split list buttons</a>. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.splitTheme = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-split-theme=&quot;a&quot;</code>.</p>
+			</dd>
+
+			<dt><code>theme</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: null, inherited from parent</p>
+				<p>Sets the color scheme (swatch) for this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as its parent container if not explicitly set. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.theme = "a";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-theme=&quot;a&quot;</code>.</p>
+			</dd>
+
+		</dl>	
+
+	</div><!--/content-primary -->
+
+	<div class="content-secondary">
+
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+				<h3>More in this section</h3>
+
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+					<li data-role="list-divider">List views</li>
+					<li data-theme="a"><a href="docs-lists.html">List basics &amp; API</a></li>
+					<li><a href="lists-ul.html">Basic linked list</a></li>
+					<li><a href="lists-nested.html">Nested list</a></li>
+					<li><a href="lists-ol.html">Numbered list</a></li>
+
+					<li><a href="lists-split.html">Split button list</a></li>
+					<li><a href="lists-divider.html">List dividers</a></li>
+					<li><a href="lists-count.html">Count bubble</a></li>
+					<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+					<li><a href="lists-icons.html">Icons</a></li>
+					<li><a href="lists-formatting.html">Content formatting</a></li>
+					<li><a href="lists-search.html">Search filter bar</a></li>
+					<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+					<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+					<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+					<li><a href="lists-readonly.html">Read-only lists</a></li>
+					<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+					<li><a href="lists-forms.html">Lists with forms</a></li>
+					<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+					<li><a href="lists-inset.html">Inset styled lists</a></li>
+					<li><a href="lists-performance.html">List performance test</a></li>
+					<li><a href="lists-themes.html">Theming lists</a></li>
+
+				</ul>
+		</div>
+	</div>
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-performance.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-performance.html
new file mode 100644
index 00000000..c197f4e2
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-performance.html
@@ -0,0 +1,578 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - List Performance Test</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>500 item list</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+			<ul data-role="listview" data-filter="true" data-theme="d">
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>		
+			</ul>
+			</div><!--/content-primary -->		
+
+			<div class="content-secondary">
+
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+							<li data-role="list-divider">List views</li>
+							<li><a href="docs-lists.html">List basics &amp; API</a></li>
+							<li><a href="lists-ul.html">Basic linked list</a></li>
+							<li><a href="lists-nested.html">Nested list</a></li>
+							<li><a href="lists-ol.html">Numbered list</a></li>
+
+							<li><a href="lists-split.html">Split button list</a></li>	
+							<li><a href="lists-divider.html">List dividers</a></li>
+							<li><a href="lists-count.html">Count bubble</a></li>
+							<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+							<li><a href="lists-icons.html">Icons</a></li>
+							<li><a href="lists-formatting.html">Content formatting</a></li>
+							<li><a href="lists-search.html">Search filter bar</a></li>
+							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+							<li><a href="lists-readonly.html">Read-only lists</a></li>
+							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+							<li><a href="lists-forms.html">Lists with forms</a></li>
+							<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+							<li><a href="lists-inset.html">Inset styled lists</a></li>
+							<li data-theme="a"><a href="lists-performance.html">List performance test</a></li>
+							<li><a href="lists-themes.html">Theming lists</a></li>
+
+						</ul>
+				</div>
+			</div>		
+
+		</div><!-- /content -->
+
+		<div data-role="footer" class="footer-docs" data-theme="c">
+				<p>&copy; 2011-12 The jQuery Foundation</p>
+		</div>
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-readonly-inset.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-readonly-inset.html
new file mode 100644
index 00000000..512b95ac
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-readonly-inset.html
@@ -0,0 +1,171 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Readonly Inset Lists</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Readonly Inset Lists</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+			<h2>Simple list</h2>
+
+			<ul data-role="listview" data-inset="true">
+				<li>Acura</li>
+				<li>Audi</li>
+				<li>BMW</li>
+				<li>Cadillac</li>
+				<li>Ferrari</li>
+			</ul>
+
+		<h2>Count bubbles</h2>
+		<ul data-role="listview" data-inset="true">
+			<li>Inbox <span class="ui-li-count">12</span></li>
+				<li>Outbox <span class="ui-li-count">0</span></li>
+				<li>Drafts <span class="ui-li-count">4</span></li>
+				<li>Sent <span class="ui-li-count">328</span></li>
+				<li>Trash <span class="ui-li-count">62</span></li>
+		</ul>
+		
+		<h2>Numbered list</h2>
+			<ol data-role="listview" data-inset="true">
+				<li>The Godfather</li>
+				<li>Inception</li>
+				<li>The Good, the Bad and the Ugly </li>
+				<li>Pulp Fiction</li>
+				<li>Schindler's List</li>
+			</ol>
+			
+		<h2>Divided, formatted content</h2>
+		<ul data-role="listview" data-inset="true">
+			<li>
+				<h3>Stephen Weber</h3>
+				<p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
+				<p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
+				<p class="ui-li-aside"><strong>6:24</strong>PM</p>
+			</li>
+			<li>
+				<h3>jQuery Team</h3>
+				<p><strong>Boston Conference Planning</strong></p>
+				<p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
+				<p class="ui-li-aside"><strong>9:18</strong>AM</p>
+			</li>
+		</ul>
+		
+			
+
+		
+		<h2>Icon list</h2>
+		<ul data-role="listview" data-inset="true">
+			<li><img src="images/gf.png" alt="France" class="ui-li-icon">France <span class="ui-li-count">4</span></li>
+			<li><img src="images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></li>
+			<li><img src="images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></li>
+			<li><img src="images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></li>
+			<li><img src="images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></li>
+			<li><img src="images/us.png" alt="United States" class="ui-li-icon">United States <span class="ui-li-count">62</span></li>
+		</ul>
+		
+		<h2>Thumbnail list</h2>
+
+			<ul data-role="listview" data-inset="true">
+				<li>
+				<img src="images/album-bb.jpg" />
+				<h3>Broken Bells</h3>
+				<p>Broken Bells</p>
+			</li>
+			<li>
+				<img src="images/album-hc.jpg" />
+				<h3>Warning</h3>
+				<p>Hot Chip</p>
+			</li>
+			<li>
+				<img src="images/album-p.jpg" />
+				<h3>Wolfgang Amadeus Phoenix</h3>
+				<p>Phoenix</p>
+			</li>
+			</ul>
+			
+		<h2>Divided, filterable list</h2>
+			<ul data-role="listview" data-filter="true" data-inset="true">
+				<li data-role="list-divider">A</li>
+				<li>Adam Kinkaid</li>
+				<li>Alex Wickerham</li>
+				<li>Avery Johnson</li>
+				<li data-role="list-divider">B</li>
+				<li>Bob Cabot</li>
+				<li data-role="list-divider">C</li>
+				<li>Caleb Booth</li>
+				<li>Christopher Adams</li>
+			</ul>
+
+
+
+
+		
+		
+			</div><!--/content-primary -->		
+
+			<div class="content-secondary">
+
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+							<li data-role="list-divider">List views</li>
+							<li><a href="docs-lists.html">List basics &amp; API</a></li>
+							<li><a href="lists-ul.html">Basic linked list</a></li>
+							<li><a href="lists-nested.html">Nested list</a></li>
+							<li><a href="lists-ol.html">Numbered list</a></li>
+
+							<li><a href="lists-split.html">Split button list</a></li>	
+							<li><a href="lists-divider.html">List dividers</a></li>
+							<li><a href="lists-count.html">Count bubble</a></li>
+							<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+							<li><a href="lists-icons.html">Icons</a></li>
+							<li><a href="lists-formatting.html">Content formatting</a></li>
+							<li><a href="lists-search.html">Search filter bar</a></li>
+							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+							<li><a href="lists-readonly.html">Read-only lists</a></li>
+							<li data-theme="a"><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+							<li><a href="lists-forms.html">Lists with forms</a></li>
+							<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+							<li><a href="lists-inset.html">Inset styled lists</a></li>
+							<li><a href="lists-performance.html">List performance test</a></li>
+							<li><a href="lists-themes.html">Theming lists</a></li>
+
+						</ul>
+				</div>
+			</div>		
+
+		</div><!-- /content -->
+
+		<div data-role="footer" class="footer-docs" data-theme="c">
+				<p>&copy; 2011-12 The jQuery Foundation</p>
+		</div>
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-readonly.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-readonly.html
new file mode 100644
index 00000000..8082149b
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-readonly.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Inset Readonly Lists</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+	
+		<style type="text/css">
+			h2 { margin:50px 0 30px 0; }
+		</style>
+
+		<div data-role="header" data-theme="f">
+		<h1>Readonly lists</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+			<p>Here is a variety of full-width lists that are read-only. If a list has the <code>data-role="listview"</code> attribute, but the contents aren't linked, it will display as read-only. These look like normal lists, except they don't have a right arrow and the text is set to a smaller size to save space.</p>
+			
+			<h2>Simple list</h2>
+			
+			<ul data-role="listview">
+				<li>Acura</li>
+				<li>Audi</li>
+				<li>BMW</li>
+				<li>Cadillac</li>
+				<li>Ferrari</li>
+			</ul>
+
+		<h2>Count bubbles</h2>
+		<ul data-role="listview">
+			<li>Inbox <span class="ui-li-count">12</span></li>
+				<li>Outbox <span class="ui-li-count">0</span></li>
+				<li>Drafts <span class="ui-li-count">4</span></li>
+				<li>Sent <span class="ui-li-count">328</span></li>
+				<li>Trash <span class="ui-li-count">62</span></li>
+		</ul>
+		
+		<h2>Numbered list</h2>
+			<ol data-role="listview">
+				<li>The Godfather</li>
+				<li>Inception</li>
+				<li>The Good, the Bad and the Ugly </li>
+				<li>Pulp Fiction</li>
+				<li>Schindler's List</li>
+			</ol>
+			
+		<h2>Divided, formatted content</h2>
+		<ul data-role="listview">
+			<li>
+				<h3>Stephen Weber</h3>
+				<p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
+				<p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
+				<p class="ui-li-aside"><strong>6:24</strong>PM</p>
+			</li>
+			<li>
+				<h3>jQuery Team</h3>
+				<p><strong>Boston Conference Planning</strong></p>
+				<p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
+				<p class="ui-li-aside"><strong>9:18</strong>AM</p>
+			</li>
+		</ul>
+		
+			
+
+		
+		<h2>Icon list</h2>
+		<ul data-role="listview">
+			<li><img src="images/gf.png" alt="France" class="ui-li-icon">France <span class="ui-li-count">4</span></li>
+			<li><img src="images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></li>
+			<li><img src="images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></li>
+			<li><img src="images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></li>
+			<li><img src="images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></li>
+			<li><img src="images/us.png" alt="United States" class="ui-li-icon">United States <span class="ui-li-count">62</span></li>
+		</ul>
+		
+		<h2>Thumbnail list</h2>
+
+			<ul data-role="listview">
+				<li>
+				<img src="images/album-bb.jpg" />
+				<h3>Broken Bells</h3>
+				<p>Broken Bells</p>
+			</li>
+			<li>
+				<img src="images/album-hc.jpg" />
+				<h3>Warning</h3>
+				<p>Hot Chip</p>
+			</li>
+			<li>
+				<img src="images/album-p.jpg" />
+				<h3>Wolfgang Amadeus Phoenix</h3>
+				<p>Phoenix</p>
+			</li>
+			</ul>
+			
+		<h2>Divided, filterable list</h2>
+			<ul data-role="listview" data-filter="true">
+				<li data-role="list-divider">A</li>
+				<li>Adam Kinkaid</li>
+				<li>Alex Wickerham</li>
+				<li>Avery Johnson</li>
+				<li data-role="list-divider">B</li>
+				<li>Bob Cabot</li>
+				<li data-role="list-divider">C</li>
+				<li>Caleb Booth</li>
+				<li>Christopher Adams</li>
+			</ul>
+
+		
+			</div><!--/content-primary -->		
+
+			<div class="content-secondary">
+
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+							<li data-role="list-divider">List views</li>
+							<li><a href="docs-lists.html">List basics &amp; API</a></li>
+							<li><a href="lists-ul.html">Basic linked list</a></li>
+							<li><a href="lists-nested.html">Nested list</a></li>
+							<li><a href="lists-ol.html">Numbered list</a></li>
+
+							<li><a href="lists-split.html">Split button list</a></li>	
+							<li><a href="lists-divider.html">List dividers</a></li>
+							<li><a href="lists-count.html">Count bubble</a></li>
+							<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+							<li><a href="lists-icons.html">Icons</a></li>
+							<li><a href="lists-formatting.html">Content formatting</a></li>
+							<li><a href="lists-search.html">Search filter bar</a></li>
+							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+							<li data-theme="a"><a href="lists-readonly.html">Read-only lists</a></li>
+							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+							<li><a href="lists-forms.html">Lists with forms</a></li>
+							<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+							<li><a href="lists-inset.html">Inset styled lists</a></li>
+							<li><a href="lists-performance.html">List performance test</a></li>
+							<li><a href="lists-themes.html">Theming lists</a></li>
+
+						</ul>
+				</div>
+			</div>		
+
+		</div><!-- /content -->
+
+		<div data-role="footer" class="footer-docs" data-theme="c">
+				<p>&copy; 2011-12 The jQuery Foundation</p>
+		</div>
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-search-filtertext.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-search-filtertext.html
new file mode 100644
index 00000000..45c77d8f
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-search-filtertext.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Filtered Lists Using Hidden Data</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Search hidden data</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+			<p>By default, the listview filter simply searches against the content in each list item. If you want the filter to search against different content, add the <code>data-filtertext</code>	attribute to the item and populate it with one or many keywords and phrases that should be used to match against. Note that if this attribute is added, the contents of the list item are ignored.</p>
+			<p>This attribute is useful for dealing with allowing for ticker symbols and full company names to be searched, or for covering common spellings and abbreviations for countries.</p>
+			
+<pre><code>		
+&lt;li <strong>data-filtertext=&quot;NASDAQ:AAPL Apple Inc.</strong>&quot;&gt;&lt;a href=&quot;#&quot;&gt;Apple&lt;/a&gt;&lt;/li&gt;
+&lt;li <strong>data-filtertext=&quot;USA U.S.A. United States of America&quot;</strong>&gt;&lt;a href=&quot;#&quot;&gt;United States&lt;/a&gt;&lt;/li&gt;
+</code></pre>	
+
+			<ul data-role="listview" data-filter="true" data-filter-placeholder="Search ticker or firm name..." data-inset="true">
+				<li data-filtertext="NASDAQ:ADBE Adobe Systems Incorporated"><a href="#">Adobe</a></li>
+				<li data-filtertext="NASDAQ:AMZNL Amazon.com, Inc."><a href="#">Amazon</a></li>
+				<li data-filtertext="NASDAQ:AAPL Apple Inc."><a href="#">Apple</a></li>
+				<li data-filtertext="NASDAQ:GOOG Google Inc."><a href="#">Google</a></li>
+				<li data-filtertext="NYSE:IBM Intl. International Business Machines Corp."><a href="index.html">IBM</a></li>
+				<li data-filtertext="NASDAQ:MSFT Microsoft Corporation"><a href="#">Microsoft</a></li>
+				<li data-filtertext="NASDAQ:YHOO Yahoo! Inc."><a href="#">Yahoo</a></li>
+				<li data-filtertext="USA U.S.A. United States of America"><a href="#">United States</a></li>
+			</ul>
+			</div><!--/content-primary -->		
+
+			<div class="content-secondary">
+
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+							<li data-role="list-divider">List views</li>
+							<li><a href="docs-lists.html">List basics &amp; API</a></li>
+							<li><a href="lists-ul.html">Basic linked list</a></li>
+							<li><a href="lists-nested.html">Nested list</a></li>
+							<li><a href="lists-ol.html">Numbered list</a></li>
+
+							<li><a href="lists-split.html">Split button list</a></li>	
+							<li><a href="lists-divider.html">List dividers</a></li>
+							<li><a href="lists-count.html">Count bubble</a></li>
+							<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+							<li><a href="lists-icons.html">Icons</a></li>
+							<li><a href="lists-formatting.html">Content formatting</a></li>
+							<li><a href="lists-search.html">Search filter bar</a></li>
+							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li data-theme="a"><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+							<li><a href="lists-readonly.html">Read-only lists</a></li>
+							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+							<li><a href="lists-forms.html">Lists with forms</a></li>
+							<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+							<li><a href="lists-inset.html">Inset styled lists</a></li>
+							<li><a href="lists-performance.html">List performance test</a></li>
+							<li><a href="lists-themes.html">Theming lists</a></li>
+
+						</ul>
+				</div>
+			</div>		
+
+		</div><!-- /content -->
+
+		<div data-role="footer" class="footer-docs" data-theme="c">
+				<p>&copy; 2011-12 The jQuery Foundation</p>
+		</div>
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-search-inset.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-search-inset.html
new file mode 100644
index 00000000..ea12c48e
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-search-inset.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Filtered Inset Lists</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Inset Search filter bar</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">	
+			<ul data-role="listview" data-filter="true" data-inset="true">
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Volkswagon</a></li>
+				<li><a href="index.html">Volvo</a></li>
+			</ul>
+			</div><!--/content-primary -->		
+
+			<div class="content-secondary">
+
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+							<li data-role="list-divider">List views</li>
+							<li><a href="docs-lists.html">List basics &amp; API</a></li>
+							<li><a href="lists-ul.html">Basic linked list</a></li>
+							<li><a href="lists-nested.html">Nested list</a></li>
+							<li><a href="lists-ol.html">Numbered list</a></li>
+
+							<li><a href="lists-split.html">Split button list</a></li>	
+							<li><a href="lists-divider.html">List dividers</a></li>
+							<li><a href="lists-count.html">Count bubble</a></li>
+							<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+							<li><a href="lists-icons.html">Icons</a></li>
+							<li><a href="lists-formatting.html">Content formatting</a></li>
+							<li><a href="lists-search.html">Search filter bar</a></li>
+							<li data-theme="a"><a href="lists-search-inset.html">Inset search filter bar</a></li>
+							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+							<li><a href="lists-readonly.html">Read-only lists</a></li>
+							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+							<li><a href="lists-forms.html">Lists with forms</a></li>
+							<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+							<li><a href="lists-inset.html">Inset styled lists</a></li>
+							<li><a href="lists-performance.html">List performance test</a></li>
+							<li><a href="lists-themes.html">Theming lists</a></li>
+
+						</ul>
+				</div>
+			</div>		
+
+		</div><!-- /content -->
+
+		<div data-role="footer" class="footer-docs" data-theme="c">
+				<p>&copy; 2011-12 The jQuery Foundation</p>
+		</div>
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-search-with-dividers.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-search-with-dividers.html
new file mode 100644
index 00000000..ccae6b60
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-search-with-dividers.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8" /> 
+	<title>jQuery Mobile Docs - Filtered Lists with Dividers</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>List dividers</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">	
+			<ul data-role="listview" data-filter="true" data-filter-placeholder="Search people..." data-filter-theme="d"data-theme="d" data-divider-theme="d">
+				<li data-role="list-divider">A</li>
+				<li><a href="index.html">Adam Kinkaid</a></li>
+				<li><a href="index.html">Alex Wickerham</a></li>
+				<li><a href="index.html">Avery Johnson</a></li>
+				<li data-role="list-divider">B</li>
+				<li><a href="index.html">Bob Cabot</a></li>
+				<li data-role="list-divider">C</li>
+				<li><a href="index.html">Caleb Booth</a></li>
+				<li><a href="index.html">Christopher Adams</a></li>
+				<li><a href="index.html">Culver James</a></li>
+				<li data-role="list-divider">D</li>
+				<li><a href="index.html">David Walsh</a></li>
+				<li><a href="index.html">Drake Alfred</a></li>
+				<li data-role="list-divider">E</li>
+				<li><a href="index.html">Elizabeth Bacon</a></li>
+				<li><a href="index.html">Emery Parker</a></li>
+				<li><a href="index.html">Enid Voldon</a></li>
+				<li data-role="list-divider">F</li>
+				<li><a href="index.html">Francis Wall</a></li>
+				<li data-role="list-divider">G</li>
+				<li><a href="index.html">Graham Smith</a></li>
+				<li><a href="index.html">Greta Peete</a></li>
+				<li data-role="list-divider">H</li>
+				<li><a href="index.html">Harvey Walls</a></li>
+				<li data-role="list-divider">M</li>
+				<li><a href="index.html">Mike Farnsworth</a></li>
+				<li><a href="index.html">Murray Vanderbuilt</a></li>
+				<li data-role="list-divider">N</li>
+				<li><a href="index.html">Nathan Williams</a></li>
+				<li data-role="list-divider">P</li>
+				<li><a href="index.html">Paul Baker</a></li>
+				<li><a href="index.html">Pete Mason</a></li>
+				<li data-role="list-divider">R</li>
+				<li><a href="index.html">Rod Tarker</a></li>
+				<li data-role="list-divider">S</li>
+				<li><a href="index.html">Sawyer Wakefield</a></li>
+			</ul>
+			</div><!--/content-primary -->		
+
+			<div class="content-secondary">
+
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+							<li data-role="list-divider">List views</li>
+							<li><a href="docs-lists.html">List basics &amp; API</a></li>
+							<li><a href="lists-ul.html">Basic linked list</a></li>
+							<li><a href="lists-nested.html">Nested list</a></li>
+							<li><a href="lists-ol.html">Numbered list</a></li>
+
+							<li><a href="lists-split.html">Split button list</a></li>	
+							<li><a href="lists-divider.html">List dividers</a></li>
+							<li><a href="lists-count.html">Count bubble</a></li>
+							<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+							<li><a href="lists-icons.html">Icons</a></li>
+							<li><a href="lists-formatting.html">Content formatting</a></li>
+							<li><a href="lists-search.html">Search filter bar</a></li>
+							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+							<li data-theme="a"><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+							<li><a href="lists-readonly.html">Read-only lists</a></li>
+							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+							<li><a href="lists-forms.html">Lists with forms</a></li>
+							<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+							<li><a href="lists-inset.html">Inset styled lists</a></li>
+							<li><a href="lists-performance.html">List performance test</a></li>
+							<li><a href="lists-themes.html">Theming lists</a></li>
+
+						</ul>
+				</div>
+			</div>		
+
+		</div><!-- /content -->
+
+		<div data-role="footer" class="footer-docs" data-theme="c">
+				<p>&copy; 2011-12 The jQuery Foundation</p>
+		</div>
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-search.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-search.html
new file mode 100644
index 00000000..5e75dcc7
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-search.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Filtered Lists</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Search filter bar</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">	
+			<ul data-role="listview" data-filter="true">
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Volkswagon</a></li>
+				<li><a href="index.html">Volvo</a></li>
+			</ul>
+			</div><!--/content-primary -->		
+
+			<div class="content-secondary">
+
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+							<li data-role="list-divider">List views</li>
+							<li><a href="docs-lists.html">List basics &amp; API</a></li>
+							<li><a href="lists-ul.html">Basic linked list</a></li>
+							<li><a href="lists-nested.html">Nested list</a></li>
+							<li><a href="lists-ol.html">Numbered list</a></li>
+
+							<li><a href="lists-split.html">Split button list</a></li>	
+							<li><a href="lists-divider.html">List dividers</a></li>
+							<li><a href="lists-count.html">Count bubble</a></li>
+							<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+							<li><a href="lists-icons.html">Icons</a></li>
+							<li><a href="lists-formatting.html">Content formatting</a></li>
+							<li data-theme="a"><a href="lists-search.html">Search filter bar</a></li>
+							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+							<li><a href="lists-readonly.html">Read-only lists</a></li>
+							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+							<li><a href="lists-forms.html">Lists with forms</a></li>
+							<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+							<li><a href="lists-inset.html">Inset styled lists</a></li>
+							<li><a href="lists-performance.html">List performance test</a></li>
+							<li><a href="lists-themes.html">Theming lists</a></li>
+
+						</ul>
+				</div>
+			</div>		
+
+		</div><!-- /content -->
+
+		<div data-role="footer" class="footer-docs" data-theme="c">
+				<p>&copy; 2011-12 The jQuery Foundation</p>
+		</div>
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-split-purchase.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-split-purchase.html
new file mode 100644
index 00000000..87681f93
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-split-purchase.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Sample Dialog</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+
+	<div data-role="page">
+
+		<div data-role="header" data-theme="e">
+			<h1>Purchase?</h1>
+		</div><!-- /header -->
+
+		<div data-role="content" data-theme="d">
+			<h4>This album costs $10.99 and includes 9 tracks.</h4>
+			<p>Your download will begin immediately on your mobile device and all tracks will by added your your library next time you sync.</p>
+			<a href="index.html" data-role="button" data-rel="back" data-theme="b">Purchase album</a>
+			<a href="index.html" data-role="button" data-rel="back">No thanks</a>
+
+		</div>
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-split.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-split.html
new file mode 100644
index 00000000..b461be06
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-split.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Split Button Lists</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior" id="album-list">
+
+		<div data-role="header" data-theme="f">
+		<h1>Split button list</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">	
+		<ul data-role="listview" data-split-icon="gear" data-split-theme="d">
+			<li><a href="index.html">
+				<img src="images/album-bb.jpg" />
+				<h3>Broken Bells</h3>
+				<p>Broken Bells</p>
+				</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				
+				<img src="images/album-hc.jpg" />
+				<h3>Warning</h3>
+				<p>Hot Chip</p>
+				
+			</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-p.jpg" />
+				<h3>Wolfgang Amadeus Phoenix</h3>
+				<p>Phoenix</p>
+				</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-ok.jpg" />
+				<h3>Of The Blue Colour Of The Sky</h3>
+				<p>Ok Go</p>
+				</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-ws.jpg" />
+				<h3>Elephant</h3>
+				<p>The White Stripes</p>
+				</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-rh.jpg" />
+				<h3>Kid A</h3>
+				<p>Radiohead</p>
+				</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-xx.jpg" />
+				<h3>XX</h3>
+				<p>XX</p>
+				</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-mg.jpg" />
+				<h3>Congratulations</h3>
+				<p>MGMT</p>
+				</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-ag.jpg" />
+				<h3>Ashes Grammar</h3>
+				<p>A Sunny Day in Glasgow</p>
+				</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			
+			<li><a href="index.html">
+				<img src="images/album-k.jpg" />
+				<h3>Hot Fuss</h3>
+				<p>Killers</p>
+				</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">	
+				<img src="images/album-af.jpg" />
+				<h3>The Suburbs</h3>
+				<p>Arcade Fire</p>
+				</a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+		</ul>
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+						<li data-role="list-divider">List views</li>
+						<li><a href="docs-lists.html">List basics &amp; API</a></li>
+						<li><a href="lists-ul.html">Basic linked list</a></li>
+						<li><a href="lists-nested.html">Nested list</a></li>
+						<li><a href="lists-ol.html">Numbered list</a></li>
+
+						<li data-theme="a"><a href="lists-split.html">Split button list</a></li>	
+						<li><a href="lists-divider.html">List dividers</a></li>
+						<li><a href="lists-count.html">Count bubble</a></li>
+						<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+						<li><a href="lists-icons.html">Icons</a></li>
+						<li><a href="lists-formatting.html">Content formatting</a></li>
+						<li><a href="lists-search.html">Search filter bar</a></li>
+						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+						<li><a href="lists-readonly.html">Read-only lists</a></li>
+						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+						<li><a href="lists-forms.html">Lists with forms</a></li>
+						<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+						<li><a href="lists-inset.html">Inset styled lists</a></li>
+						<li><a href="lists-performance.html">List performance test</a></li>
+						<li><a href="lists-themes.html">Theming lists</a></li>
+
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-themes.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-themes.html
new file mode 100644
index 00000000..e41c289f
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-themes.html
@@ -0,0 +1,264 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Theming Lists</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Theming lists</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content" class="ui-body">
+		<div class="content-primary">	
+
+		<p>All the standard button swatches can be applied to lists. The framework assigns a default list theme swatch of &quot;c&quot; (silver in the default theme) and swatch &quot;b&quot; (blue in default theme) for dividers. Below is a default themed list.</p>
+		
+<code>
+&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot;&gt;
+</code>
+		<ul data-role="listview" data-inset="true" data-icon="star">
+			<li data-role="list-divider">Divider</li>
+			<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
+			<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+			<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
+		</ul>
+		
+		<h2>Theming list items</h2>
+		<p>The list item color scheme can be changed to any button color theme swatch by adding the <code> data-theme</code> attribute to the list, and setting the letter theme swatch. Here is the same list above with the &quot;a&quot; swatch applied. </p>
+		
+<code>
+&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-theme=&quot;d&quot;&gt;
+</code>
+		
+		<ul data-role="listview" data-inset="true" data-theme="d">
+			<li data-role="list-divider">Divider</li>
+			<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
+			<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+			<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
+		</ul>
+		
+		<p> data-theme attributes also work at the LI-level, for styling a single item.</p>
+		
+		<ul data-role="listview" data-inset="true" data-theme="d">
+			<li data-role="list-divider">Divider</li>
+			<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
+			<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+			<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
+			<li data-theme="a"><a href="index.html">Trash <span class="ui-li-count">34</span></a></li>
+		</ul>
+		
+		<h2>Theming dividers</h2>
+		
+		<p>The theme for <strong>list dividers</strong> can be set by adding the <code>data-divider-theme</code> to the list and specifying a swatch letter. Here is an example of the same list above with swatch &quot;d&quot; set on the dividers.</p>
+		
+<code>
+&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-theme=&quot;d&quot; data-divider-theme=&quot;e&quot;&gt;
+</code>
+		
+		<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e">
+			<li data-role="list-divider">Divider</li>
+			<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
+			<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+			<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
+		</ul>
+		
+		<h2>Theming count bubbles</h2>
+		
+		<p>The theme for <strong>count bubbles</strong> can be set by adding the <code>data-count-theme</code> to the list and specifying a swatch letter. Here is an example with swatch &quot;e&quot; set on the dividers.</p>
+		
+<code>
+&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-theme=&quot;d&quot; data-divider-theme=&quot;e&quot; data-count-theme=&quot;b&quot;&gt;
+</code>
+		
+		<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" data-count-theme="b">
+			<li data-role="list-divider">Divider</li>
+			<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
+			<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+			<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
+		</ul>
+		
+		<h2>Theming icons</h2>
+		
+		<p>The default icon for each list item is <code>arrow-r</code>. To override this, set the <code> data-icon</code> attribute on the desired list item to the <a href="../buttons/buttons-icons.html">name of a standard icon</a>.  To prevent icons from appearing altogether, set the <code> data-icon</code> attribute to &quot;false&quot;.</p>
+<pre>
+<code>
+&lt;li data-icon=&quot;info&quot;&gt;&lt;a href="#"&gt;Notices&lt;/a&gt;&lt;/li&gt;
+&lt;li data-icon=&quot;alert&quot;&gt;&lt;a href="#"&gt;Alerts&lt;/a&gt;&lt;/li&gt;
+&lt;li data-icon=&quot;false&quot;&gt;&lt;a href="#"&gt;No icon&lt;/a&gt;&lt;/li&gt;
+</code>
+</pre>
+		<ul data-role="listview" data-inset="true">
+			<li data-role="list-divider">Divider</li>
+			<li data-icon="info"><a href="#">Notices</a></li>
+			<li data-icon="alert"><a href="#">Alerts</a></li>
+			<li data-icon="false"><a href="#">No icon</a></li>
+		</ul>
+	
+		
+		<h2>Theming split buttons</h2>
+		
+		<p>For split lists which a second button, the framework default to &quot;b&quot; for the theme swatch (blue in the default theme)  Here is a default split list:</p>
+		
+		<ul data-role="listview" data-inset="true">
+			<li><a href="index.html">
+				<img src="images/album-bb.jpg" />
+				<h3>Broken Bells</h3>
+				<p>Broken Bells</p></a>
+				<a href="index.html">Purchase album</a>
+			</li>
+			<li><a href="index.html">
+				<img src="images/album-hc.jpg" />
+				<h3>Warning</h3>
+				<p>Hot Chip</p></a>
+				<a href="index.html">Purchase album</a>
+			</li>
+		</ul>
+		
+<code>
+&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-split-theme=&quot;a&quot;&gt;
+</code>
+		<p>To specify the color swatch for the icon button on the right, add the <code>data-split-theme</code> to the list and specify a swatch letter. This attribute can also be added to individual split inside list items by adding a <code> data-theme</code> attribute to specific links  (see second list item).</p>
+		<ul data-role="listview" data-inset="true" data-split-theme="a">
+			<li><a href="index.html">
+				<img src="images/album-bb.jpg" />
+				<h3>Broken Bells</h3>
+				<p>Broken Bells</p>
+				</a>
+				<a href="index.html">Purchase album</a>
+			</li>
+			<li><a href="index.html">
+				<img src="images/album-hc.jpg" />
+				<h3>Warning</h3>
+				<p>Hot Chip</p>
+				</a>
+				<a href="index.html" data-theme="e">Purchase album</a>
+			</li>
+		</ul>
+
+		<p>The icon for the split theme can set at the list level by adding the <code>data-split-icon</code> to the list and specifying a <a href="../buttons/buttons-icons.html">standard icon</a>. This attribute can also be added to individual split inside list items by adding a <code> data-icon</code> attribute to specific links (see second list item).</p>
+		
+<code>
+&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-split-theme=&quot;d&quot; data-split-icon=&quot;delete&quot;&gt;
+</code>
+
+	<ul data-role="listview" data-inset="true" data-split-theme="d" data-split-icon="delete" >
+		<li><a href="index.html">
+			<img src="images/album-bb.jpg" />
+			<h3>Broken Bells</h3>
+			<p>Broken Bells</p>
+			</a>
+			<a href="index.html">Purchase album</a>
+		</li>
+		<li><a href="index.html">
+			<img src="images/album-hc.jpg" />
+			<h3>Warning</h3>
+			<p>Hot Chip</p>
+			</a>
+			<a href="index.html">Purchase album</a>
+		</li>
+	</ul>
+
+
+		
+		<h2>Examples of all basic list swatches</h2>
+		
+		<p><strong>A</strong> swatch</p>
+		<ul data-role="listview" data-inset="true" data-theme="a">
+			<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
+			<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+			<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
+		</ul>
+		
+		<p><strong>B</strong> swatch</p>
+		<ul data-role="listview" data-inset="true" data-theme="b">
+			<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
+			<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+			<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
+		</ul>
+		
+		<p><strong>C</strong> swatch</p>
+		<ul data-role="listview" data-inset="true" data-theme="c">
+			<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
+			<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+			<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
+		</ul>
+		
+		<p><strong>D</strong> swatch</p>
+		<ul data-role="listview" data-inset="true" data-theme="d">
+			<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
+			<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+			<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
+		</ul>
+		
+		<p><strong>E</strong> swatch</p>
+		<ul data-role="listview" data-inset="true" data-theme="e">
+			<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
+			<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+			<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
+		</ul>
+		
+		
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+						<li data-role="list-divider">List views</li>
+						<li><a href="docs-lists.html">List basics &amp; API</a></li>
+						<li><a href="lists-ul.html">Basic linked list</a></li>
+						<li><a href="lists-nested.html">Nested list</a></li>
+						<li><a href="lists-ol.html">Numbered list</a></li>
+
+						<li><a href="lists-split.html">Split button list</a></li>	
+						<li><a href="lists-divider.html">List dividers</a></li>
+						<li><a href="lists-count.html">Count bubble</a></li>
+						<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+						<li><a href="lists-icons.html">Icons</a></li>
+						<li><a href="lists-formatting.html">Content formatting</a></li>
+						<li><a href="lists-search.html">Search filter bar</a></li>
+						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+						<li><a href="lists-readonly.html">Read-only lists</a></li>
+						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+						<li><a href="lists-forms.html">Lists with forms</a></li>
+						<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+						<li><a href="lists-inset.html">Inset styled lists</a></li>
+						<li><a href="lists-performance.html">List performance test</a></li>
+						<li data-theme="a"><a href="lists-themes.html">Theming lists</a></li>
+
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-thumbnails.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-thumbnails.html
new file mode 100644
index 00000000..1cc6a145
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-thumbnails.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Lists with Thumbnails</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Thumbnails</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">	
+		<ul data-role="listview">
+			<li><a href="index.html">
+				<img src="images/album-bb.jpg" />
+				<h3>Broken Bells</h3>
+				<p>Broken Bells</p>
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-hc.jpg" />
+				<h3>Warning</h3>
+				<p>Hot Chip</p>
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-p.jpg" />
+				<h3>Wolfgang Amadeus Phoenix</h3>
+				<p>Phoenix</p>
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-ok.jpg" />
+				<h3>Of The Blue Colour Of The Sky</h3>
+				<p>Ok Go</p>
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-ws.jpg" />
+				<h3>Elephant</h3>
+				<p>The White Stripes</p>
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-rh.jpg" />
+				<h3>Kid A</h3>
+				<p>Radiohead</p>
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-xx.jpg" />
+				<h3>XX</h3>
+				<p>XX</p>
+			</a></li>
+			<li><a href="index.html">
+				<img src="images/album-mg.jpg" />
+				<h3>Congratulations</h3>
+				<p>MGMT</p>
+			</a></li>
+			
+			<li><a href="index.html">
+				<img src="images/album-ag.jpg" />
+				<h3>Ashes Grammar</h3>
+				<p>A Sunny Day in Glasgow</p>
+			</a></li>
+			
+			<li><a href="index.html">
+				<img src="images/album-k.jpg" />
+				<h3>Hot Fuss</h3>
+				<p>Killers</p>
+			</a></li>
+			<li><a href="index.html">	
+				<img src="images/album-af.jpg" />
+				<h3>The Suburbs</h3>
+				<p>Arcade Fire</p>
+			</a></li>
+		</ul>
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+						<li data-role="list-divider">List views</li>
+						<li><a href="docs-lists.html">List basics &amp; API</a></li>
+						<li><a href="lists-ul.html">Basic linked list</a></li>
+						<li><a href="lists-nested.html">Nested list</a></li>
+						<li><a href="lists-ol.html">Numbered list</a></li>
+
+						<li><a href="lists-split.html">Split button list</a></li>	
+						<li><a href="lists-divider.html">List dividers</a></li>
+						<li><a href="lists-count.html">Count bubble</a></li>
+						<li data-theme="a"><a href="lists-thumbnails.html">Thumbnails</a></li>
+						<li><a href="lists-icons.html">Icons</a></li>
+						<li><a href="lists-formatting.html">Content formatting</a></li>
+						<li><a href="lists-search.html">Search filter bar</a></li>
+						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+						<li><a href="lists-readonly.html">Read-only lists</a></li>
+						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+						<li><a href="lists-forms.html">Lists with forms</a></li>
+						<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+						<li><a href="lists-inset.html">Inset styled lists</a></li>
+						<li><a href="lists-performance.html">List performance test</a></li>
+						<li><a href="lists-themes.html">Theming lists</a></li>
+
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/lists/lists-ul.html b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-ul.html
new file mode 100644
index 00000000..e23106c7
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/lists/lists-ul.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Basic Lists</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Basic list</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+			<div class="content-primary">
+			<ul data-role="listview">
+				<li><a href="index.html">Acura</a></li>
+				<li><a href="index.html">Audi</a></li>
+				<li><a href="index.html">BMW</a></li>
+				<li><a href="index.html">Cadillac</a></li>
+				<li><a href="index.html">Chrysler</a></li>
+				<li><a href="index.html">Dodge</a></li>
+				<li><a href="index.html">Ferrari</a></li>
+				<li><a href="index.html">Ford</a></li>
+				<li><a href="index.html">GMC</a></li>
+				<li><a href="index.html">Honda</a></li>
+				<li><a href="index.html">Hyundai</a></li>
+				<li><a href="index.html">Infiniti</a></li>
+				<li><a href="index.html">Jeep</a></li>
+				<li><a href="index.html">Kia</a></li>
+				<li><a href="index.html">Lexus</a></li>
+				<li><a href="index.html">Mini</a></li>
+				<li><a href="index.html">Nissan</a></li>
+				<li><a href="index.html">Porsche</a></li>
+				<li><a href="index.html">Subaru</a></li>
+				<li><a href="index.html">Toyota</a></li>
+				<li><a href="index.html">Volkswagon</a></li>
+				<li><a href="index.html">Volvo</a></li>
+			</ul>
+			</div><!--/content-primary -->		
+
+			<div class="content-secondary">
+
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+							<li data-role="list-divider">List views</li>
+							<li><a href="docs-lists.html">List basics &amp; API</a></li>
+							<li data-theme="a"><a href="lists-ul.html">Basic linked list</a></li>
+							<li><a href="lists-nested.html">Nested list</a></li>
+							<li><a href="lists-ol.html">Numbered list</a></li>
+
+							<li><a href="lists-split.html">Split button list</a></li>	
+							<li><a href="lists-divider.html">List dividers</a></li>
+							<li><a href="lists-count.html">Count bubble</a></li>
+							<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+							<li><a href="lists-icons.html">Icons</a></li>
+							<li><a href="lists-formatting.html">Content formatting</a></li>
+							<li><a href="lists-search.html">Search filter bar</a></li>
+							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+							<li><a href="lists-readonly.html">Read-only lists</a></li>
+							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+							<li><a href="lists-forms.html">Lists with forms</a></li>
+							<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+							<li><a href="lists-inset.html">Inset styled lists</a></li>
+							<li><a href="lists-performance.html">List performance test</a></li>
+							<li><a href="lists-themes.html">Theming lists</a></li>
+
+						</ul>
+				</div>
+			</div>		
+
+		</div><!-- /content -->
+
+		<div data-role="footer" class="footer-docs" data-theme="c">
+				<p>&copy; 2011-12 The jQuery Foundation</p>
+		</div>
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/nav.html b/libs/js/jquery-mobile-1.1.0/docs/nav.html
new file mode 100644
index 00000000..46e86d99
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/nav.html
@@ -0,0 +1,296 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery UI Mobile Framework - Documentation</title>
+	<link rel="stylesheet"  href="../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="_assets/css/jqm-docs.css"/>
+
+	<script src="../js/jquery.js"></script>
+	<script src="../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../js/"></script>
+	
+</head> 
+<body> 
+	<div data-role="page" data-theme="a" class="nav-search">
+		
+	<div data-role="content">   
+
+	<style>
+
+		.nav-search .ui-content {
+			margin-top:16px;
+		}
+		.nav-search .ui-corner-top {
+			-moz-border-radius: 0;
+			-webkit-border-radius: 0;
+			border-radius: 0;
+		}
+		.nav-search .ui-bar-a {
+			background-image:none;
+			background-color:#555;
+		}
+		.nav-search .ui-btn-up-a {
+			background-image:none;
+			background-color:#333333;
+		}
+		.nav-search .ui-btn-inner {
+			border-top: 1px solid #888;
+			border-color: rgba(255, 255, 255, .1);
+		}
+	</style>
+	
+	<script>
+		$('body').delegate('.nav-search', 'pageshow', function( e ) {
+			$('.ui-input-text').attr("autofocus", true)
+		});			
+	</script>
+	
+	<ul data-role="listview" data-theme="a" data-divider-theme="a" data-filter="true" data-filter-theme="a" data-filter-placeholder="Search documentation...">
+			<li data-filtertext="wai-aria voiceover accessibility screen reader">
+				<a href="about/accessibility.html">Accessibility</a>
+			</li>
+			<li data-filtertext="accordions collapsible set collapsible-set collapsed">
+				<a href="content/content-collapsible-set.html">Accordions</a>
+			</li>
+			<li data-filtertext="ajax navigation model hashchange changePage pushstate replacestate history popstate rel=external ajaxEnabled changepage basetag data-url sub-hash subpageidentifier target Application Cache ajaxPrefilter responseText isLocal subPageUrlKey silentscroll page parameters router backbone">
+				<a href="pages/page-navmodel.html">Ajax navigation model</a>
+			</li>
+			<li data-filtertext="anatomy of page viewport meta tag disable enable zoom width=device-width, initial-scale=1 header content footer single multipage template boilerplate">
+				<a href="pages/page-anatomy.html">Anatomy of a page</a>
+			</li>
+			<li data-filtertext="events api animationComplete transition css">
+				<a href="api/events.html">Animation events</a>
+			</li>
+			<li data-filtertext="button link submit cancel image reset mini buttonmarkup enable disable">
+				<a href="buttons/buttons-types.html">Buttons</a>
+			</li>
+			<li data-filtertext="button icon sprite png arrow delete plus minus check gear refresh forward back grid star alert info home search positioning iconpos top bottom left right notext custom disc white black">
+				<a href="buttons/buttons-icons.html">Button icons</a>
+			</li>
+			<li data-filtertext="data-prefetch loadpage domCache data-dom-cache size clear cleanup pagehide lazyload spinner loader">
+				<a href="pages/page-cache.html">Caching pages</a>
+			</li>
+			<li data-filtertext="input forms multi select checkbox checks grouped horizontal toggle legend">
+				<a href="forms/checkboxes/">Checkbox</a>
+			</li>
+			<li data-filtertext="collapsible expandable content block spindown disclosure triangle tree nested">
+				<a href="content/content-collapsible.html">Collapsible content</a>
+			</li>		
+			<li data-filtertext="data attribute guide api list help reference">
+				<a href="api/data-attributes.html">Data attribute reference</a>
+			</li>
+			<li data-filtertext="page dialog modal overlay theme data-rel=dialog transition rel=back closeBtnText button history">
+				<a href="pages/page-dialogs.html">Dialogs</a>
+			</li>
+			<li data-filtertext="forms constrain css disable disabling enable ui-disabled class style">
+				<a href="forms/docs-forms.html">Disabling form elements</a>
+			</li>
+			<li data-filtertext="dynamically injecting pages changePage pagebeforechange preventDefault json query params scripting generate markup manual backbone api hash templating mvc">
+				<a href="pages/page-dynamic.html">Dynamically injecting pages</a>
+			</li>
+			<li data-filtertext="events api document.ready pageinit touch tap taphold swipe swipeleft swiperight virtual mouse vmouseover vmousedown vmousemove vmouseup vclick vmousecancel orientationchange scrollstart scrollstop pageload pagebeforeload pageloadfailed pagebeforechange pagechange pagechangefailed pagebeforeshow change load transition pagebeforehide pageshow pagehide initialization pagebeforecreate pagecreate pageinit pageremove updatelayout animationcomplete transitions">
+				<a href="api/events.html">Events API</a>
+			</li>
+			<li data-filtertext="input forms flip toggle switch on off select slider">
+				<a href="forms/switch/">Flip switch</a>
+			</li>
+			<li data-filtertext="introduction help features overview">
+				<a href="about/features.html">Features overview</a>
+			</li>
+			<li data-filtertext="toolbars fixed headers footers scroll tap to hide show toggle">
+				<a href="toolbars/bars-fixed.html">Fixed toolbars</a>
+			</li>
+			<li data-filtertext="forms markup conventions introduction action label hide accessibly mini disabling fieldcontainer fieldset legend auto-initialization">
+				<a href="forms/docs-forms.html">Forms intro</a>
+			</li>
+			<li data-filtertext="all forms elements gallery preview sample preview">
+				<a href="forms/forms-all.html">Form element gallery</a>
+			</li>
+			<li data-filtertext="toolbars fixed headers footers scroll tap to hide show toggle">
+				<a href="toolbars/bars-fullscreen.html">Fullscreen toolbars</a>
+			</li>
+			<li data-filtertext="toolbars fixed footers scroll tap to hide show toggle">
+				<a href="toolbars/docs-footers.html">Footer toolbars</a>
+			</li>
+			<li data-filtertext="global optionss settings document.ready mobileinit ns namespace autoInitializePage subPageUrlKey activePageClass activeBtnClass ajaxEnabled linkBindingEnabled hashListeningEnabled pushStateEnabled defaultPageTransition touchOverflowEnabled defaultDialogTransition minScrollBack loadingMessage loadingMessageTheme pageLoadErrorMessage pageLoadErrorMessageTheme loadingMessageTextVisible gradeA ignoreContentEnabled">
+				<a href="api/globalconfig.html">Global options (mobileinit)</a>
+			</li>
+			<li data-filtertext="grouped buttons toggle side">
+				<a href="buttons/buttons-grouped.html">Grouped buttons</a>
+			</li>
+			<li data-filtertext="toolbars fixed headers scroll tap to hide show toggle heading">
+				<a href="toolbars/docs-headers.html">Header toolbars</a>
+			</li>
+			<li data-filtertext="accessibility accessibly forms labels hide hiding">
+				<a href="forms/docs-forms.html">Hiding elements accessibly</a>
+			</li>
+			<li data-filtertext="html default styles formatting semantics markup">
+				<a href="content/content-html.html">HTML formatting</a>
+			</li>
+			<li data-filtertext="button inline smaller less wide narrow">
+				<a href="buttons/buttons-inline.html">Inline buttons</a>
+			</li>
+			<li data-filtertext="listview link inset styled padding rounded">
+				<a href="lists/lists-inset.html">Inset styled listviews</a>
+			</li>
+			<li data-filtertext="introduction jquery mobile help getting started">
+				<a href="about/intro.html">Intro to jQuery Mobile</a>
+			</li>
+			<li data-filtertext="events api updatelayout hide show height scroll remove inject">
+				<a href="api/events.html">Layout events</a>
+			</li>
+			<li data-filtertext="layout grid columns side-by-side flow positioning block float left right center">
+				<a href="content/content-grids.html">Layout grids (columns)</a>
+			</li>
+			<li data-filtertext="link tel mailto target external rel ajax">
+				<a href="pages/page-links.html">Links</a>
+			</li>
+			<li data-filtertext="listview link">
+				<a href="lists/lists-ul.html">Linked list</a>
+			</li>
+			<li data-filtertext="listview link count bubble">
+				<a href="lists/lists-count.html">Listview count bubble</a>
+			</li>
+			<li data-filtertext="listview link divider grouping read only header">
+				<a href="lists/lists-divider.html">Listview dividers</a>
+			</li>
+			<li data-filtertext="listview link icon 16 pixel">
+				<a href="lists/lists-icons.html">Listview icons</a>
+			</li>
+			<li data-filtertext="listview link markup overview conventions types">
+				<a href="lists/index.html">Listview overview</a>
+			</li>
+			<li data-filtertext="methods api mobile changePage loadPage jqmData jqmRemoveData showPageLoadingMsg hidePageLoadingMsg fixedToolbars.show fixedToolbars.hide path.parseUrl path.makePathAbsolute path.makeUrlAbsolute path.isSameDomain path.isRelativeUrl path.isAbsoluteUrl base silentScroll activePage jqmEnhanceable">
+				<a href="api/methods.html">Methods API</a>
+			</li>
+			<li data-filtertext="listview link thumbnail images large square">
+				<a href="lists/lists-thumbnails.html">Listview thumbnails</a>
+			</li>
+			<li data-filtertext="forms smaller compact mini toolbars">
+				<a href="forms/forms-all-mini.html">Mini form elements</a>
+			</li>
+			<li data-filtertext="forms native not styled role none">
+				<a href="forms/forms-all-native.html">Native form elements</a>
+			</li>
+			<li data-filtertext="link navbar navigation tabs">
+				<a href="toolbars/docs-navbar.html">Navbars</a>
+			</li>
+			<li data-filtertext="listview link nested ul ol drilldown">
+				<a href="lists/lists-nested.html">Nested lists</a>
+			</li>
+			<li data-filtertext="numbered list link ol ordered numbered">
+				<a href="lists/lists-ol.html">Numbered lists</a>
+			</li>
+			<li data-filtertext="events api orientationchange orientationChangeEnabled portrait landscape window.orientation">
+				<a href="api/events.html">Orientation events</a>
+			</li>
+			<li data-filtertext="events api pagebeforechange pagechange pagechangefailed ajax nav">
+				<a href="api/events.html">Page change events</a>
+			</li>
+			<li data-filtertext="events api pagebeforecreate pagecreate pageinit $(document).ready() ajax nav">
+				<a href="api/events.html">Page initialization events</a>
+			</li>
+			<li data-filtertext="events api pagebeforeload pageload pageloadfailed ajax nav">
+				<a href="api/events.html">Page load events</a>
+			</li>
+			<li data-filtertext="pages overview boilerplate getting started setup">
+				<a href="pages/index.html">Pages overview</a>
+			</li>
+			<li data-filtertext="events api pageremove ajax nav">
+				<a href="api/events.html">Page remove events</a>
+			</li>
+			<li data-filtertext="pages multipage template boilerplate anchor link">
+				<a href="pages/multipage-template.html">Page template, multipage</a>
+			</li>
+			<li data-filtertext="pages single ajax nav template boilerplate anchor link">
+				<a href="pages/page-template.html">Page template, single page</a>
+			</li>
+			<li data-filtertext="page title head">
+				<a href="pages/page-titles.html">Page titles</a>
+			</li>
+			<li data-filtertext="events api pagebeforeshow pagebeforehide pageshow pagehide ajax nav">
+				<a href="api/events.html">Page transition events</a>
+			</li>
+			<li data-filtertext="toolbars fixed persistent tab bar footer header">
+				<a href="toolbars/footer-persist-a.html">Persistent toolbars</a>
+			</li>
+			<li data-filtertext="phonegap compile appstore export device api XSS mobileinit pushstate loadUrlTimeoutValue allowCrossDomainPages local file:// URL support.cors UIWebView">
+				<a href="pages/phonegap.html">PhoneGap</a>
+			</li>
+			<li data-filtertext="navigation model ajax prefetch preload lazyload loader loadPage">
+				<a href="pages/page-cache.html">Prefetching pages</a>
+			</li>
+			<li data-filtertext="pushstate ajax navigation model hashchange popstate">
+				<a href="pages/page-navmodel.html">PushState</a>
+			</li>
+			<li data-filtertext="introduction help quick start guide ">
+				<a href="about/getting-started.html">Quick start guide</a>
+			</li>
+			<li data-filtertext="input forms single select radio button grouped horizontal toggle legend">
+				<a href="forms/radiobuttons/">Radio buttons</a>
+			</li>
+			<li data-filtertext="read only display not linked listviews">
+				<a href="lists/lists-readonly.html">Read only listviews</a>
+			</li>
+			<li data-filtertext="refresh forms elements property change update programatically checked selectedindex value update widget input text slider switch select button checkbox radiobutton">
+				<a href="forms/docs-forms.html">Refreshing form elements</a>
+			</li>
+			<li data-filtertext="scripting pages loading scripts executing scripts document.ready() api developer firing fire pagecreate pageinit changing pages loading enhancing create refresh scolling silentscroll binding to mouse touch events passing url parameters backbone router">
+				<a href="pages/page-scripting.html">Scripting pages</a>
+			</li>
+			<li data-filtertext="events api scrollstart scrollstop flick">
+				<a href="api/events.html">Scroll events</a>
+			</li>
+			<li data-filtertext="listview search filter autocomplete refine">
+				<a href="lists/lists-search.html">Search filter</a>
+			</li>
+			<li data-filtertext="listview search filter hidden extra meta data">
+				<a href="lists/lists-search-filtertext.html">Search filter hidden data</a>
+			</li>
+			<li data-filtertext="input forms single select option selected index placeholder fullscreen optgroup grouped horizontal custom menu">
+				<a href="forms/selects/">Select menu</a>
+			</li>
+			<li data-filtertext="input forms range slider highlight step min max value">
+				<a href="forms/slider/">Slider</a>
+			</li>
+			<li data-filtertext="link listview multiple button splitbutton secondary action">
+				<a href="lists/lists-split.html">Split button list</a>
+			</li>
+			<li data-filtertext="forms submit method action post get ajax navigation">
+				<a href="forms/forms-sample.html">Submitting forms</a>
+			</li>
+			<li data-filtertext="supported platforms device matrix compatibility ios android blackberry playbook wp7 bada webod palm symbian meego firefox chrome internet explorer ie chrome safari graded support">
+				<a href="about/platforms.html">Supported Platforms</a>
+			</li>
+			<li data-filtertext="input forms text textarea password number email url tel time date month week datetime color">
+				<a href="forms/textinputs/">Text inputs &amp; Textareas</a>
+			</li>
+			<li data-filtertext="theme themeroller swatch css styles bars blocks buttons forms">
+				<a href="api/themes.html">Theming system overview</a>
+			</li>
+			<li data-filtertext="theme themeroller import export download css styles">
+				<a href="api/themes.html">ThemeRoller</a>
+			</li>
+			<li data-filtertext="toolbars header footer bar fixed">
+				<a href="toolbars/index.html">Toolbars</a>
+			</li>
+			<li data-filtertext="events api touch mouse vmouseover vmousedown vmousemove vmouseup vclick vmousecancel touchend target">
+				<a href="api/events.html">Touch events</a>
+			</li>
+			<li data-filtertext="">
+				<a href="pages/touchoverflow.html">TouchOverflow (deprecated)</a>
+			</li>
+			<li data-filtertext="animations page css keyframe transitions flip fade pop turn flow slide slideup slidedown none data-transition data-direction reverse defaultDialogTransition webkit moz o fallback 3d fallbackTransition max width custom transitionHandlers scroll position">
+				<a href="pages/page-transitions.html">Transitions</a>
+			</li>
+			<li data-filtertext="events api touch tap taphold swipe swipeleft swipe left swiperight swipe right">
+				<a href="api/events.html">Virtual mouse event API</a>
+			</li>
+		</ul>
+	</div><!-- /content -->
+
+</div><!-- /page -->
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/dialog-alt.html b/libs/js/jquery-mobile-1.1.0/docs/pages/dialog-alt.html
new file mode 100644
index 00000000..275f0b7f
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/dialog-alt.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Dialog Example</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page">
+		<div data-role="header" data-theme="e">
+			<h1>Dialog</h1>
+
+		</div>
+
+		<div data-role="content" data-theme="e">
+			<h1>I'm colorful</h1>
+			<p>This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p>
+			<a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="a">Good for you</a>       
+			<a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="c">Don't care, really</a>    
+		</div>
+	</div>
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/dialog-buttons.html b/libs/js/jquery-mobile-1.1.0/docs/pages/dialog-buttons.html
new file mode 100644
index 00000000..0a36872c
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/dialog-buttons.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Dialog Example</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="dialog-actionsheet">
+
+	
+	<div data-role="content" data-theme="a">
+		<h3>Share Photos</h3>
+		<a href="dialog-success.html" data-role="button" data-rel="dialog" data-transition="slidedown" data-theme="b">Email</a>     
+		<a href="dialog-success.html" data-role="button" data-rel="dialog" data-transition="slidedown" data-theme="b">Upload to flickr</a>       
+		<a href="dialog-success.html" data-role="button" data-rel="dialog" data-transition="slidedown" data-theme="b">Share on Facebook</a>      
+		<a href="dialog-success.html" data-role="button" data-rel="dialog" data-transition="slidedown" data-theme="b">Tweet photo</a>       
+		 		  
+		<a href="index.html" data-role="button" data-rel="back" data-theme="a">Cancel</a>    
+	</div>
+</div>
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/dialog-overlay.html b/libs/js/jquery-mobile-1.1.0/docs/pages/dialog-overlay.html
new file mode 100644
index 00000000..81fb765c
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/dialog-overlay.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Dialog Example</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" data-overlay-theme="e">
+		<div data-role="header" data-theme="b">
+			<h1>Dialog</h1>
+		</div>
+
+		<div data-role="content" data-theme="d">
+			<h1>Custom overlay</h1>
+			<p>This dialog adds <code>data-overlay-theme="e"</code> to the page container to set the overlay swatch color.</p>
+			<a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="a" data-inline="true">I like it</a>       
+		</div>
+		
+	</div>
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/dialog-success.html b/libs/js/jquery-mobile-1.1.0/docs/pages/dialog-success.html
new file mode 100644
index 00000000..512c4661
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/dialog-success.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Framework - Dialog Example</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+<div data-role="page" class="dialog-actionsheet">
+
+
+	<div data-role="content" data-theme="b">
+		<p>Flickr upload:</p>
+		<h3>Photos posted successfully</h3>
+
+		<a href="page-dialogs.html" data-role="button" data-theme="b">View photo page</a>
+		<a href="page-dialogs.html" data-role="button" data-theme="c">Done</a>
+	</div>
+</div>
+
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/dialog-with-select.html b/libs/js/jquery-mobile-1.1.0/docs/pages/dialog-with-select.html
new file mode 100644
index 00000000..2401afe5
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/dialog-with-select.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Dialog Example with Select</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+			<h1>Dialog select test</h1>
+		</div>
+		<div data-role="content" >
+			<a href="#bar" data-role="button" data-rel="dialog">Open dialog</a>
+		</div>
+		
+</div>		
+
+
+
+
+
+
+
+<div data-role="page" id="bar">
+	
+		<div data-role="header" data-theme="d">
+			<h1>Sample Dialogs</h1>
+		</div>
+
+		<div data-role="content" data-theme="c">
+			
+			<form action>
+				<div data-role="fieldcontain">
+					<label for="select-choice-1" class="select">Choose shipping method:</label>
+					<select name="select-choice-1" id="select-choice-1" data-native-menu="false">
+						<option value="standard">Standard: 7 day</option>
+						<option value="rush">Rush: 3 days</option>
+						<option value="express">Express: next day</option>
+						<option value="overnight">Overnight</option>
+					</select>
+				</div>
+				
+				<div data-role="fieldcontain">
+					<label for="select-choice-3" class="select">Your state:</label>
+					<select name="select-choice-3" id="select-choice-3" data-native-menu="false">
+						<option value="AL">Alabama</option>
+						<option value="AK">Alaska</option>
+						<option value="AZ">Arizona</option>
+						<option value="AR">Arkansas</option>
+						<option value="CA">California</option>
+						<option value="CO">Colorado</option>
+						<option value="CT">Connecticut</option>
+						<option value="DE">Delaware</option>
+						<option value="FL">Florida</option>
+						<option value="GA">Georgia</option>
+						<option value="HI">Hawaii</option>
+						<option value="ID">Idaho</option>
+						<option value="IL">Illinois</option>
+						<option value="IN">Indiana</option>
+						<option value="IA">Iowa</option>
+						<option value="KS">Kansas</option>
+						<option value="KY">Kentucky</option>
+						<option value="LA">Louisiana</option>
+						<option value="ME">Maine</option>
+						<option value="MD">Maryland</option>
+						<option value="MA">Massachusetts</option>
+						<option value="MI">Michigan</option>
+						<option value="MN">Minnesota</option>
+						<option value="MS">Mississippi</option>
+						<option value="MO">Missouri</option>
+						<option value="MT">Montana</option>
+						<option value="NE">Nebraska</option>
+						<option value="NV">Nevada</option>
+						<option value="NH">New Hampshire</option>
+						<option value="NJ">New Jersey</option>
+						<option value="NM">New Mexico</option>
+						<option value="NY">New York</option>
+						<option value="NC">North Carolina</option>
+						<option value="ND">North Dakota</option>
+						<option value="OH">Ohio</option>
+						<option value="OK">Oklahoma</option>
+						<option value="OR">Oregon</option>
+						<option value="PA">Pennsylvania</option>
+						<option value="RI">Rhode Island</option>
+						<option value="SC">South Carolina</option>
+						<option value="SD">South Dakota</option>
+						<option value="TN">Tennessee</option>
+						<option value="TX">Texas</option>
+						<option value="UT">Utah</option>
+						<option value="VT">Vermont</option>
+						<option value="VA">Virginia</option>
+						<option value="WA">Washington</option>
+						<option value="WV">West Virginia</option>
+						<option value="WI">Wisconsin</option>
+						<option value="WY">Wyoming</option>
+					</select>
+				</div>
+			
+				<a href="#foo" data-role="button" data-rel="back" data-theme="c">Real Submit Would go here</a>      
+			</form>
+			<a href="#foo" data-role="button" data-rel="back" data-theme="c">Cancel</a>    
+		</div>
+	</div>
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/dialog.html b/libs/js/jquery-mobile-1.1.0/docs/pages/dialog.html
new file mode 100644
index 00000000..25947819
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/dialog.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Dialog Example</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="dialog">
+	
+		<div data-role="header" data-theme="d">
+			<h1>Dialog</h1>
+
+		</div>
+
+		<div data-role="content" data-theme="c">
+			<h1>Delete page?</h1>
+			<p>This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p>
+			<a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="b">Sounds good</a>       
+			<a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="c">Cancel</a>    
+		</div>
+	</div>
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/docs-links-urltest/index.html b/libs/js/jquery-mobile-1.1.0/docs/pages/docs-links-urltest/index.html
new file mode 100644
index 00000000..e5aea72e
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/docs-links-urltest/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Test URL Example</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" data-url="docs/pages/docs-links-urltest/">
+		<div data-role="header" data-theme="f">
+			<h1>URL Test Page</h1>
+		</div>
+		<div data-role="content">
+			<p>This is a regular page that updated the url with a different value than was requested.</p>
+		</div>
+	</div>
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/animals.html b/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/animals.html
new file mode 100644
index 00000000..62a8fe95
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/animals.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Animals</title>
+<link rel="stylesheet"  href="../../../css/themes/default/">
+<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+
+<body>
+<div data-role="page">
+	<div data-role="header"><h1>Animals</h1></div>
+	<div data-role="content">
+		<p>All your favorites from aardvarks to zebras.</p>
+		<ul data-role="listview" data-inset="true">
+			<li>Pets</li>
+			<li>Farm Animals</li>
+			<li>Wild Animals</li>
+		</ul>
+	</div>
+</div>
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/category.php b/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/category.php
new file mode 100644
index 00000000..72c89479
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/category.php
@@ -0,0 +1,150 @@
+<?php
+// This is a demo script that takes a single 'id' query param argument and
+// returns its associated data as HTML, or, if called via XmlHttpRequest,
+// returns its data as JSON.
+
+// In the real-world, this category data would be looked
+// up on the fly from some database. For this sample, we
+// are just using some static in-memory data.
+
+$category_data = array(
+	animals => array(
+		name => "Animals",
+		description => "All your favorites from aardvarks to zebras.",
+		items => array(
+			array(
+				name => "Pets",
+			),
+			array(
+				name => "Farm Animals",
+			),
+			array(
+				name => "Wild Animals",
+			)
+		)
+	),
+	colors => array(
+		name => "Colors",
+		description => "Fresh colors from the magic rainbow.",
+		items => array(
+			array(
+				name => "Blue",
+			),
+			array(
+				name => "Green",
+			),
+			array(
+				name => "Orange",
+			),
+			array(
+				name => "Purple",
+			),
+			array(
+				name => "Red",
+			),
+			array(
+				name => "Yellow",
+			),
+			array(
+				name => "Violet",
+			)
+		)
+	),
+	vehicles => array(
+		name => "Vehicles",
+		description => "Everything from cars to planes.",
+		items => array(
+			array(
+				name => "Cars",
+			),
+			array(
+				name => "Planes",
+			),
+			array(
+				name => "Construction",
+			)
+		)
+	)
+);
+
+// Get the name of the category to display from
+// the query params for the script.
+
+$category_name = '';
+if ( $_GET[ 'id' ] ) {
+	$category_name = $_GET[ 'id' ];
+}
+
+// Now get the category data, by name, from our in-memory
+// dictionary. This is the part where a script normally fetches
+// the data from a database.
+
+$category_obj  = $category_data[ $category_name ];
+
+// Now figure out how the script is being called. If it's being
+// called via XmlHttpRequest, then send the data back as JSON.
+// If not, then send it back as a list in an HTML document.
+
+if( $_SERVER[ "HTTP_X_REQUESTED_WITH" ] && $_SERVER[ "HTTP_X_REQUESTED_WITH" ] ==="XMLHttpRequest" ) {
+	// Data should be written out as JSON.
+	header("Content-type: application/json");
+	if ( !$category_obj ) {
+		echo 'null';
+	} else {
+		echo '{"name":"' . $category_obj[ 'name' ]
+			. '","description":"' . $category_obj[ 'description' ]
+			. '","items":[';
+
+		$arr = $category_obj[ 'items' ];
+		$count = count($arr);
+		for ( $i = 0; $i < $count; $i++ ) {
+			if ( $i ) {
+				echo ",";
+			}
+			echo '{"name":"' . $arr[ $i ][ 'name' ] . '"}';
+		}
+		echo "]}";
+	}
+} else {
+	// Data should be written out as HTML.
+	header("Content-type: text/html");
+?>
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Vehicles</title>
+<link rel="stylesheet"  href="../../../css/themes/default/">
+<script src="../../../js/jquery.js"></script>
+<script src="../../../js/"></script>
+</head>
+<body>
+<div data-role="page" data-add-back-btn="true">
+	<div data-role="header"><h1><?php if ( $category_obj ) { echo $category_obj['name']; } else { echo "No Match"; } ?></h1></div>
+	<div data-role="content">
+<?php
+		if ( !$category_obj ) {
+?>
+		<p>No matches found.</p>
+<?php
+		} else {
+?>
+		<p><?php echo $catgory_object['description']; ?></p>
+		<ul data-role="listview" data-inset="true">
+<?php
+			$arr = $category_obj[ 'items' ];
+			$count = count($arr);
+			for ( $i = 0; $i < $count; $i++ ) {
+				echo "\t\t\t<li>" . $arr[ $i ][ 'name' ] . "</li>\n";
+			}
+?>
+		</ul>
+<?php
+		}
+?>
+	</div>
+</div>
+</body>
+</html>
+<?php }
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/colors.html b/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/colors.html
new file mode 100644
index 00000000..c8fff724
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/colors.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Colors</title>
+<link rel="stylesheet"  href="../../../css/themes/default/">
+<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+
+<body>
+<div data-role="page">
+	<div data-role="header"><h1>Colors</h1></div>
+	<div data-role="content">
+		<p>Fresh colors from the magic rainbow.</p>
+		<ul data-role="listview" data-inset="true">
+			<li>Blue</li>
+			<li>Green</li>
+			<li>Orange</li>
+			<li>Purple</li>
+			<li>Red</li>
+			<li>Yellow</li>
+			<li>Violet</li>
+		</ul>
+	</div>
+</div>
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/index.html b/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/index.html
new file mode 100644
index 00000000..4120c2cc
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Dynamic Page Samples</title>
+<link rel="stylesheet"  href="../../../css/themes/default/">
+<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+
+<body>
+<div data-role="page">
+  <div data-role="header"><h1>Categories</h1></div>
+  <div data-role="content">
+  	<h2>Select a Category Below:</h2>
+  	<ul data-role="listview" data-inset="true">
+    	<li><a href="sample-reuse-page.html" rel="external">Re-using a Page with In-Memory Data</a></li>
+    	<li><a href="sample-reuse-page-external.html" rel="external">Re-using a Page With External Data</a></li>
+    </ul>
+  </div>
+</div>
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/sample-reuse-page-external.html b/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/sample-reuse-page-external.html
new file mode 100644
index 00000000..18bf1644
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/sample-reuse-page-external.html
@@ -0,0 +1,121 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>changePage JSON Sample</title>
+<link rel="stylesheet"  href="../../../css/themes/default/">
+<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+<script type="text/javascript">
+
+// Load the JSON data for a specific category, based on
+// the URL passed in. Generate markup for the items in the
+// category, inject it into an embedded page, and then make
+// that page the current active page.
+function showCategory( url, options )
+{
+	$.getJSON( url, function( category ) {
+		if ( category ) {
+			// Get the page we are going to dump our content into.
+			var $page = $( "#category-items" ),
+	
+				// Get the header for the page.
+				$header = $page.children( ":jqmData(role=header)" ),
+	
+				// Get the content area element for the page.
+				$content = $page.children( ":jqmData(role=content)" ),
+	
+				// The markup we are going to inject into the content
+				// area of the page.
+				markup = "<p>" + category.description + "</p><ul data-role='listview' data-inset='true'>",
+	
+				// The array of items for this category.
+				cItems = category.items,
+	
+				// The number of items in the category.
+				numItems = cItems.length;
+	
+			// Generate a list item for each item in the category
+			// and add it to our markup.
+			for ( var i = 0; i < numItems; i++ ) {
+				markup += "<li>" + cItems[i].name + "</li>";
+			}
+			markup += "</ul>";
+	
+			// Find the h1 element in our header and inject the name of
+			// the category into it.
+			$header.find( "h1" ).html( category.name );
+	
+			// Inject the category items markup into the content element.
+			$content.html( markup );
+	
+			// Pages are lazily enhanced. We call page() on the page
+			// element to make sure it is always enhanced before we
+			// attempt to enhance the listview markup we just injected.
+			// Subsequent calls to page() are ignored since a page/widget
+			// can only be enhanced once.
+			$page.page();
+	
+			// Enhance the listview we just injected.
+			$content.find( ":jqmData(role=listview)" ).listview();
+	
+			// We don't want the data-url of the page we just modified
+			// to be the url that shows up in the browser's location field,
+			// so set the dataUrl option to the URL for the category
+			// we just loaded.
+			options.dataUrl = url;
+	
+			// Now call changePage() and tell it to switch to
+			// the page we just modified.
+			$.mobile.changePage( $page, options );
+		}
+	});
+}
+
+ 
+// Listen for any attempts to call changePage().
+$(document).bind( "pagebeforechange", function( e, data ) {
+	// We only want to handle changePage() calls where the caller is
+	// asking us to load a page by URL.
+	if ( typeof data.toPage === "string" ) {
+		// We are being asked to load a page by URL, but we only
+		// want to handle URLs that request the data for a specific
+		// category.
+		var u = $.mobile.path.parseUrl( data.toPage );
+		if ( u.pathname.search("category.php") !== -1 ) {
+			// We're being asked to display the items for a specific category.
+			// Call our internal method that builds the content for the category
+			// on the fly based on our in-memory category data structure.
+			showCategory( u.href, data.options );
+
+			// Make sure to tell changePage() we've handled this call so it doesn't
+			// have to do anything.
+			e.preventDefault();
+		}
+	}
+});
+
+</script>
+</head>
+
+<body>
+<div data-role="page">
+  <div data-role="header"><h1>Categories</h1></div>
+  <div data-role="content">
+  	<h2>Select a Category Below:</h2>
+  	<ul data-role="listview" data-inset="true">
+    	<li><a href="category.php?id=animals">Animals</a></li>
+    	<li><a href="category.php?id=colors">Colors</a></li>
+    	<li><a href="category.php?id=vehicles">Vehicles</a></li>
+    </ul>
+  </div>
+</div>
+<div id="category-items" data-role="page" data-add-back-btn="true">
+  <div data-role="header"><h1></h1></div>
+  <div data-role="content"></div>
+</div>
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/sample-reuse-page.html b/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/sample-reuse-page.html
new file mode 100644
index 00000000..202bffd1
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/sample-reuse-page.html
@@ -0,0 +1,197 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>changePage JSON Sample</title>
+<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
+<script src="../../../js/jquery.js"></script>
+<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+<script src="../../../js/"></script>
+<script>
+
+// Some sample categorized data. This data is in-memory
+// for demonstration purposes, but could be loaded dynamically
+// via ajax.
+var categoryData = {
+	animals: {
+		name: "Animals",
+		description: "All your favorites from aardvarks to zebras.",
+		items: [
+			{
+				name: "Pets"
+			},
+			{
+				name: "Farm Animals"
+			},
+			{
+				name: "Wild Animals"
+			}
+		]
+	},
+	colors: {
+		name: "Colors",
+		description: "Fresh colors from the magic rainbow.",
+		items: [
+			{
+				name: "Blue"
+			},
+			{
+				name: "Green"
+			},
+			{
+				name: "Orange"
+			},
+			{
+				name: "Purple"
+			},
+			{
+				name: "Red"
+			},
+			{
+				name: "Yellow"
+			},
+			{
+				name: "Violet"
+			}
+		]
+	},
+	vehicles: {
+		name: "Vehicles",
+		description: "Everything from cars to planes.",
+		items: [
+			{
+				name: "Cars"
+			},
+			{
+				name: "Planes"
+			},
+			{
+				name: "Construction"
+			}
+		]
+	}
+};
+
+// Load the data for a specific category, based on
+// the URL passed in. Generate markup for the items in the
+// category, inject it into an embedded page, and then make
+// that page the current active page.
+function showCategory( urlObj, options )
+{
+	var categoryName = urlObj.hash.replace( /.*category=/, "" ),
+
+		// Get the object that represents the category we
+		// are interested in. Note, that at this point we could
+		// instead fire off an ajax request to fetch the data, but
+		// for the purposes of this sample, it's already in memory.
+		category = categoryData[ categoryName ],
+
+		// The pages we use to display our content are already in
+		// the DOM. The id of the page we are going to write our
+		// content into is specified in the hash before the '?'.
+		pageSelector = urlObj.hash.replace( /\?.*$/, "" );
+
+	if ( category ) {
+		// Get the page we are going to dump our content into.
+		var $page = $( pageSelector ),
+
+			// Get the header for the page.
+			$header = $page.children( ":jqmData(role=header)" ),
+
+			// Get the content area element for the page.
+			$content = $page.children( ":jqmData(role=content)" ),
+
+			// The markup we are going to inject into the content
+			// area of the page.
+			markup = "<p>" + category.description + "</p><ul data-role='listview' data-inset='true'>",
+
+			// The array of items for this category.
+			cItems = category.items,
+
+			// The number of items in the category.
+			numItems = cItems.length;
+
+		// Generate a list item for each item in the category
+		// and add it to our markup.
+		for ( var i = 0; i < numItems; i++ ) {
+			markup += "<li>" + cItems[i].name + "</li>";
+		}
+		markup += "</ul>";
+
+		// Find the h1 element in our header and inject the name of
+		// the category into it.
+		$header.find( "h1" ).html( category.name );
+
+		// Inject the category items markup into the content element.
+		$content.html( markup );
+
+		// Pages are lazily enhanced. We call page() on the page
+		// element to make sure it is always enhanced before we
+		// attempt to enhance the listview markup we just injected.
+		// Subsequent calls to page() are ignored since a page/widget
+		// can only be enhanced once.
+		$page.page();
+
+		// Enhance the listview we just injected.
+		$content.find( ":jqmData(role=listview)" ).listview();
+
+		// We don't want the data-url of the page we just modified
+		// to be the url that shows up in the browser's location field,
+		// so set the dataUrl option to the URL for the category
+		// we just loaded.
+		options.dataUrl = urlObj.href;
+
+		// Now call changePage() and tell it to switch to
+		// the page we just modified.
+		$.mobile.changePage( $page, options );
+	}
+}
+
+
+// Listen for any attempts to call changePage().
+$(document).bind( "pagebeforechange", function( e, data ) {
+	// We only want to handle changePage() calls where the caller is
+	// asking us to load a page by URL.
+	if ( typeof data.toPage === "string" ) {
+		// We are being asked to load a page by URL, but we only
+		// want to handle URLs that request the data for a specific
+		// category.
+		var u = $.mobile.path.parseUrl( data.toPage ),
+			re = /^#category-item/;
+		if ( u.hash.search(re) !== -1 ) {
+			// We're being asked to display the items for a specific category.
+			// Call our internal method that builds the content for the category
+			// on the fly based on our in-memory category data structure.
+			showCategory( u, data.options );
+
+			// Make sure to tell changePage() we've handled this call so it doesn't
+			// have to do anything.
+			e.preventDefault();
+		}
+	}
+});
+
+
+</script>
+</head>
+
+<body>
+<div id="home" data-role="page">
+  <div data-role="header"><h1>Categories</h1></div>
+  <div data-role="content">
+  	<h2>Select a Category Below:</h2>
+  	<ul data-role="listview" data-inset="true">
+    	<li><a href="#category-items?category=animals">Animals</a></li>
+    	<li><a href="#category-items?category=colors">Colors</a></li>
+    	<li><a href="#category-items?category=vehicles">Vehicles</a></li>
+    </ul>
+  </div>
+
+</div>
+<div id="category-items" data-role="page">
+  <div data-role="header"><h1></h1></div>
+  <div data-role="content"></div>
+</div>
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/vehicles.html b/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/vehicles.html
new file mode 100644
index 00000000..cd1824e3
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/dynamic-samples/vehicles.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Vehicles</title>
+<link rel="stylesheet"  href="../../../css/themes/default/">
+<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head>
+
+<body>
+<div data-role="page">
+	<div data-role="header"><h1>Vehicles</h1></div>
+	<div data-role="content">
+		<p>Everything from cars to planes.</p>
+		<ul data-role="listview" data-inset="true">
+			<li>Cars</li>
+			<li>Planes</li>
+			<li>Destruction</li>
+		</ul>
+	</div>
+</div>
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/index.html b/libs/js/jquery-mobile-1.1.0/docs/pages/index.html
new file mode 100644
index 00000000..39c28912
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/index.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Pages</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-index">
+
+		<div data-role="header" data-theme="f">
+		<h1>Pages</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+
+				<p>jQuery Mobile includes automatic AJAX page loading of external pages with back button history support, a set of animated page transitions and simple tools for displaying pages as dialogs.</p>
+
+			
+		<ul data-role="listview" data-inset="true">
+								<li><a href="page-anatomy.html">Anatomy of a page</a></li>
+								<li><a href="page-template.html" data-ajax="false">Single page template</a></li>
+								<li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
+								<li><a href="page-titles.html">Page titles</a></li>
+								<li><a href="page-links.html">Linking pages</a></li>
+								<li><a href="page-transitions.html">Page transitions</a></li>
+								<li><a href="page-dialogs.html">Dialogs</a></li>
+								<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
+								<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
+								<li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
+								<li><a href="page-scripting.html">Scripting pages</a></li>
+								<li><a href="phonegap.html">PhoneGap apps</a></li>
+								<li><a href="touchoverflow.html">touchOverflow feature</a></li>
+								<li><a href="pages-themes.html">Theming pages</a></li>
+		</ul>
+
+
+		</div><!-- /ui-body wrapper -->	
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/multipage-template.html b/libs/js/jquery-mobile-1.1.0/docs/pages/multipage-template.html
new file mode 100755
index 00000000..acd96439
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/multipage-template.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html> 
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>Multi-page template</title> 
+	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
+	<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
+	<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
+</head> 
+
+	
+<body> 
+
+<!-- Start of first page: #one -->
+<div data-role="page" id="one">
+
+	<div data-role="header">
+		<h1>Multi-page</h1>
+	</div><!-- /header -->
+
+	<div data-role="content" >	
+		<h2>One</h2>
+		
+		<p>I have an id of "one" on my page container. I'm first in the source order so I'm shown when the page loads.</p>	
+		
+		<p>This is a multi-page boilerplate template that you can copy to build your first jQuery Mobile page. This template contains multiple "page" containers inside, unlike a <a href="page-template.html"> single page template</a> that has just one page within it.</p>	
+		<p>Just view the source and copy the code to get started. All the CSS and JS is linked to the jQuery CDN versions so this is super easy to set up. Remember to include a meta viewport tag in the head to set the zoom level.</p>
+		<p>You link to internal pages by referring to the ID of the page you want to show. For example, to <a href="#two" >link</a> to the page with an ID of "two", my link would have a <code>href="#two"</code> in the code.</p>	
+
+		<h3>Show internal pages:</h3>
+		<p><a href="#two" data-role="button">Show page "two"</a></p>	
+		<p><a href="#popup"data-role="button" data-rel="dialog" data-transition="pop">Show page "popup" (as a dialog)</a></p>
+	</div><!-- /content -->
+	
+	<div data-role="footer" data-theme="d">
+		<h4>Page Footer</h4>
+	</div><!-- /footer -->
+</div><!-- /page one -->
+
+
+<!-- Start of second page: #two -->
+<div data-role="page" id="two" data-theme="a">
+
+	<div data-role="header">
+		<h1>Two</h1>
+	</div><!-- /header -->
+
+	<div data-role="content" data-theme="a">	
+		<h2>Two</h2>
+		<p>I have an id of "two" on my page container. I'm the second page container in this multi-page template.</p>	
+		<p>Notice that the theme is different for this page because we've added a few <code>data-theme</code> swatch assigments here to show off how flexible it is. You can add any content or widget to these pages, but we're keeping these simple.</p>	
+		<p><a href="#one" data-direction="reverse" data-role="button" data-theme="b">Back to page "one"</a></p>	
+		
+	</div><!-- /content -->
+	
+	<div data-role="footer">
+		<h4>Page Footer</h4>
+	</div><!-- /footer -->
+</div><!-- /page two -->
+
+
+<!-- Start of third page: #popup -->
+<div data-role="page" id="popup">
+
+	<div data-role="header" data-theme="e">
+		<h1>Dialog</h1>
+	</div><!-- /header -->
+
+	<div data-role="content" data-theme="d">	
+		<h2>Popup</h2>
+		<p>I have an id of "popup" on my page container and only look like a dialog because the link to me had a <code>data-rel="dialog"</code> attribute which gives me this inset look and a <code>data-transition="pop"</code> attribute to change the transition to pop. Without this, I'd be styled as a normal page.</p>		
+		<p><a href="#one" data-rel="back" data-role="button" data-inline="true" data-icon="back">Back to page "one"</a></p>	
+	</div><!-- /content -->
+	
+	<div data-role="footer">
+		<h4>Page Footer</h4>
+	</div><!-- /footer -->
+</div><!-- /page popup -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/page-anatomy.html b/libs/js/jquery-mobile-1.1.0/docs/pages/page-anatomy.html
new file mode 100644
index 00000000..7ca9e95a
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/page-anatomy.html
@@ -0,0 +1,225 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Anatomy of a Page</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Anatomy of a Page</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">		
+			<p>The jQuery Mobile "page" structure is optimized to support either single pages, or local internal linked "pages" within a page.</p> 
+			
+			<p>The goal of this model is to allow developers to create websites using best practices &mdash; where ordinary links will "just work" without any special configuration &mdash; while creating a rich, native-like experience that can't be achieved with standard HTTP requests.</p> 
+
+			<h2>Mobile page structure</h2> 
+
+			<p>A jQuery Mobile site must start with an HTML5 'doctype' to take full advantage of all of the framework's features. (Older devices with browsers that don't understand HTML5 will safely ignore the 'doctype' and various custom attributes.) </p>
+			<p>In the 'head', references to jQuery, jQuery Mobile and the mobile theme CSS are all required to start things off. jQuery Mobile 1.1 works with both 1.6.4 and 1.7.1 versions of jQuery core. We recommend linking to the files hosted on the jQuery CDN for best performance: </p>
+
+<pre><code>
+<strong>&lt;!DOCTYPE html&gt; </strong>
+&lt;html&gt; 
+	&lt;head&gt; 
+	&lt;title&gt;Page Title&lt;/title&gt; 
+	
+	&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt; 
+
+	&lt;link rel=&quot;stylesheet&quot; href=&quot;http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css&quot; /&gt;
+	&lt;script src=&quot;http://code.jquery.com/jquery-1.7.1.min.js&quot;&gt;&lt;/script&gt;
+	&lt;script src=&quot;http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js&quot;&gt;&lt;/script&gt;
+&lt;/head&gt; 
+
+&lt;body&gt; 
+...content goes here...
+&lt;/body&gt;
+&lt;/html&gt;
+</code></pre>
+			
+			<h2>Viewport meta tag</h2>
+			<p>Note above that there is a meta <code>viewport</code> tag in the <code>head</code> to specify how the browser should display the page zoom level and dimensions. If this isn't set, many mobile browsers will use a "virtual" page width around 900 pixels to make it work well with existing desktop sites but the screens may look zoomed out and too wide. By setting the viewport attributes to <code>content=&quot;width=device-width, initial-scale=1&quot;</code>, the width will be set to the pixel width of the device screen. </p>
+			
+			<pre><code>&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt; </code></pre>
+			
+			<p>These settings do not disable the user's ability to zoom the pages, which is nice from an accessibility perspective. There is a minor issue in iOS that doesn't properly set the width when changing orientations with these viewport settings, but this will hopefully be fixed in a future release. You can set other viewport values to disable zooming if required since this is part of your page content, not the library. </p>
+			
+			<h2>Inside the body: Pages</h2>
+			<p>Inside the <code>&lt;body&gt;</code> tag, each view or "page" on the mobile device is identified with an element (usually a <code>div</code>) with the <code> data-role="page"</code> attribute. View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to pages.</p> 
+
+<div class="highlight"> 
+<pre><span class="nt">&lt;div</span> <span class="na">data-role=</span><span class="s">"page"</span><span class="nt">&gt;</span> 
+	...
+<span class="nt">&lt;/div&gt;</span> 
+</pre> 
+</div> 
+
+			<p>Within the "page" container, any valid HTML markup can be used, but for typical pages in jQuery Mobile, the immediate children of a "page" are divs with data-roles of <code>"header"</code>, <code>"content"</code>, and <code>"footer"</code>.</p> 
+
+<div class="highlight"> 
+<pre><span class="nt">&lt;div</span> <span class="na">data-role=</span><span class="s">"page"</span><span class="nt">&gt;</span> 
+	<span class="nt">&lt;div</span> <span class="na">data-role=</span><span class="s">"header"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/div&gt;</span> 
+	<span class="nt">&lt;div</span> <span class="na">data-role=</span><span class="s">"content"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/div&gt;</span> 
+	<span class="nt">&lt;div</span> <span class="na">data-role=</span><span class="s">"footer"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/div&gt;</span> 
+<span class="nt">&lt;/div&gt;</span> 
+</pre> 
+</div> 
+
+
+<h2>Putting it together: Basic single page template</h2> 
+
+<p>Putting it all together, this is the standard boilerplate page template you should start with on a project: </p>
+
+<pre><code>
+&lt;!DOCTYPE html&gt; 
+&lt;html&gt; 
+	&lt;head&gt; 
+	&lt;title&gt;Page Title&lt;/title&gt; 
+	
+	&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt; 
+
+	&lt;link rel=&quot;stylesheet&quot; href=&quot;http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css&quot; /&gt;
+	&lt;script src=&quot;http://code.jquery.com/jquery-1.7.1.min.js&quot;&gt;&lt;/script&gt;
+	&lt;script src=&quot;http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js&quot;&gt;&lt;/script&gt;
+&lt;/head&gt; 
+&lt;body&gt; 
+
+&lt;div data-role=&quot;page&quot;&gt;
+
+	&lt;div data-role=&quot;header&quot;&gt;
+		&lt;h1&gt;Page Title&lt;/h1&gt;
+	&lt;/div&gt;&lt;!-- /header --&gt;
+
+	&lt;div data-role=&quot;content&quot;&gt;	
+		&lt;p&gt;Page content goes here.&lt;/p&gt;		
+	&lt;/div&gt;&lt;!-- /content --&gt;
+
+	&lt;div data-role=&quot;footer&quot;&gt;
+		&lt;h4&gt;Page Footer&lt;/h4&gt;
+	&lt;/div&gt;&lt;!-- /footer --&gt;
+&lt;/div&gt;&lt;!-- /page --&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</code></pre>
+
+			<a href="page-template.html" data-inline="true" data-theme="b" data-role="button">View boilerplate template</a>
+
+
+		<h2>Multi-page template structure</h2> 
+		
+			<p>A single HTML document can contain multiple 'pages' that are loaded together by stacking multiple divs with a <code> data-role</code> of <code>"page"</code>. Each 'page' block needs a unique ID (<code>id="foo"</code>) that will be used to link internally between 'pages' (<code>href="#foo"</code>). When a link is clicked, the framework will look for an internal 'page' with the ID and transition it into view.</p> 
+						
+			<p>Here is an example of a 2 "page" site built with two jQuery Mobile divs navigated by linking to an ID placed on each page wrapper. Note that the IDs on the page wrappers are only needed to support the internal page linking, and are optional if each page is a separate HTML document. Here is what two pages look inside the <code>body</code> element.</p> 
+
+<pre><code>
+&lt;body&gt; 
+
+&lt;!-- Start of first page --&gt;
+&lt;div data-role=&quot;page&quot; id=&quot;foo&quot;&gt;
+
+	&lt;div data-role=&quot;header&quot;&gt;
+		&lt;h1&gt;Foo&lt;/h1&gt;
+	&lt;/div&gt;&lt;!-- /header --&gt;
+
+	&lt;div data-role=&quot;content&quot;&gt;	
+		&lt;p&gt;I&#x27;m first in the source order so I&#x27;m shown as the page.&lt;/p&gt;		
+		&lt;p&gt;View internal page called &lt;a href=&quot;#bar&quot;&gt;bar&lt;/a&gt;&lt;/p&gt;	
+	&lt;/div&gt;&lt;!-- /content --&gt;
+
+	&lt;div data-role=&quot;footer&quot;&gt;
+		&lt;h4&gt;Page Footer&lt;/h4&gt;
+	&lt;/div&gt;&lt;!-- /footer --&gt;
+&lt;/div&gt;&lt;!-- /page --&gt;
+
+
+&lt;!-- Start of second page --&gt;
+&lt;div data-role=&quot;page&quot; id=&quot;bar&quot;&gt;
+
+	&lt;div data-role=&quot;header&quot;&gt;
+		&lt;h1&gt;Bar&lt;/h1&gt;
+	&lt;/div&gt;&lt;!-- /header --&gt;
+
+	&lt;div data-role=&quot;content&quot;&gt;	
+		&lt;p&gt;I&#x27;m the second in the source order so I&#x27;m hidden when the page loads. I&#x27;m just shown if a link that references my ID is beeing clicked.&lt;/p&gt;		
+		&lt;p&gt;&lt;a href=&quot;#foo&quot;&gt;Back to foo&lt;/a&gt;&lt;/p&gt;	
+	&lt;/div&gt;&lt;!-- /content --&gt;
+
+	&lt;div data-role=&quot;footer&quot;&gt;
+		&lt;h4&gt;Page Footer&lt;/h4&gt;
+	&lt;/div&gt;&lt;!-- /footer --&gt;
+&lt;/div&gt;&lt;!-- /page --&gt;
+&lt;/body&gt;
+</code></pre>	
+
+		<a href="../../docs/pages/multipage-template.html" data-inline="true" data-theme="b" data-role="button" rel="external">View multi-page template</a>
+
+		<p> </p>
+		
+		<p>PLEASE NOTE: Since we are using the hash to track navigation history for all the Ajax 'pages', it's not currently possible to deep link to an anchor (<code>index.html#foo</code>) on a page in jQuery Mobile, because the framework will look for a 'page' with an <code>ID</code> of <code>#foo</code> instead of the native behavior of scrolling to the content with that <code>ID</code>.</p>
+		
+		
+<h2>Conventions, not requirements</h2>
+
+<p>Although the page structure outlined above is a recommended approach for a standard web app built with jQuery Mobile, the framework is very flexible with document structure. The page, header, content, and footer data-role elements are optional and are mostly helpful for providing some basic formatting and structure. The page wrapper that used to be required for auto-initialization to work is now optional for single page documents, so there isn't any required markup at all. For a web page with a custom layout, all of these structural elements can be omitted and the Ajax navigation and all widgets will work just like they do in the boilerplate structure. Behind the scenes, the framework will inject the page wrapper if it's not included in the markup because it’s needed for managing pages, but the starting markup can now be extremely simple. </p>
+
+<p>Note that in a multi-page setup, you are required to have page wrappers in your markup in order to group the content into multiple pages.</p>
+
+		
+
+
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Pages &amp; Dialogs</li>
+								<li data-theme="a"><a href="page-anatomy.html">Anatomy of a page</a></li>
+								<li><a href="page-template.html" data-ajax="false">Single page template</a></li>
+								<li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
+								<li><a href="page-titles.html">Page titles</a></li>
+								<li><a href="page-links.html">Linking pages</a></li>
+								<li><a href="page-transitions.html">Page transitions</a></li>
+								<li><a href="page-dialogs.html">Dialogs</a></li>
+								<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
+								<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
+								<li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
+								<li><a href="page-scripting.html">Scripting pages</a></li>
+								<li><a href="phonegap.html">PhoneGap apps</a></li>
+								<li><a href="touchoverflow.html">touchOverflow feature</a></li>
+								<li><a href="pages-themes.html">Theming pages</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="c">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/page-cache.html b/libs/js/jquery-mobile-1.1.0/docs/pages/page-cache.html
new file mode 100644
index 00000000..c51107ca
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/page-cache.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Prefetching &amp; caching pages</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Prefetching &amp; caching pages</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">		
+			
+			
+			<h2>Prefetching pages</h2>
+	
+      <p>Usually, it's a good idea to store your app's pages in several single-page templates instead of one large multi-page template. This minimizes the size of the page's DOM.</p>
+
+			<p>When using single-page templates, you can prefetch pages into the DOM so that they're available instantly when the user visits them. To prefetch a page, add the <code>data-prefetch</code> attribute to a link that points to the page. jQuery Mobile then loads the target page in the background after the primary page has loaded and the <code>pagecreate</code> event has triggered. For example:</p>
+			
+<pre><code>
+&lt;a href="prefetchThisPage.html" data-prefetch&gt; ... &lt;/a&gt;
+</code></pre>
+
+      <p>You can prefetch as many linked pages as you like. Just add <code>data-prefetch</code> to all the links you want to prefetch.</p>
+
+		  <p>Alternatively, you can prefetch a page programmatically using <code>$.mobile.loadPage()</code>:</p>
+
+<pre><code>
+$.mobile.loadPage( <var>pageUrl</var>, { showLoadMsg: false } );
+</code></pre>
+			
+			<p>Another advantage of prefetching a page is that the user doesn't see the Ajax loading message when visiting the prefetched page. The Ajax loading message only appears if the framework hasn't finished prefetching the page by the time the link is followed.</p> 
+
+			<p>Prefetching pages naturally creates additional HTTP requests and uses bandwidth, so it's wise to use this feature only in situations where it's highly likely that the prefetched page will be visited. A common scenario is a photo gallery, where you can prefetch the "previous" and "next" photo pages so that the user can move quickly between photos.</p>
+
+
+		<h2>DOM size management</h2>
+
+		<p>For animated page transitions to work, the pages you're transitioning from and to both need to be in the DOM. However, keeping old pages in the DOM quickly fills the browser's memory, and can cause some mobile browsers to slow down or even crash.</p>
+
+		<p>jQuery Mobile therefore has a simple mechanism to keep the DOM tidy. Whenever it loads a page via Ajax, jQuery Mobile flags the page to be removed from the DOM when you navigate away from it later (technically, on the <code>pagehide</code> event). If you revisit a removed page, the browser may be able to retrieve the page's HTML file from its cache. If not, it refetches the file from the server. (In the case of nested list views, jQuery Mobile removes all the pages that make up the nested list once you navigate to a page that's not part of the list.)</p>
+    
+    <p>Pages inside a multi-page template aren't affected by this feature at all - jQuery Mobile only removes pages loaded via Ajax.</p>
+
+
+    <h2>Caching pages in the DOM</h2>
+
+    <p>If you prefer, you can tell jQuery Mobile to keep previously-visited pages in the DOM instead of removing them. This lets you cache pages so that they're available instantly if the user returns to them.</p>
+
+		<p>To keep all previously-visited pages in the DOM, set the <code>domCache</code> option on the page plugin to <code>true</code>, like this:</p>
+
+<pre><code>
+$.mobile.page.prototype.options.domCache = true;
+</code></pre>
+
+		<p>Alternatively, to cache just a particular page, you can add the <code>data-dom-cache="true"</code> attribute to the page's container:</p>
+
+<pre><code>
+&lt;div data-role="page" id="cacheMe" data-dom-cache="true"&gt;
+</code></pre>
+
+		<p>You can also cache a page programmatically like this:</p>
+
+<pre><code>
+<var>pageContainerElement</var>.page({ domCache: true });
+</code></pre>
+
+    <p>The drawback of DOM caching is that the DOM can get very large, resulting in slowdowns and memory issues on some devices. If you enable DOM caching, take care to manage the DOM yourself and test thoroughly on a range of devices.</p>
+
+
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Pages &amp; Dialogs</li>
+								<li><a href="page-anatomy.html">Anatomy of a page</a></li>
+								<li><a href="page-template.html" data-ajax="false">Single page template</a></li>
+								<li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
+								<li><a href="page-titles.html">Page titles</a></li>
+								<li><a href="page-links.html">Linking pages</a></li>
+								<li><a href="page-transitions.html">Page transitions</a></li>
+								<li><a href="page-dialogs.html">Dialogs</a></li>
+								<li data-theme="a"><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
+								<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
+								<li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
+								<li><a href="page-scripting.html">Scripting pages</a></li>
+								<li><a href="phonegap.html">PhoneGap apps</a></li>
+								<li><a href="touchoverflow.html">touchOverflow feature</a></li>
+								<li><a href="pages-themes.html">Theming pages</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="c">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/page-customtransitions.html b/libs/js/jquery-mobile-1.1.0/docs/pages/page-customtransitions.html
new file mode 100644
index 00000000..6e6df977
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/page-customtransitions.html
@@ -0,0 +1,297 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Transitions</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Transitions</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">		
+
+				<h2>Creating custom CSS-based transitions</h2>
+
+
+				<p>To create a custom CSS transition, select a class name that corresponds to the name of your transition, for example "slide", and then define your "in" and "out" CSS rules to take advantage of transitions or animation keyframes:</p>
+
+				<pre><code>
+		.slide.in {
+		 	-webkit-transform: translateX(0);
+			-moz-transform: translateX(0);
+			-webkit-animation-name: slideinfromright;
+			-moz-animation-name: slideinfromright;
+		}
+			
+		.slide.out {
+			-webkit-transform: translateX(-100%);
+			-moz-transform: translateX(-100%);
+			-webkit-animation-name: slideouttoleft;
+			-moz-animation-name: slideouttoleft;
+		}
+
+		@-webkit-keyframes slideinfromright {
+			from { -webkit-transform: translateX(100%); }
+			to { -webkit-transform: translateX(0); }
+		}
+		
+		@-webkit-keyframes slideouttoleft {
+			from { -webkit-transform: translateX(0); }
+			to { -webkit-transform: translateX(-100%); }
+		}
+	
+		@-moz-keyframes slideinfromright {
+			from { -moz-transform: translateX(100%); }
+			to { -moz-transform: translateX(0); }
+		}
+		
+		@-moz-keyframes slideouttoleft {
+			from { -moz-transform: translateX(0); }
+			to { -moz-transform: translateX(-100%); }
+		}
+		
+				</code></pre>
+
+				<p>During a CSS-based page transition, jQuery Mobile will place the class name of the transition on both the "from" and "to" pages involved in the transition. It then places an "out" class on the "from" page, and "in" class on the "to" page. The presence of these classes on the "from" and "to" page elements then triggers the animation CSS rules defined above. As of jQuery Mobile version 1.1, animation class additions are queued, rather than simultaneous, producing an out-then-in sequence, which is friendlier for mobile rendering than our previous simultaneous transition sequence.</p>
+
+				<p>If your transition supports a reverse direction, you need to create CSS rules that use the <code>reverse</code> class in addition to the transition class name and the "in" and "out" classes:</p>
+
+				<pre><code>
+		.slide.in.reverse {
+			-webkit-transform: translateX(0);
+			-moz-transform: translateX(0);
+			-webkit-animation-name: slideinfromleft;
+			-moz-animation-name: slideinfromleft;
+		}
+
+		.slide.out.reverse {
+			-webkit-transform: translateX(100%);
+			-moz-transform: translateX(100%);
+			-webkit-animation-name: slideouttoright;
+			-moz-animation-name: slideouttoright;
+		}
+
+		@-webkit-keyframes slideinfromleft {
+			from { -webkit-transform: translateX(-100%); }
+			to { -webkit-transform: translateX(0); }
+		}
+
+		@-webkit-keyframes slideouttoright {
+			from { -webkit-transform: translateX(0); }
+			to { -webkit-transform: translateX(100%); }
+		}
+		
+		@-moz-keyframes slideinfromleft {
+			from { -moz-transform: translateX(-100%); }
+			to { -moz-transform: translateX(0); }
+		}
+
+		@-moz-keyframes slideouttoright {
+			from { -moz-transform: translateX(0); }
+			to { -moz-transform: translateX(100%); }
+		}
+		
+				</code></pre>
+
+				<p>After the CSS rules are in place, you simply specify the name of your transition within the @data-transition attribute of a navigation link:</p>
+
+				<pre><code>&lt;a href="#page2" data-transition="slide"&gt;Page 2&lt;/a&gt;
+				</code></pre>
+
+				<p>When the user clicks on the navigation link, jQuery Mobile will invoke your transition when it navigates to the page mentioned within the link.</p>
+
+				<p>In case you were wondering why none of the CSS rules above specified any easing or duration, it's because the CSS for jQuery Mobile defines the default easing and duration in the following rules:</p>
+
+				<pre><code>
+		.in {
+			-webkit-animation-timing-function: ease-out;
+			-webkit-animation-duration: 350ms;
+			-moz-animation-timing-function: ease-out;
+			-moz-animation-duration: 350ms;
+		}
+
+		.out {
+			-webkit-animation-timing-function: ease-in;
+			-webkit-animation-duration: 225ms;
+			-moz-animation-timing-function: ease-in;
+			-moz-animation-duration: 225;
+		}
+				</code></pre>
+
+				<p>If you need to specify a different easing or duration, simply add the appropriate CSS3 property to your custom page transition rules.</p>
+				
+				
+		<h2>Creating custom JavaScript-based transitions</h2>
+
+		<p>When a user clicks on a link within a page, jQuery Mobile checks if the link specifies a <code>@data-transition</code> attribute. The value of this attribute is the name of the transition to use when displaying the page referred to by the link. If there is no <code>@data-transition</code> attribute, the transition name specified by the configuration option <code>$.mobile.defaultPageTransition</code> is used for pages, and <code>$.mobile.defaultDialogTransition</code> is used for dialogs.</p>
+
+		<p>After the new page is loaded, the <code>$.mobile.transitionHandlers</code> dictionary is used to see if any transition handler function is registered for the given transition name. If a handler is found, that handler is invoked to start and manage the transition. If no handler is found the handler specified by the configuration option <code>$.mobile.defaultTransitionHandler</code> is invoked.</p>
+
+		<p>By default, the <code>$.mobile.transitionHandlers</code> dictionary is only populated with a single handler entry called "default". This handler plays a dual purpose of either executing a "none" transition, which removes the <code>"ui-page-active"</code> class from the page we are transitioning "from", and places it on the page we are transitioning "to", or a Queued CSS3 Animated Transition, such as the one explained above. If the transition is "none", it will be instantaneous; no animation, no fanfare.</p>
+
+		<p>The <code>$.mobile.defaultTransitionHandler</code> points to a handler function that assumes the name is a CSS class name, and implements the "Pure CSS3 Based Transitions" section above.</p>
+
+		<p>The default transition handler is available on the $.mobile namespace:</p>
+
+		<pre><code>
+$.mobile.transitionHandlers[ "default" ];
+		</code></pre>
+
+		<h3>Transition Handlers</h3>
+
+		<p>A transition handler is a function with the following call signature:</p>
+
+		<pre><code>
+function myTransitionHandler(name, reverse, $to, $from)
+{
+    var deferred = new $.Deferred();
+
+    // Perform any actions or set-up necessary to kick-off
+    // your transition here. The only requirement is that
+    // whenever the transition completes, your code calls
+    // deferred.resolve(name, reverse, $to, $from).
+
+    // Return a promise.
+    return deferred.promise();
+}
+		</code></pre>
+
+		<p>Your handler must create a Deferred object and return a promise to the caller. The promise is used to communicate to the caller when your transition is actually complete. It is up to you to call <code>deferred.resolve()</code> at the correct time. If you are new to Deferred objects, you can find documentation <a href="http://api.jquery.com/category/deferred-object/" rel="nofollow">here</a>.</p>
+
+		<h3>Registering and Invoking Your Transition Handler</h3>
+
+		<p>Once you have created a transition handler function, you need to tell jQuery Mobile about it. To do this, simply add your handler to the <code>$.mobile.transitionHandlers</code> dictionary. Remember, the key used should be the name of your transition. This name is also the same name that will be used within the <code>@data-transition</code> attribute of any navigation links.</p>
+
+		<pre><code>
+// Define your transition handler:
+
+function myTransitionHandler(name, reverse, $to, $from)
+{
+    var deferred = new $.Deferred();
+
+    // Perform any actions or set-up necessary to kick-off
+    // your transition here. The only requirement is that
+    // whenever the transition completes, your code calls
+    // deferred.resolve(name, reverse, $to, $from).
+
+    // Return a promise.
+    return deferred.promise();
+}
+
+// Register it with jQuery Mobile:
+
+$.mobile.transitionHandlers["myTransition"] = myTransitionHandler;
+		</code></pre>
+
+		<p>Once you've registered your handler, you can invoke your transition by placing a <code>data-transition</code> attribute on a link:</p>
+
+		<pre><code>&lt;a href="#page2" data-transition="myTransition"&gt;Page 2&lt;/a&gt;
+		</code></pre>
+
+		<p>When the user clicks the link above, your transition handler will be invoked after the page is loaded and it is ready to be shown.</p>
+
+		<h3>Overriding a CSS Transition With Your Own Handler</h3>
+
+		<p>As previously mentioned the default transition handler assumes that any transition name other than "none" is a CSS class to be placed on the "from" and "to" elements to kick off a CSS3 animation. If you would like to override one of these built-in CSS transitions, you simply register your own handler with the same name as the CSS page transition you want to override. So for example, if I wanted to override the built-in "slide" CSS transition with my own JavaScript based transition, I would simply do the following:</p>
+
+		<pre><code>// Define your transition handler:
+
+function myTransitionHandler(name, reverse, $to, $from)
+{
+    var deferred = new $.Deferred();
+
+    // Perform any actions or set-up necessary to kick-off
+    // your transition here. The only requirement is that
+    // whenever the transition completes, your code calls
+    // deferred.resolve(name, reverse, $to, $from).
+
+    // Return a promise.
+    return deferred.promise();
+}
+
+// Register it with jQuery Mobile:
+
+$.mobile.transitionHandlers["slide"] = myTransitionHandler;
+		</code></pre>
+
+		<p>Once you do this, anytime the "slide" transition is invoked, your handler, instead of the default one, will be called to perform the transition.</p>
+
+		<h3>Overriding the Default Transition Handler</h3>
+
+		<p>The <code>$.mobile.css3TransitionHandler</code> function is the default transition handler that gets invoked when a transition name is used and not found in the <code>$.mobile.transitionHandlers</code> dictionary. If you want to install your own custom default handler, you simply set the <code>$.mobile.defaultTransitionHandler</code> to your handler:</p>
+
+		<pre><code>// Define your default transition handler:
+
+function myTransitionHandler(name, reverse, $to, $from)
+{
+    var deferred = new $.Deferred();
+
+    // Perform any actions or set-up necessary to kick-off
+    // your transition here. The only requirement is that
+    // whenever the transition completes, your code calls
+    // deferred.resolve(name, reverse, $to, $from).
+
+    // Return a promise.
+    return deferred.promise();
+}
+
+$.mobile.defaultTransitionHandler = myTransitionHandler;
+		</code></pre>
+
+		<p>Once you do this, your handler will be invoked any time a transition name is used but not found within the <code>$.mobile.transitionHandlers</code> dictionary.</p>
+		
+		<h2>A model for Custom transition handler development</h2>
+		<p>Transition handlers involve a number of critical operations, such as hiding any existing page, showing the new page, scrolling either to the top or a remembered scroll position on that new page, setting focus on the new page, and any animation and timing sequences you'd like to add. During development, we would recommend using <code>jquery.mobile.transitions.js</code> as a coding reference.</p>
+			
+		<h2>Transitions and scroll position</h2>
+		<p>One of the key things jQuery Mobile does is store your scroll position before starting a transition so it can restore you to the same place once you return to the page when hitting the Back button or closing a dialog. Here are the same buttons from the top to test the scrolling logic.</p>
+		
+	
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+						<li data-role="list-divider">Pages &amp; Dialogs</li>
+						<li><a href="page-anatomy.html">Anatomy of a page</a></li>
+						<li><a href="page-template.html" data-ajax="false">Single page template</a></li>
+						<li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
+						<li><a href="page-titles.html">Page titles</a></li>
+						<li><a href="page-links.html">Linking pages</a></li>
+						<li><a href="page-transitions.html">Page transitions</a></li>
+						<li><a href="page-dialogs.html">Dialogs</a></li>
+						<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
+						<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
+						<li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
+						<li><a href="page-scripting.html">Scripting pages</a></li>
+						<li><a href="phonegap.html">PhoneGap apps</a></li>
+						<li><a href="touchoverflow.html">touchOverflow feature</a></li>
+						<li><a href="pages-themes.html">Theming pages</a></li>
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+	
+</body>
+</html>
+
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/page-dialogs.html b/libs/js/jquery-mobile-1.1.0/docs/pages/page-dialogs.html
new file mode 100644
index 00000000..bf9b8ad1
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/page-dialogs.html
@@ -0,0 +1,129 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Dialogs</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Dialogs</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content" class="ui-body">
+			<div class="content-primary">
+			<h2>Creating dialogs</h2>
+			<p>Any page can be presented as a modal dialog by adding the <code>data-rel="dialog"</code> attribute to the page anchor link. When the "dialog" attribute is applied, the framework adds styles to add rounded corners, margins around the page and a dark background to make the "dialog" appear to be suspended above the page.</p>
+
+			<p>
+			<code>
+			&lt;a href=&quot;foo.html&quot; data-rel=&quot;dialog&quot;&gt;Open dialog&lt;/a&gt;
+			</code>
+			</p>
+			
+			<a href="dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">Open dialog</a>
+			
+
+			
+			<h2>Transitions</h2>
+			<p>By default, the dialog will open with a 'pop' transition.  Like all pages, you can specify any page transition you want on the dialog by adding the <code>data-transition</code> attribute to the link. To make it feel more dialog-like, we recommend specifying a transition of "pop", "slideup" or "flip".</p>
+			
+<code>
+&lt;a href=&quot;foo.html&quot; data-rel=&quot;dialog&quot; data-transition=&quot;pop&quot;&gt;Open dialog&lt;/a&gt;
+</code>
+			
+			<div>
+			<a href="dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">data-transition="pop"</a>
+			<a href="dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="slidedown">data-transition="slidedown"</a>
+			<a href="dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="flip">data-transition="flip"</a>
+			</div>
+	
+	
+			<h2>Closing dialogs</h2>
+			<p>When any link is clicked within in a dialog, the framework will automatically close the dialog and transition to the requested page, just as if the dialog were a normal page. To create a "cancel" button in a dialog, just link to the page that triggered the dialog to open and add the <code>data-rel="back"</code> attribute to your link. This pattern of linking to the previous page is also usable in non-JS devices as well.</p>
+			<p>For JavaScript-generated links, you can simply set the href attribute to "#" and use the <code>data-rel="back"</code> attribute. You can also call the dialog's <code>close()</code> method to programmatically close dialogs, for example: <code>$('.ui-dialog').dialog('close')</code>. </p>
+			
+			<h3>Setting the close button text</h3>
+			<p>Just like the page plugin, you can set a dialog's close button text through an option or data attribute. The option can be configured for all dialogs by binding to the <code>mobileinit</code> event and setting the <code>$.mobile.dialog.prototype.options.closeBtnText</code> property to a string of your choosing, or you can place the data attribute <code>data-close-btn-text</code> to configure the text from your markup.</p>
+			
+			<h2>History &amp; Back button behavior</h2>
+			<p>Since dialogs are typically used to support actions within a page, the framework does not include dialogs in the hash state history tracking. This means that dialogs will not appear in your browsing history chronology when the Back button is clicked. For example, if you are on a page, click a link to open a dialog, close the dialog, then navigate to another page, if you were to click the browser's Back button at that point you will navigate back to the first page, not the dialog.</p>
+			
+			<h2>Styling &amp; theming</h2>
+			<p>Dialogs can be styled with different theme swatches, just like any page by adding <code>data-theme</code> attributes to the header, content, or footer containers. Here is an example of a different dialog design:</p>
+				<a href="dialog-alt.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">An alternate color scheme</a>
+				
+			<p>Dialogs appear to be floating above an overlay layer. This overlay adopts the swatch A content color by default, but the <code>data-overlay-theme</code> attribute can be added to the page wrapper to set the overlay to any swatch letter. Here is an example of a dialog with the overlay set to swatch e:</p>
+				<a href="dialog-overlay.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">Custom overlay swatch</a>
+		
+		
+			<p>Dialogs can also be used more like a control sheet to offer multiple buttons if you simply remove the top margin from the dialog's inner container element. For example, if your dialog page had a class of <code>my-dialog</code>, you could add this CSS to pin that dialog to the top: <code>.ui-dialog.my-dialog .ui-dialog-contain { margin-top: 0 }</code>, or you could just apply that style to all dialogs with <code>.ui-dialog .ui-dialog-contain { margin-top: 0 }</code>.</p>
+						<a href="dialog-buttons.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="slidedown">Share photos...</a>
+			
+			<h2>Dialog width and margins</h2>
+			<p>For the sake of readability, dialogs have a default <code>max-width</code> of 500 pixels (plus 15px padding on each side). There is also a 10% top <code>margin</code> to give dialogs larger top margin on larger screens, but collapse to a small margin on smartphones. To override these styles, add the following CSS override rule to your stylesheet and tweak as needed:</p>
+
+<code><pre>
+.ui-dialog .ui-header, 
+.ui-dialog .ui-content, 
+.ui-dialog .ui-footer { 
+<strong>	max-width: 500px; 
+	margin: 10% auto 15px auto; </strong>
+}
+</pre></code>
+
+			
+
+
+			
+	</div><!--/content-primary -->		
+
+	<div class="content-secondary">
+
+		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+				<h3>More in this section</h3>
+
+				<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Pages &amp; Dialogs</li>
+								<li><a href="page-anatomy.html">Anatomy of a page</a></li>
+								<li><a href="page-template.html" data-ajax="false">Single page template</a></li>
+								<li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
+								<li><a href="page-titles.html">Page titles</a></li>
+								<li><a href="page-links.html">Linking pages</a></li>
+								<li><a href="page-transitions.html">Page transitions</a></li>
+								<li data-theme="a"><a href="page-dialogs.html">Dialogs</a></li>
+								<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
+								<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
+								<li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
+								<li><a href="page-scripting.html">Scripting pages</a></li>
+								<li><a href="phonegap.html">PhoneGap apps</a></li>
+								<li><a href="touchoverflow.html">touchOverflow feature</a></li>
+								<li><a href="pages-themes.html">Theming pages</a></li>
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011-12 The jQuery Foundation</p>
+</div>
+
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/page-dynamic.html b/libs/js/jquery-mobile-1.1.0/docs/pages/page-dynamic.html
new file mode 100644
index 00000000..deac20a6
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/page-dynamic.html
@@ -0,0 +1,300 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Dynamically Injecting Pages</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Dynamically Injecting Pages</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+			<h2>jQuery Mobile and Dynamic Page Generation</h2>
+			<p>jQuery Mobile allows pages to be pulled into the DOM dynamically via its default click hijacking behavior, or through manual calls to <code>$.mobile.changePage()</code>. This is great for applications that generate HTML pages/fragments on the server-side, but there are sometimes cases where an application needs to dynamically generate page content on the client-side from JSON or some other format. This may be necessary for bandwidth/performance reasons, or because it is the data format of choice for the server they are interacting with.</p>
+			<p>For applications that need to generate page markup on the client-side, it's important to know about the notifications that are triggered during a <code>$.mobile.changePage()</code> call because they can be used as hooks into the navigation system that will allow you to generate your content at the appropriate time.</p>
+			<p>A call to <code>changePage()</code> will usually trigger the following event notifications:</p>
+			<ul>
+			  <li><code>pagebeforechange</code>
+			    <ul>
+			      <li>Fired off before any page loading or transition.</li>
+			      <li>NOTE: This event was formerly known as &quot;beforechangepage&quot;.</li>
+		        </ul>
+			  </li>
+			  <li><code>pagechange</code>
+			    <ul>
+			      <li>Fired off after all page loading and transitions.</li>
+			      <li>NOTE: this event was formerly known as &quot;changepage&quot;.</li>
+		        </ul>
+			  </li>
+			  <li><code>pagechangefailed</code>
+			    <ul>
+			      <li>Fired off if an error has occurred while attempting to dynamically load a new page.		          </li>
+		        </ul>
+			  </li>
+		  </ul>
+			<p>These notifications are triggered on  the parent container element (<code>$.mobile.pageContainer</code>) of pages, and will bubble all the way up to the document element and window.</p>
+<p>For applications wishing to inject pages, or radically modify the content of an existing page, based on some non-HTML data, such as JSON or in-memory JS object, the <code>pagebeforechange</code> event is very useful since it gives you a hook for analyzing the URL or page element the application is being asked to load or switch to, and short-circuit the default <code>changePage()</code> behavior by simply calling <code>preventDefault()</code> on the <code>pagebeforechange</code> event.</p>
+<p>To illustrate this technique, take a look at this <a href="dynamic-samples/sample-reuse-page.html" rel="external">working sample</a>. In this sample, the main page starts off with a list of categories that the user can navigate into. The actual items in each category are stored in a JavaScript object in memory, for illustrative purposes, but the data can really come from anywhere.</p>
+<pre><code>
+var categoryData = {
+	animals: {
+		name: &quot;Animals&quot;,
+		description: &quot;All your favorites from aardvarks to zebras.&quot;,
+		items: [
+			{
+				name: &quot;Pets&quot;
+			},
+			{
+				name: &quot;Farm Animals&quot;
+			},
+			{
+				name: &quot;Wild Animals&quot;
+			}
+		]
+	},
+	colors: {
+		name: &quot;Colors&quot;,
+		description: &quot;Fresh colors from the magic rainbow.&quot;,
+		items: [
+			{
+				name: &quot;Blue&quot;
+			},
+			{
+				name: &quot;Green&quot;
+			},
+			{
+				name: &quot;Orange&quot;
+			},
+			{
+				name: &quot;Purple&quot;
+			},
+			{
+				name: &quot;Red&quot;
+			},
+			{
+				name: &quot;Yellow&quot;
+			},
+			{
+				name: &quot;Violet&quot;
+			}
+		]
+	},
+	vehicles: {
+		name: &quot;Vehicles&quot;,
+		description: &quot;Everything from cars to planes.&quot;,
+		items: [
+			{
+				name: &quot;Cars&quot;
+			},
+			{
+				name: &quot;Planes&quot;
+			},
+			{
+				name: &quot;Construction&quot;
+			}
+		]
+	}
+};
+</code></pre>
+<p>The application uses links with urls that contain a hash that tells the application what category items to display:</p>
+<pre>
+<code>
+  	&lt;h2&gt;Select a Category Below:&lt;/h2&gt;
+  	&lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot;&gt;
+    	&lt;li&gt;&lt;a href=&quot;#category-items?category=animals&quot;&gt;Animals&lt;/a&gt;&lt;/li&gt;
+    	&lt;li&gt;&lt;a href=&quot;#category-items?category=colors&quot;&gt;Colors&lt;/a&gt;&lt;/li&gt;
+    	&lt;li&gt;&lt;a href=&quot;#category-items?category=vehicles&quot;&gt;Vehicles&lt;/a&gt;&lt;/li&gt;
+    &lt;/ul&gt;
+</code>
+</pre>
+<p>Internally, when the user clicks on one of these links, the application intercepts the internal <code>$.mobile.changePage()</code> call that is invoked by the frameworks' default link hijacking behavior. It then analyzes the URL for the page about to be loaded, and then decides whether or not it should handle the loading itself, or to let the normal <code>changePage()</code> code handle things.</p>
+<p>The application was able to insert itself into the <code>changePage()</code> flow by binding to the <code>pagebeforechange</code> event at the document level:</p>
+<pre>
+<code>
+// Listen for any attempts to call changePage().
+$(document).bind( &quot;pagebeforechange&quot;, function( e, data ) {
+
+	// We only want to handle changePage() calls where the caller is
+	// asking us to load a page by URL.
+	if ( typeof data.toPage === &quot;string&quot; ) {
+
+		// We are being asked to load a page by URL, but we only
+		// want to handle URLs that request the data for a specific
+		// category.
+		var u = $.mobile.path.parseUrl( data.toPage ),
+			re = /^#category-item/;
+
+		if ( u.hash.search(re) !== -1 ) {
+
+			// We're being asked to display the items for a specific category.
+			// Call our internal method that builds the content for the category
+			// on the fly based on our in-memory category data structure.
+			showCategory( u, data.options );
+
+			// Make sure to tell changePage() we've handled this call so it doesn't
+			// have to do anything.
+			e.preventDefault();
+		}
+	}
+});
+</code>
+</pre>
+<p>So why listen at the document level? In short, because of deep-linking. We need our binding to be active before the jQuery Mobile framework initializes and decides how to process the initial URL that invoked the application.</p>
+<p>When the callback for the <code>pagebeforechange</code> binding is invoked, the 2nd argument to the callback will be a data object that contains the arguments that were passed to the initial <code>$.mobile.changePage()</code> call. The properties of this object are as follows:</p>
+<ul>
+  <li><code>toPage</code>
+    <ul>
+      <li>Can be either a jQuery collection object containing the page to be transitioned to, <b>OR</b> a URL reference for a page to be loaded/transitioned to.</li>
+    </ul>
+  </li>
+  <li>options
+    <ul>
+      <li>Object containing the options that were passed in by the caller of the <code>$.mobile.changePage()</code> function.</li>
+      <li>A list of the options can be found <a href="../api/methods.html">here</a>.</li>
+      </ul>
+  </li>
+  </ul>
+<p>For our sample application, we are only interested in <code>changePage()</code> calls where URLs are initially passed in, so the first thing our callback does is check the type for the <code>toPage</code>. Next, with the help of some URL parsing utilities, it checks to make sure if the URL contains a hash that we are interested in handling ourselves. If so, it then calls an application function called <code>showCategory()</code> which will dynamically create the content for the category specified by the URL hash, and then it calls <code>preventDefault()</code> on the event.</p>
+<p>Calling <code>preventDefault()</code> on a <code>pagebeforechange</code> event causes the originating <code>$.mobile.changePage()</code> call to exit without performing any work. Calling the <code>preventDefault()</code> method on the event is the equivalent of telling jQuery Mobile that you have handled the <code>changePage()</code> request yourself.</p>
+<p>If <code>preventDefault()</code> is not called, <code>changePage()</code> will continue on processing as it normally does. One thing to point out about the data object that is passed into our callback, is that any changes you make to the <code>toPage</code> property, or options properties, will affect <code>changePage()</code> processing if <code>preventDefault()</code> is not called. So for example, if we wanted to redirect or map a specific URL to another internal/external page, our callback could simply set the <code>data.toPage</code> property in the callback to the URL or DOM element of the page to redirect to. Likewise, we could set, or un-set any option from within our callback, and <code>changePage()</code> would use the new settings.</p>
+<p>So now that we know how to intercept <code>changePage()</code> calls, let's take a closer look at how this sample actually generates the markup for a page. Our example actually uses, or we should say, re-uses the same page to display each of the categories. Each time one of our special links is clicked, the function <code>showCategory()</code> gets invoked:</p>
+<pre><code>
+// Load the data for a specific category, based on
+// the URL passed in. Generate markup for the items in the
+// category, inject it into an embedded page, and then make
+// that page the current active page.
+function showCategory( urlObj, options )
+{
+	var categoryName = urlObj.hash.replace( /.*category=/, &quot;&quot; ),
+
+		// Get the object that represents the category we
+		// are interested in. Note, that at this point we could
+		// instead fire off an ajax request to fetch the data, but
+		// for the purposes of this sample, it's already in memory.
+		category = categoryData[ categoryName ],
+
+		// The pages we use to display our content are already in
+		// the DOM. The id of the page we are going to write our
+		// content into is specified in the hash before the '?'.
+		pageSelector = urlObj.hash.replace( /\?.*$/, &quot;&quot; );
+
+	if ( category ) {
+		// Get the page we are going to dump our content into.
+		var $page = $( pageSelector ),
+
+			// Get the header for the page.
+			$header = $page.children( &quot;:jqmData(role=header)&quot; ),
+
+			// Get the content area element for the page.
+			$content = $page.children( &quot;:jqmData(role=content)&quot; ),
+
+			// The markup we are going to inject into the content
+			// area of the page.
+			markup = &quot;&lt;p&gt;&quot; + category.description + &quot;&lt;/p&gt;&lt;ul data-role='listview' data-inset='true'&gt;&quot;,
+
+			// The array of items for this category.
+			cItems = category.items,
+
+			// The number of items in the category.
+			numItems = cItems.length;
+
+		// Generate a list item for each item in the category
+		// and add it to our markup.
+		for ( var i = 0; i &lt; numItems; i++ ) {
+			markup += &quot;&lt;li&gt;&quot; + cItems[i].name + &quot;&lt;/li&gt;&quot;;
+		}
+		markup += &quot;&lt;/ul&gt;&quot;;
+
+		// Find the h1 element in our header and inject the name of
+		// the category into it.
+		$header.find( &quot;h1&quot; ).html( category.name );
+
+		// Inject the category items markup into the content element.
+		$content.html( markup );
+
+		// Pages are lazily enhanced. We call page() on the page
+		// element to make sure it is always enhanced before we
+		// attempt to enhance the listview markup we just injected.
+		// Subsequent calls to page() are ignored since a page/widget
+		// can only be enhanced once.
+		$page.page();
+
+		// Enhance the listview we just injected.
+		$content.find( &quot;:jqmData(role=listview)&quot; ).listview();
+
+		// We don't want the data-url of the page we just modified
+		// to be the url that shows up in the browser's location field,
+		// so set the dataUrl option to the URL for the category
+		// we just loaded.
+		options.dataUrl = urlObj.href;
+
+		// Now call changePage() and tell it to switch to
+		// the page we just modified.
+		$.mobile.changePage( $page, options );
+	}
+}
+</code></pre>
+<p>In our sample app, the hash of the URL we handle contains 2 parts:</p>
+<pre><code>
+#category-items?category=vehicles
+</code></pre>
+<p>The first part, before the '?' is actually the id of the page to write content into, the part after the '?' is info the app uses to figure out what data it should use when generating the markup for the page. The first thing <code>showCategory()</code> does is deconstruct this hash to extract out the id of the page to write content into, and the name of the category it should use to get the correct set of data from our in-memory JavaScript category object. After it figures out what category data to use, it then generates the markup for the category, and then injects it into the header and content area of the page, wiping out any other markup that previously existed in those elements.</p>
+<p>After it injects the markup, it then calls the appropriate jQuery Mobile widget calls to enhance the list markup it just injected. This is what turns the normal list markup into a fully styled listview with all its behaviors.</p>
+<p>Once that's done, it then calls <code>$.mobile.changePage()</code>, passing it the DOM element of the page we just modified, to tell the framework that it wants to show that page.</p>
+<p>Now an interesting problem here is that jQuery Mobile typically updates the browser's location hash with the URL associated with the page it is showing. Because we are re-using the same page for each category, this wouldn't be ideal, because the URL for that page has no specific category info associated with it. To get around this problem, <code>showCategory()</code> simply sets the <code>dataUrl</code> property on the options object it passes into <code>changePage()</code> to tell it to display our original URL instead.</p>
+<p>That's the sample in a nutshell. It should be noted that this particular sample and its usage is not a very good example of an app that degrades gracefully when JavaScript is turned off. That means it probably won't work very well on C-Grade browsers. We will be posting other examples that demonstrate how to degrade gracefully in the future. Check this <a href="http://jquerymobile.com/test/docs/pages/dynamic-samples/">page</a> for updates.</p>
+      </div>
+		<!--/content-primary -->
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Pages &amp; Dialogs</li>
+								<li><a href="page-anatomy.html">Anatomy of a page</a></li>
+								<li><a href="page-template.html" data-ajax="false">Single page template</a></li>
+								<li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
+								<li><a href="page-titles.html">Page titles</a></li>
+								<li><a href="page-links.html">Linking pages</a></li>
+								<li><a href="page-transitions.html">Page transitions</a></li>
+								<li><a href="page-dialogs.html">Dialogs</a></li>
+								<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
+								<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
+								<li data-theme="a"><a href="page-dynamic.html">Dynamically injecting pages</a></li>
+								<li><a href="page-scripting.html">Scripting pages</a></li>
+								<li><a href="phonegap.html">PhoneGap apps</a></li>
+								<li><a href="touchoverflow.html">touchOverflow feature</a></li>
+								<li><a href="pages-themes.html">Theming pages</a></li>
+							</ul>
+					</div>
+				</div>
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="c">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/page-links.html b/libs/js/jquery-mobile-1.1.0/docs/pages/page-links.html
new file mode 100644
index 00000000..a5f41b36
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/page-links.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Linking Pages</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Linking pages</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+			<div class="content-primary">	
+			<h2>Linking pages</h2>
+			
+			<p>jQuery Mobile is designed to work with simple page linking conventions. Essentially, you can link pages and assets as you normally would, and jQuery Mobile will automatically handle page requests in a single-page model, using Ajax when possible. When Ajax isn't possible (such as a non-same-domain url, or if specified using certain attributes on the link), a normal http request is used instead.</p> 
+
+			<p>The goal of this model is to allow developers to create websites using best practices &mdash; where ordinary links will "just work" without any special configuration &mdash; while creating a rich, native-like experience that can't be achieved with standard HTTP requests.</p> 
+			
+			<h2>Default link behavior: Ajax</h2> 
+							
+			<p>To enable animated page transitions, all links that point to an external page (ex. products.html) will be loaded via Ajax. To do this unobtrusively, the framework parses the link's <code>href</code> to formulate an Ajax request (Hijax) and displays the loading spinner. All this happens automatically by jQuery Mobile.</p>
+				
+			<p>If the Ajax request is successful, the new page content is added to the DOM, all mobile widgets are auto-initialized, then the new page is animated into view with a page transition.</p>
+			
+			<p>If the Ajax request fails, the framework will display a small error message overlay (styled in the "e" swatch) that disappears after a brief time so this doesn't break the navigation flow. View an <a href="notapage.html">example of the error message</a>.</p>
+			
+			<p><strong>Note:</strong> You cannot link <strong>to</strong> a multipage document with Ajax navigation active because the framework will only load the first page it finds, not the full set of internal pages. In these cases, you must link without Ajax (see next section) for a full page refresh to prevent potential hash collisions. There is currently a <a href="https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget" rel="external">subpage plugin</a> that makes it possible to load in multi-page documents.</p>
+
+
+<h2>Linking without Ajax</h2>
+		
+		<p>Links that point to other domains or that have <code>rel="external"</code>, <code>data-ajax="false"</code> or <code>target</code> attributes will not be loaded with Ajax. Instead, these links will cause a full page refresh with no animated transition. Both attributes (<code>rel="external"</code> and <code>data-ajax="false"</code>) have the same effect, but a different semantic meaning: <code>rel="external"</code> should be used when linking to another site or domain, while <code>data-ajax="false"</code> is useful for simply opting a page within your domain from being loaded via Ajax. Because of security restrictions, the framework always opts links to external domains out of the Ajax behavior.</p>
+		<p>In version 1.1, we've added support for using <code>data-ajax="false"</code> on a parent container which allows you to excluded a large number of links from the Ajax navigation system. This avoids the need to add this attribute to every link in a container.</p>
+		<p>Note: When building a jQuery Mobile application where the Ajax navigation system is disabled globally or frequently disabled on individual links, we  recommend disabling the <code>$.mobile.pushStateEnabled</code> global <a href="../api/globalconfig.html">configuration option</a> to avoid inconsistent navigation behavior in some browsers.</p>
+		
+
+
+		<h2>Linking within a multi-page document</h2> 
+		
+			<p>A single HTML document can contain one or many 'page' containers simply by stacking multiple divs with a <code> data-role</code> of <code>"page"</code>. This allows you to build a small site or application within a single HTML document; jQuery Mobile will simply display the first 'page' it finds in the source order when the page loads.</p> 
+			
+			<p>If a link in a multi-page document points to an anchor (<code>#foo</code>), the framework will look for a page wrapper with that ID (<code>id="foo"</code>). If it finds a page in the HTML document, it will transition the new page into view. You can seamlessly navigate between local, internal "pages" and external pages in jQuery Mobile. Both will look the same to the end user except that external pages will display the Ajax spinner while loading. In either situation, jQuery Mobile updates the page's URL hash to enable Back button support, deep-linking and bookmarking. </p>
+		
+		<p>It's important to note that if you are linking from a mobile page that was loaded via Ajax to a page that contains multiple internal pages, you need to add a <code>rel="external"</code> or <code>data-ajax="false"</code> to the link. This tells the framework to do a full page reload to clear out the Ajax hash in the URL. This is critical because Ajax pages use the hash (<code>#</code>) to track the Ajax history, while multiple internal pages use the hash to indicate internal pages so there will be conflicts in the hash between these two modes.</p>
+		
+		<p>For example, a link to a page containing multiple internal pages would look like this:</p>
+			
+			<code>&lt;a href=&quot;multipage.html&quot; rel=&quot;external&quot;&gt;Multi-page link&lt;/a&gt;</code>
+
+				
+
+		<h2>"Back" button links</h2>
+		<p>If you use the attribute <code>data-rel="back"</code> on an anchor, any clicks on that anchor will mimic the back button, going back one history entry and ignoring the anchor's default <code>href</code>. This is particularly useful when generating "back" buttons with JavaScript, such as a button to close a dialog. 
+		When using this feature in your source markup, although browsers that support this feature will not use the specified <code>href</code> attribute, <strong>be sure to still provide a meaningful value that actually points to the URL of the referring page to allow the feature to work for users in C-Grade browsers</strong>. If users can reach this page from more than one referring pages, specify a sensible <code>href</code> so that the navigation remains logical for all users. 
+		Also, please keep in mind that if you just want a reverse transition without actually going back in history, you should use the <code>data-direction="reverse"</code> attribute instead.
+		Note: <code>data-direction="reverse"</code> is meant to simply run the backwards version of the transition that will run on that page change, while <code>data-rel="back"</code> makes the link functionally equivalent to the browser's back button and all the standard back button logic applies. Adding <code>data-direction="reverse"</code> to a link with <code>data-rel="back"</code> <b>will not</b> reverse the reversed page transition and produce the "normal" version of the transition. 
+		</p>
+		
+				
+		<h2>Redirects and linking to directories</h2>
+		
+		<p>When linking to directory indexes (such as href="typesofcats/" instead of href="typesofcats/index.html"), you must provide a trailing slash. This is because jQuery Mobile assumes the section after the last "/" character in a url is a filename, and it will remove that section when creating base urls from which future pages will be referenced.</p>
+		
+		<p>However, you can work around this issue by returning your page div with a <code>data-url</code> attribute already specified. When you do this, jQuery Mobile will use that attribute's value for updating the URL, instead of the url used to request that page. This also allows you to return urls that change as the result of a redirect, for example, you might post a form to "/login.html" but return a page from the url "/account" after a successful submission. This tool allows you to take control of the jQuery Mobile history stack in these situations. Here's an example:</p>
+		
+		<p>The following link points to "docs-links-urltest/index.html": <a href="docs-links-urltest/index.html">Test Link</a> which is a directory with an index page. The return page will update the hash as "/docs/pages/docs-links-urltest/" with a trailing slash. This is done via the data-url attribute in that page's source. Keep in mind that the value will replace the entire hash, and it is up to you to replace it with a URL that actually resolves to the correct page when requested via refresh or deep link.</p>
+		
+		<p>Learn more about the technical details of the navigation model and <a href="page-navmodel.html">Ajax, hashes and history</a> in jQuery mobile.</p>
+		
+		
+		
+		<h2>Link examples</h2>
+					<p>All standard HTML link types are supported in jQuery Mobile in addition to the types outlined above. Here is a sampler of many common link types:</p>
+			
+			<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="d">
+				<li data-role="list-divider">Links that will be Ajax-loaded with page transitions</li>
+				<li><a href="../../index.html">Link in the same domain</a></li>
+				<li><a href="../pages/dialog.html" data-rel="dialog">Dialog link: data-rel="dialog" (not tracked in history)</a></li>
+				<li data-role="list-divider">Links that will refresh the page</li>
+				<li><a href="http://www.jquery.com">External domain</a></li>
+				<li><a href="../../index.html" rel="external">Link with rel="external"</a></li>
+				<li><a href="index.html" data-ajax="false">link with [data-ajax="false"]</a></li>
+				<li><a href="../../index.html" target="foo">Link with target="foo"</a></li>
+				<li data-role="list-divider">Email links</li>
+				<li><a href="mailto:jdoe@foo.com">Basic email: mailto:jdoe@foo.com</a></li>
+				<li><a href="mailto:jdoe@foo.com?cc=bill@bar.com&bcc=mark@abc.com&subject=Happy%20Birthday&body=Best%20wishes!">Mailto with a cc:, bcc:, subject and body pre-filled</a></li>
+
+				<li data-role="list-divider">Phone links</li>
+				<li><a href="tel:15555555555">Phone: tel:15555555555</a></li>
+				<li data-role="list-divider">Other</li>
+				<li><a href="#">A href="#" will return false</a></li>
+			</ul>
+
+		
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Pages &amp; Dialogs</li>
+								<li><a href="page-anatomy.html">Anatomy of a page</a></li>
+								<li><a href="page-template.html" data-ajax="false">Single page template</a></li>
+								<li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
+								<li><a href="page-titles.html">Page titles</a></li>
+								<li data-theme="a"><a href="page-links.html">Linking pages</a></li>
+								<li><a href="page-transitions.html">Page transitions</a></li>
+								<li><a href="page-dialogs.html">Dialogs</a></li>
+								<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
+								<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
+								<li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
+								<li><a href="page-scripting.html">Scripting pages</a></li>
+								<li><a href="phonegap.html">PhoneGap apps</a></li>
+								<li><a href="touchoverflow.html">touchOverflow feature</a></li>
+								<li><a href="pages-themes.html">Theming pages</a></li>
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="c">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/page-navmodel.html b/libs/js/jquery-mobile-1.1.0/docs/pages/page-navmodel.html
new file mode 100644
index 00000000..d267f826
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/page-navmodel.html
@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Ajax, hashes &amp; history</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Ajax, hashes &amp; history</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+			<h2>jQuery Mobile's navigation model</h2>
+
+			<p>A "page" in jQuery Mobile consists of an element (usually a <code>div</code>) with a <code> data-role</code> attribute set to <code>"page"</code>, which generally contains <code>div</code> elements with roles of <code>"header"</code>, <code>"content"</code>, and <code>"footer"</code>, each containing common markup, forms, and custom jQuery Mobile widgets.</p>
+
+			<p>The basic workflow with page loading is as follows: first, a page is requested with a normal HTTP request, and subsequent "pages" are then requested and injected into that page's DOM. Because of this, the DOM may have a number of "pages" in it at a time, each of which can be re-visited by linking to its <code>data-url</code> attribute.</p>
+
+			<p>When a url is initially requested, there may be one or more "pages" in the response, and only the first one will be shown. The advantage of storing more than one "page" is that it allows you to pre-fetch static pages that are likely to be visited.</p>
+
+			<h2>Hash and Ajax driven page navigation</h2>
+
+			<p>By default all navigation within jQuery Mobile is based on changes and updates to <code>location.hash</code>. Whenever possible, page changes will use a smooth transition between the current "page" and the next, whether it is either already present in the DOM, or is automatically loaded via Ajax.</p>
+
+			<p>Hash values created by jQuery Mobile are normalized as full paths relative to the URL of the first "real" page that was loaded.	The hash is always maintained as a valid URL, so any "page" in jQuery mobile can be bookmarked or referenced in a link. To retrieve a non-hash-based URL, simply remove the # from the address and refresh the page.</p>
+
+			<p>In general, hash changes are created whenever a link is clicked in jQuery mobile. When a link is clicked, jQuery mobile will make sure that the link is referencing a local URL, and if so, it'll prevent the link's default click behavior from occurring and request the referenced url via Ajax instead. When the page returns successfully, it will set the <code>location.hash</code> to the new page's relative url. </p>
+
+			<p>Hash changes that occur independently of a click, such as when a user clicks the back button, are handled through the <code>hashchange</code> event, which is bound to the window object using Ben Alman's <code>hashchange</code> special event plugin (included in jQuery Mobile). When a hash change occurs (and also when the first page loads), the <code>hashchange</code> event handler will send the <code>location.hash</code> to the <code>$.mobile.changePage()</code> function, which in turn either loads or reveals the referenced page.</p>
+
+
+			<p>Once the referenced page is present in the DOM, the <code>$.mobile.changePage()</code> function applies a transition between the current active page and the new page. Page transitions happen through adding and removing classes that apply CSS animations. For example, in a slide-left transition, the exiting page is given the classes <code>"slideleft"</code> and <code>"out"</code>, and the entering page is given the classes <code>"slideleft"</code> and <code>"in"</code>, as well as a class of <code>"ui-page-active"</code> to mark it as the new "active" page being viewed. When the animation is complete, the <code>"in"</code> and <code>"out"</code> classes are removed, and the exited page loses its <code>"ui-page-active"</code> class.</p>
+
+			<h2>pushState plugin</h2>
+
+			<p>There is an optional feature that converts the longer, hash-based URLs mentioned in the previous section into the full document path which is cleaner and makes the Ajax tracking transparent in the URL structure. This is built as an enhancement on top of the hash-based URL system for Ajax links. Note that despite the name, this feature technically converts hash-based urls by using <code>history.replaceState</code> (not <code>history.pushState</code>) in the current release because this works more reliably across our target platforms. For browsers that do not support <code>history.replaceState</code>, or if this feature is disabled, hash-based URLs will be used instead. </p>
+
+			<p>Since the plugin initializes when the DOM is fully loaded you can enable and disable it manually by setting <code>$.mobile.pushStateEnabled</code> global <a href="../api/globalconfig.html">configuration option</a> to <code>false</code> anytime before document ready.</p>
+
+			<div class="ui-body ui-body-e">
+				<h4 style="margin:.5em 0">Important: rel="external" and $.mobile.ajaxEnabled=false</h4>
+        <p>Slightly different implementations of the replaceState API in various browsers can cause odd behavior in specific scenarios. For example, some browser implementations (including desktop browsers) implement the <code>popstate</code> event differently when linking externally and moving back to a page onto which state has already been pushed/replaced. When building a jQuery Mobile application where the ajax navigation is being explicitly disabled, either through the frequent use of <code>rel="external"</code> on links or by disabling Ajax navigation completely via the <code>$.mobile.ajaxEnabled=false</code>, we recommend disabling the pushState feature to fall back to the hash based navigation for more consistent behavior.</p>
+			</div>
+
+			<h2>changePage</h2>
+
+			<p>Within the framework, page changes - both for pages already in the DOM and for pages that need to be loaded via Ajax - use the <code>$.mobile.changePage()</code> function. <code>$.mobile.changePage()</code> contains all of the logic for finding pages to transition to and from, and how to handle various response conditions such as a page not found. <code>$.mobile.changePage()</code> can be called externally and accepts the following arguments (to, transition, back, changeHash). The <code>to</code> argument can accept either a string (such as a file url or local element's ID), an array (in which the first array item is any local page you'd like to transition from, and the second array item is the <code>to</code> page), or an object (with expected properties: url, type ("get" or "post"), and data (for serialized parameters)), the latter of which is useful for loading pages that expect form data. The <code>transition</code> argument accepts a string representing a named transition, such as "slide". The <code>back</code> argument accepts a boolean representing whether the transition should go forward or in reverse. Lastly, the <code>changeHash</code> argument accepts a boolean for whether you'd like the url to be updated upon a successful page change.</p>
+
+			<p>The <code>$.mobile.changePage()</code> function is used in a number of places in jQuery Mobile. For example, when a link is clicked, its <code>href</code> attribute is normalized and then <code>$.mobile.changePage()</code> handles the rest. When forms are submitted, jQuery Mobile simply gathers a few of the form's attributes, serializes its data, and once again, <code>$.mobile.changePage()</code> is used to handle the submission and response. Also, links that create dialogs use <code>$.mobile.changePage()</code>to open a referenced page without updating the hash, which is useful for keeping dialogs out of history tracking. </p>
+
+			<h2>Base element</h2>
+
+			<p>Another key ingredient to jQuery Mobile's page navigation model is the <code>base</code> element, which is injected into the <code>head</code> and modified on every page change to ensure that any assets (images, CSS, JS, etc.) referenced on that page will be requested from a proper path. In browsers that don't support dynamic updates to the <code>base</code> element (such as Firefox 3.6), jQuery Mobile loops through all of the referenced assets on the page and prefixes their <code>href</code> and <code>src</code> attributes with the base path.</p>
+
+
+			<h2>Developer explanation of base url management:</h2>
+
+			<p>jQuery Mobile manages http requests using a combination of generated absolute URL paths and manipulating a generated <code>&lt;base&gt;</code> element's href attribute. The combination of these two approaches allows us to create URLs that contain full path information for loading pages, and a base element to properly direct asset requests made by those loaded pages (such as images and stylesheets).</p>
+
+<p><strong>TODO: update description of internal base and urlHistory objects</strong></p>
+
+			<h2>Data-url storage</h2>
+
+			<p>The navigation model maintains a <code>data-url</code> attribute on all <code>data-role="page"</code> elements. This <code>data-url</code> attribute is used to track the origin of the page element. Pages embedded within the main application document all have their <code>data-url</code> parameter set to the ID of their element with <code>data-role="page"</code>. The only exception to this is the first-page in the document. The first-page is special because it can be addressed by its <code>id</code> if it has one, or by the document or base URL (with no hash fragment).</p>
+
+			<p>Pages that are external to the application document get pulled in dynamically via ajax, and their data-url is set to the site relative path to the external page. If you are running in an environment where loading an external page from a different domain is allowed, then the data-url is set to the absolute URL.</p>
+
+			<h2>Auto-generated pages and sub-hash urls</h2>
+
+			<p>Some plugins may choose to dynamically break a page's content into separate navigable pages, which can then be reached via deep links. One example of this would be the Listview plugin, which will break a nested UL (or OL) into separate pages, which are each given a <code>data-url</code> attribute so they can be linked to like any normal "page" in jQuery Mobile. However, in order to link to these pages, the page that generates them must first be requested from the server. To make this work, pages that are auto-generated by plugins use the following special data-url structure:
+			<code>&lt;div data-url="page.html&amp;subpageidentifier"&gt;</code></p>
+
+			<p>So, for example, a page generated by the listview plugin may have a <code>data-url</code> attribute like this: <code>data-url="artists.html&amp;ui-page=listview-1"</code></p>
+
+			<p>When a page is requested, jQuery Mobile knows to split the URL at "&amp;ui-page" and make an HTTP request to the portion of the URL before that key. In the case of the listview example mentioned above, the URL would look like this: http://example.com/artists.html&amp;ui-page=listview-1
+			...and jQuery Mobile would request artists.html, which would then generate its sub-pages, creating the <code>div</code> with <code>data-url="artists.html&amp;ui-page=listview-1"</code>, which it will then display as the active page.</p>
+
+			<p><em>Note that the <code>data-url</code> attribute of the element contains the full URL path, not just the portion after &amp;ui-page=. This allows jQuery Mobile to use a single consistent mechanism that matches URLs to page <code>data-url</code> attributes.</em></p>
+
+			<h2>Cases when Ajax navigation will not be used</h2>
+
+			<p>Under certain conditions, normal http requests will be used instead of Ajax requests. One case where this is true is when linking to pages on external websites. You can also specify that a normal http request be made through the following link attributes:</p>
+
+			<ul>
+			<li><p><code>rel=external</code></p></li>
+			<li><p><code>target</code> (with any value, such as <code>"_blank"</code>)</p></li>
+
+			</ul><h2>Form submissions</h2>
+
+			<p>Form submissions are handled automatically through the navigation model as well. Visit the <a href="../forms/forms-sample.html">forms section</a> for more information.</p>
+
+			<h2>Using the Application Cache</h2>
+
+			<p>When using the application cache with jQuery Mobile there is at least one important issue to consider. Some browsers, when making requests to the cache will report an http status of 0 on success. This causes jQuery Core's <code>$.ajax</code> to trigger error handlers. The suggested workaround for users leveraging the application cache is to use a jQuery ajax pre-filter. Something like the following (credit to <a href="https://github.com/jquery/jquery-mobile/issues/1579#issuecomment-1209338" rel="external">jammus</a> for the snippet):</p>
+
+			<pre><code>
+
+$.ajaxPrefilter( function(options, originalOptions, jqXHR) {
+	if ( applicationCache &&
+		 applicationCache.status != applicationCache.UNCACHED &&
+		 applicationCache.status != applicationCache.OBSOLETE ) {
+		 // the important bit
+		 options.isLocal = true;
+	}
+});
+
+			</code></pre>
+
+			<p>Setting <code>isLocal</code> to true for your ajax requests will alert jQuery Core that it should handle the 0 return values differently. Local requests exhibit similar behavior (ie 0 statuses), and Core will then fall back to determining success based on the presence of content in the xhr <code>responseText</code> attribute.</p>
+
+			<p>One important issue to note with the above is that it will set <code>isLocal</code> to <code>true</code> for all requests made via ajax regardless of whether they are in the manifest or not so long as the cache is valid. This works for now because Core only consults the <code>isLocal</code> value when the status is in fact 0 which doesn't affect uncached results. There is no long term guarantee that <code>isLocal</code> will remain isolated in its purpose for handling 0 status values. If that changes it may break your application.</p>
+
+			<h2>Known limitations</h2>
+
+			<p>The non-standard environment created by jQuery Mobile's page navigation model introduces some conditions of which you should be aware when building pages:</p>
+
+			<ul>
+			<li><p>When linking to directories, without a filename url, (such as <code>href="typesofcats/"</code> instead of <code>href="typesofcats/index.html"</code>), you must provide a trailing slash. This is because jQuery Mobile assumes the section after the last "/" character in a url is a filename, and it will remove that section when creating base urls from which future pages will be referenced.</p></li>
+			<li><p>Documents loaded via Ajax will select the first page in the DOM of that document to be loaded as a JQM page element. As a result the developer must make sure to manage the ID attributes of the loaded page and child elements to prevent confusion when manipulating the DOM.</p></li>
+			<li><p>If you link to multipage document, you must use a <code>data-ajax="false"</code> attribute on the link to cause a full page refresh due to the limitation above where we only load the first page node in an Ajax request due to potential hash collisions. There is currently a <a href="https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget" rel="external">subpage plugin</a> that makes it possible to load in multi-page documents. </p></li>
+			<li><p>Any unique assets referenced by pages in a jQuery Mobile-driven site should be placed inside the "page" element (the element with a <code>data-role</code> attribute of <code>"page"</code>). For example, links to styles and scripts that are specific to a particular page can be referenced inside that <code>div</code>. However, a better approach is to use jQuery Mobile's page events to trigger specific scripting when certain pages load. <strong>Note: </strong> you can return a page from the server with a <code>data-url</code> already specified in the markup, and jQuery Mobile will use that for the hash update. This allows you to ensure directory paths resolve with a trailing slash and will therefore be used in the base url path for future requests.</p></li>
+			<li><p>Conversely, any non-unique assets (those used site-wide) should be referenced in the <code>&lt;head&gt;</code> section of an HTML document, or at the very least, outside of the "page" element, to prevent running scripts more than once.</p></li>
+			<li><p>The <code>"ui-page"</code> key name used in sub-hash url references can be set to any value you'd like, so as to blend into your URL structure. This value is stored in <code>jQuery.mobile.subPageUrlKey</code>.</p></li>
+			<li><p>When traveling back to a previously loaded jQuery Mobile document from an external <b>or</b> internal document with the push state plugin enabled, some browsers load and trigger the <code>popstate</code> event on the wrong document or for the wrong reasons (two edge cases recorded so far). If you are regularly linking to external documents and find the application behaving erratically try disabling pushstate support.</p></li>
+			<li><p>jQuery Mobile does not support query parameter passing to internal/embedded pages but there are two plugins that you can add to your project to support this feature. There is a lightweight <a href="https://github.com/jblas/jquery-mobile-plugins/tree/master/page-params" rel="external">page params plugin</a> and a more fully featured <a href="https://github.com/azicchetti/jquerymobile-router" rel="external">jQuery Mobile router plugin</a> for use with backbone.js or spine.js.</p></li>
+			<li><p>Since we use the URL hash to preserve Back button behavior, using page anchors to jump down to a position on the page isn't supported by using the traditional anchor link (#foo). Use the <a href="../api/methods.html"><code>silentScroll</code></a> method to scroll to a particular Y position without triggering scroll event listeners. You can pass in a <code>yPos</code> arguments to scroll to that Y location.</p></li>
+			</ul>
+
+
+				</div><!--/content-primary -->
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Pages &amp; Dialogs</li>
+								<li><a href="page-anatomy.html">Anatomy of a page</a></li>
+								<li><a href="page-template.html" data-ajax="false">Single page template</a></li>
+								<li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
+								<li><a href="page-titles.html">Page titles</a></li>
+								<li><a href="page-links.html">Linking pages</a></li>
+								<li><a href="page-transitions.html">Page transitions</a></li>
+								<li><a href="page-dialogs.html">Dialogs</a></li>
+								<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
+								<li data-theme="a"><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
+								<li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
+								<li><a href="page-scripting.html">Scripting pages</a></li>
+								<li><a href="phonegap.html">PhoneGap apps</a></li>
+								<li><a href="touchoverflow.html">touchOverflow feature</a></li>
+								<li><a href="pages-themes.html">Theming pages</a></li>
+							</ul>
+					</div>
+				</div>
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="c">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/page-scripting.html b/libs/js/jquery-mobile-1.1.0/docs/pages/page-scripting.html
new file mode 100644
index 00000000..18cef74a
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/page-scripting.html
@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Scripting pages</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Scripting pages</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+			<h2>Scripting pages in jQuery Mobile</h2>
+			<p>Since jQuery Mobile uses an Ajax-powered navigation system, there are a few helpful things to know when writing scripts that manipulate your content. You can explore the mobile API in more detail by reading up on <a href="../api/globalconfig.html">global configuration options</a>, <a href="../api/events.html">events</a>, and <a href="../api/methods.html">methods</a> or dig into the technical details of the <a href="page-navmodel.html">Ajax navigation model</a>.</p>
+
+			<h2>Scripts &amp; styles in the head</h2>
+
+			<p>When the user clicks a link in a jQuery Mobile-driven site, the default behavior of the navigation system is to use that link's <code>href</code> to formulate an Ajax request (instead of allowing the browser's default link behavior of requesting that <code>href</code> with full page load). When that Ajax request goes out, the framework will receive its entire text content, but it will only inject the <em>contents of the response's <code>body</code> element (or more specifically the <code>data-role="page"</code> element, if it's provided)</em>, meaning nothing in the <code>head</code> of the page will be used (with the exception of the page title, which is fetched specifically). Please note that script's loaded dynamically in this fashion do not guarantee a load order in the same way they would if the page was loaded via a normal http request.</p>
+
+			<p> This means that any scripts and styles referenced the <code>head</code> of a page won't have any effect <em>when a page is loaded via Ajax</em>, but they <strong>will execute if the page is requested normally via HTTP</strong>. When scripting jQuery Mobile sites, both scenarios need to be considered. The reason that the <code>head</code> of a page is ignored when requested via Ajax is that the potential of re-executing the same JavaScript is very high (it's common to reference the same scripts in every page of a site). Due to the complexity of attempting to work around that issue, we leave the task of executing page-specific scripts to the developer, and assume <code>head</code> scripts are only expected to execute once per browsing session.</p>
+
+			<p>The simplest approach when building a jQuery Mobile site is to reference the same set of stylesheets and scripts in the head of every page. If you need to load in specific scripts or styles for a particular page, we recommend binding logic to the <code>pageInit</code> event (details below) to run  necessary code when a specific page is created (which can be determined by its <code>id</code> attribute, or a number of other ways). Following this approach will ensure that the code executes if the page is loaded directly or is pulled in and shown via Ajax.</p>
+
+			<p>Another approach for page-specific scripting would be to include scripts at the end of the <code>body</code> element when no <code>data-role=page</code> element is defined, or inside the first <code>data-role=page</code> element. If you include your custom scripting this way, be aware that these scripts will execute when that page is loaded via Ajax or regular HTTP, so if these scripts are the same on every page, you'll likely run into problems. If you're including scripts this way, we'd recommend enclosing your page content in a <code>data-role="page"</code> element, and placing scripts that are referenced on every page outside of that element. Scripts that are unique to that page can be placed in that element, to ensure that they execute when the page is fetched via Ajax.</p>
+
+			<h2>pageinit = DOM ready</h2>
+
+			<p>One of the first things people learn in jQuery is to use the <code>$(document).ready()</code> function for executing DOM-specific code as soon as the DOM is ready (which often occurs long before the <code>onload</code> event). However, in jQuery Mobile site and apps, pages are requested and injected into the same DOM as the user navigates, so the DOM ready event is not as useful, as it only executes for the first page. To execute code whenever a new page is loaded and created in jQuery Mobile, you can bind to the <a href="../api/events.html"><code>pageinit</code></a> event. </p>
+
+			<p>The <code>pageinit</code> event is triggered on a page when it is initialized, right after initialization occurs. Most of jQuery Mobile's official widgets auto-initialize themselves based on this event, and you can set up your code to do the same.</p>
+<pre><code>
+$( document ).delegate("#aboutPage", "pageinit", function() {
+  alert('A page with an ID of "aboutPage" was just created by jQuery Mobile!');
+});
+</code></pre>
+
+	<p>If you'd like to manipulate a page's contents <em>before</em> the pageinit event fires and widgets are auto-initialized, you can instead bind to the <code>pagebeforecreate</code> event:</p>
+
+<pre><code>
+$( document ).delegate("#aboutPage", "pagebeforecreate", function() {
+  alert('A page with an ID of "aboutPage" is about to be created by jQuery Mobile!');
+});
+</code></pre>
+
+			<h4 style="margin:.5em 0">Important note: <code>pageCreate()</code> vs <code>pageInit()</code></h4>
+			<p>Prior to Beta 2 the recommendation to users wishing to manipulate jQuery Mobile enhanced page and child widget markup was to bind to the <code>pagecreate</code> event. In Beta 2 an internal change was made to decouple each of the widgets by binding to the <code>pagecreate</code> event in place of direct calls to the widget methods. As a result, users binding to the <code>pagecreate</code> in <code>mobileinit</code> would find their binding executing before the markup had been enhanced by each of the plugins. In keeping with the lifecycle of the jQuery UI Widget Factory, the initialization method is invoked <strong>after</strong> the create method, so the <code>pageinit</code> event provides the correct timing for post enhancement manipulation of the DOM and/or Javascript objects.
+
+			In short, if you were previously using <code>pagecreate</code> to manipulate the enhanced markup before the page was shown, it's very likely you'll want to migrate to 'pageinit'.
+			</p>
+
+
+			<h2>Changing pages</h2>
+			<p>If you want to change the current active page with JavaScript, you can use the <a href="../api/methods.html"><code>changePage</code></a> method. There are a lot of methods and properties that you can set when changing pages, but here are two simple examples:</p>
+			<pre><code>
+<strong>//transition to the "about us" page with a slideup transition</strong>
+$.mobile.changePage( "about/us.html", { transition: "slideup"} );
+
+<strong>//transition to the "search results" page, using data from a form with an ID of "search"" 	</strong>
+$.mobile.changePage( "searchresults.php", {
+	type: "post",
+	data: $("form#search").serialize()
+});
+</code></pre>
+
+			<h2>Loading pages</h2>
+			<p>To load an external page, enhance its content, and insert it into the DOM, use the <a href="../api/methods.html"><code>loadPage</code> method</a>. There are a lot of methods and properties that you can set when loading pages, but here is a simple example:</p>
+			<pre><code>
+//load the "about us" page into the DOM
+$.mobile.loadPage( "about/us.html" );
+</code></pre>
+
+			<h2>Enhancing new markup</h2>
+			<p>The page plugin dispatches a <code>pageInit</code> event, which most widgets use to auto-initialize themselves. As long as a widget plugin script is referenced, it will automatically enhance any instances of the widgets it finds on the page.</p>
+			<p>However, if you generate new markup client-side or load in content via Ajax and inject it into a page, you can trigger the <code>create</code> event to handle the auto-initialization for all the plugins contained within the new markup. This can be triggered on any element (even the page <code>div</code> itself), saving you the task of manually initializing each plugin (listview button, select, etc.).</p>
+			<p>For example, if a block of HTML markup (say a login form) was loaded in through Ajax, trigger the <code>create</code> event to automatically transform all the widgets it contains (<a href="http://jquerymobile.com/test/docs/forms/textinputs/index.html">inputs</a> and <a href="http://jquerymobile.com/test/docs/buttons/index.html">buttons</a> in this case) into the enhanced versions. The code for this scenario would be:</p>
+<pre style="margin: 25px 0;"><code style="font-size: 12px;">$( ...new markup that contains widgets... ).appendTo( ".ui-page" ).trigger( "create" );
+</code></pre>
+
+			<h2>Create vs. refresh: An important distinction</h2>
+			<p>Note that there is an important difference between the <code>create</code> event and <code>refresh</code> method that some widgets have. The <code>create</code> event is suited for enhancing <em>raw markup</em> that contains one or more widgets. The <code>refresh</code> method should be used on existing (already enhanced) widgets that have been manipulated programmatically and need the UI be updated to match.</p>
+
+			<p>For example, if you had a page where you dynamically appended a new unordered list with <code>data-role=listview</code> attribute after page creation, triggering <code>create</code> on a parent element of that list would transform it into a <a href="http://jquerymobile.com/test/docs/lists/index.html">listview</a> styled widget. If more list items were then programmatically added, calling the listview&#8217;s <code>refresh</code> method would update just those new list items to the enhanced state and leave the existing list items untouched.</p>
+
+
+			<h2>Scrolling to a position within a page</h2>
+			<p>Since we use the URL hash to preserve Back button behavior, using page anchors to jump down to a position on the page isn't supported by using the traditional anchor link (#foo). Use the <a href="../api/methods.html"><code>silentScroll</code></a> method to scroll to a particular Y position without triggering scroll event listeners. You can pass in a <code>yPos</code> arguments to scroll to that Y location. For example:</p>
+<pre><code>
+//scroll to Y 300px
+$.mobile.silentScroll(300);
+</code></pre>
+
+			<h2>Binding to mouse and touch events</h2>
+			<p>One inportant consideration in mobile is handling mouse and touch events. These events differ significantly across mobile platforms, but the common denominator is that click events will work everywhere, but usually after a significant delay of 500-700ms. This delay is necessary for the browser to wait for double tap, scroll and extended hold tap events to potentially occur. To avoid this delay, it's possible to bind to touch events (ex. touchstart) but the issue with this approach is that some mobile platforms (WP7, Blackberry) don't support touch. To compound this issue, some platforms will emit <em>both</em> touch and mouse events so if you bind to both types, duplicate events will be fired for a single interaction.</p>
+			<p>Our solution is to create a set of <a href="../api/events.html">virtual events</a> that normalize mouse and touch events. This allows the developer to register listeners for the basic mouse events, such as mousedown, mousemove, mouseup, and click, and the plugin will take care of registering the correct listeners behind the scenes to invoke the listener at the fastest possible time for that device. This still retains the order of event firing in the traditional mouse environment, should multiple handlers be registered on the same element for different events. The virtual mouse system exposes the following virtual events to jQuery bind methods: <code>vmouseover</code>, <code>vmousedown</code>, <code>vmousemove</code>, <code>vmouseup</code>, <code>vclick</code>, and <code>vmousecancel</code></p>
+
+
+			<h2>Passing parameters between pages</h2>
+			<p>jQuery Mobile does not support query parameter passing to internal/embedded pages. For example, if the framework sees a link to "#somePage?someId=1" it  interpret that as "#somePage" and navigate to the internal page div with an ID of <code>somePage</code> and apply a data-url of <code>#somePage?someId=1</code> to that page container. Subsequent calls to other params such as "#somePage?someId=2" will find the same div because jQuery Mobile refers to the data-url on the div which is only set once and will remain at <code>#somePage?someId=1</code>.</p>
+
+			<p>There are two plugins that you can add to your project if query parameters are needed between pages. There is a lightweight <a href="https://github.com/jblas/jquery-mobile-plugins/tree/master/page-params" rel="external">page params plugin</a> and a more fully featured <a href="https://github.com/azicchetti/jquerymobile-router" rel="external">jQuery Mobile router plugin</a> for use with backbone.js or spine.js.</p>
+
+
+
+				</div><!--/content-primary -->
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Pages &amp; Dialogs</li>
+								<li><a href="page-anatomy.html">Anatomy of a page</a></li>
+								<li><a href="page-template.html" data-ajax="false">Single page template</a></li>
+								<li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
+								<li><a href="page-titles.html">Page titles</a></li>
+								<li><a href="page-links.html">Linking pages</a></li>
+								<li><a href="page-transitions.html">Page transitions</a></li>
+								<li><a href="page-dialogs.html">Dialogs</a></li>
+								<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
+								<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
+								<li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
+								<li data-theme="a"><a href="page-scripting.html">Scripting pages</a></li>
+								<li><a href="phonegap.html">PhoneGap apps</a></li>
+								<li><a href="touchoverflow.html">touchOverflow feature</a></li>
+								<li><a href="pages-themes.html">Theming pages</a></li>
+							</ul>
+					</div>
+				</div>
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="c">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/page-template.html b/libs/js/jquery-mobile-1.1.0/docs/pages/page-template.html
new file mode 100755
index 00000000..88e15ecc
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/page-template.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html> 
+<html>
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>Single page template</title> 
+	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
+	<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
+	<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
+</head> 
+
+<body> 
+
+<div data-role="page">
+
+	<div data-role="header">
+		<h1>Single page</h1>
+	</div><!-- /header -->
+
+	<div data-role="content">	
+		<p>This is a single page boilerplate template that you can copy to build your first jQuery Mobile page. Each link or form from here will pull a new page in via Ajax to support the animated page transitions.</p>		
+		<p>Just view the source and copy the code to get started. All the CSS and JS is linked to the jQuery CDN versions so this is super easy to set up. Remember to include a meta viewport tag in the head to set the zoom level.</p>
+		<p>This template is standard HTML document with a single "page" container inside, unlike a <a href="multipage-template.html" data-ajax="false">multi-page template</a> that has multiple pages within it. We strongly recommend building your site or app as a series of separate pages like this because it's cleaner, more lightweight and works better without JavaScript.</p>
+	</div><!-- /content -->
+	
+	<div data-role="footer">
+		<h4>Footer content</h4>
+	</div><!-- /footer -->
+	
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/page-titles.html b/libs/js/jquery-mobile-1.1.0/docs/pages/page-titles.html
new file mode 100644
index 00000000..a7aad704
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/page-titles.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Page titles</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Page titles</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+			<div class="content-primary">	
+					
+		<h2>Titles in Ajax navigation</h2>
+		
+		<p>When you load the first page of a jQuery Mobile based site, then click a link or submit a form, Ajax is used to pull in the content of the requested page. Having both pages in the DOM is essential to enable the animated page transitions, but one downside of this approach is that the page title is always that of the first page, not the subsequent page you’re viewing.</p>
+		<p>To remedy this, jQuery Mobile automatically parses the <code>title</code> of the page pulled via Ajax and changes the <code>title</code> attribute of the parent document to match.</p>		
+		
+		<h2>Titles in multi-page templates</h2>
+		
+		<p>On multi-page documents, we follow a similiar convention, but since all the pages share a common <code>title</code>, we have a <code>data-title</code> attribute that can be added to each page container within a multi-page template to manually define a title. The title of the HTML document will be automatically updated to match the <code>data-title</code> of the page currently in view.</p>
+		
+<pre><code>
+&lt;div data-role=&quot;page&quot; id=&quot;foo&quot; <strong>data-title=&quot;Page Foo&quot;</strong>&gt;
+
+&lt;/div&gt;&lt;!-- /page --&gt;
+</code></pre>
+
+
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Pages &amp; Dialogs</li>
+								<li><a href="page-anatomy.html">Anatomy of a page</a></li>
+								<li><a href="page-template.html" data-ajax="false">Single page template</a></li>
+								<li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
+								<li data-theme="a"><a href="page-titles.html">Page titles</a></li>
+								<li><a href="page-links.html">Linking pages</a></li>
+								<li><a href="page-transitions.html">Page transitions</a></li>
+								<li><a href="page-dialogs.html">Dialogs</a></li>
+								<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
+								<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
+								<li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
+								<li><a href="page-scripting.html">Scripting pages</a></li>
+								<li><a href="phonegap.html">PhoneGap apps</a></li>
+								<li><a href="touchoverflow.html">touchOverflow feature</a></li>
+								<li><a href="pages-themes.html">Theming pages</a></li>
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="c">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/page-transitions-dialog.html b/libs/js/jquery-mobile-1.1.0/docs/pages/page-transitions-dialog.html
new file mode 100644
index 00000000..88d65628
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/page-transitions-dialog.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Framework - Dialog</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" id="dialog-success" data-dom-cache="true"><!-- dialog-->
+
+		<div data-role="header" data-theme="e">
+			<h1>Dialog</h1>
+		</div><!-- /header -->
+
+		<div data-role="content" data-theme="e">
+			<p>That was an animated page transition effect to a dialog that we added with a <code>data-transition</code> attribute on the link.</p>
+			<p>Since it uses CSS animations, this should be hardware accelerated on many devices. To see transitions, 3D transform support is required so if you only saw a fade transition that's the reason.</p>
+			
+			<a href="docs-transitions.html" data-role="button" data-theme="b" data-rel="back">Take me back</a>   
+		</div>
+	</div>
+	
+	<div data-role="page" id="page-success"><!-- dialog-->
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/page-transitions-page.html b/libs/js/jquery-mobile-1.1.0/docs/pages/page-transitions-page.html
new file mode 100644
index 00000000..daf91001
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/page-transitions-page.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Framework - Page</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	
+	
+	<div data-role="page" id="page-success" data-dom-cache="true"><!-- page-->
+		<div data-role="header" data-theme="a">
+			<h1>Page</h1>
+		</div><!-- /header -->
+
+		<div data-role="content" data-theme="d">
+			<p>That was an animated page transition effect to a page that we added with a <code>data-transition</code> attribute on the link. This uses a different background theme swatch to see how that looks with the transitions.</p>
+			<p>Since it uses CSS animations, this should be hardware accelerated on many devices. To see transitions, 3D transform support is required so if you only saw a fade transition that's the reason.</p>
+				
+			<form action="#" method="get">
+				<h2>Here's a few form elements</h2>
+
+				<p>These are here to see if this slows down rendering.</p>
+
+				<div data-role="fieldcontain">
+		         <label for="name">Text Input:</label>
+		         <input type="text" name="name" id="name" value=""  />
+				</div>
+
+				<div data-role="fieldcontain">
+				<label for="textarea">Textarea:</label>
+				<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
+				</div>
+
+				<div data-role="fieldcontain">
+					<label for="slider2">Flip switch:</label>
+					<select name="slider2" id="slider2" data-role="slider">
+						<option value="off">Off</option>
+						<option value="on">On</option>
+					</select>
+				</div>
+
+				<div data-role="fieldcontain">
+					<label for="slider">Slider:</label>
+				 	<input type="range" name="slider" id="slider" value="0" min="0" max="100" data-highlight="true" />
+				</div>
+						
+			</form>
+			
+			<a href="docs-transitions.html" data-role="button" data-theme="b" data-rel="back" data-inline="true">Take me back</a>   
+		</div>
+		
+		<div data-role="footer" data-theme="d">
+			<div style="margin:5px 10px;"><!-- To add a bit of spacing -->
+			<label for="search" class="ui-hidden-accessible">Search:</label>
+	        <input type="search" name="password" id="search" placeholder="Search..." value="" />
+			</div>
+		</div><!-- /footer -->
+	</div>
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/page-transitions.html b/libs/js/jquery-mobile-1.1.0/docs/pages/page-transitions.html
new file mode 100644
index 00000000..01932f27
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/page-transitions.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Transitions</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Transitions</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">		
+		<h2>Page transitions</h2> 
+
+		<p>The jQuery Mobile framework includes a set of CSS-based transition effects that can be applied to any page link or form submission with Ajax navigation: </p>
+
+			<style>
+				table { width:100%; border-bottom:1px solid #ccc; border-collapse: collapse; }
+				th { text-align:left; }
+				th h3 { margin:.6em 0; }
+				th, td { vertical-align:top; border-top:1px solid #ccc; padding: 1px 3px; }
+				td .ui-btn { margin:.4em 0 .5em 0; }
+				td .ui-btn-inner { padding: .4em 15px; }
+			</style>
+
+		<table margin="0">
+			<tr>
+				<th><h3>fade</h3></th>
+				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="fade" data-inline="true">dialog</a></td>
+				<td><a href="page-transitions-page.html" data-role="button" data-transition="fade" data-inline="true">page</a></td>
+			</tr>
+			<tr>
+				<th><h3>pop</h3></th>
+				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="pop" data-inline="true">dialog</a></td>
+				<td><a href="page-transitions-page.html" data-role="button" data-transition="pop" data-inline="true">page</a></td>
+			</tr>
+			<tr>
+				<th><h3>flip</h3></th>
+				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="flip" data-inline="true">dialog</a></td>
+				<td><a href="page-transitions-page.html" data-role="button" data-transition="flip" data-inline="true">page</a></td>
+			</tr>
+			<tr>
+				<th><h3>turn</h3></th>
+				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="turn" data-inline="true">dialog</a></td>
+				<td><a href="page-transitions-page.html" data-role="button" data-transition="turn" data-inline="true">page</a></td>
+			</tr>
+			<tr>
+				<th><h3>flow</h3></th>
+				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="flow" data-inline="true">dialog</a></td>
+				<td><a href="page-transitions-page.html" data-role="button" data-transition="flow" data-inline="true">page</a></td>
+			</tr>
+			<tr>
+				<th><h3>slidefade</h3></th>
+				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="slidefade" data-inline="true">dialog</a></td>
+				<td><a href="page-transitions-page.html" data-role="button" data-transition="slidefade" data-inline="true">page</a></td>
+			</tr>
+			<tr>
+				<th><h3>slide</h3></th>
+				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="slide" data-inline="true">dialog</a></td>
+				<td><a href="page-transitions-page.html" data-role="button" data-transition="slide" data-inline="true">page</a></td>
+			</tr>
+			<tr>
+				<th><h3>slideup</h3></th>
+				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="slideup" data-inline="true">dialog</a></td>
+				<td><a href="page-transitions-page.html" data-role="button" data-transition="slideup" data-inline="true">page</a></td>
+			</tr>
+			<tr>
+				<th><h3>slidedown</h3></th>
+				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="slidedown" data-inline="true">dialog</a></td>
+				<td><a href="page-transitions-page.html" data-role="button" data-transition="slidedown" data-inline="true">page</a></td>
+			</tr>
+			<tr>
+				<th><h3>none</h3></th>
+				<td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="none" data-inline="true">dialog</a></td>
+				<td><a href="page-transitions-page.html" data-role="button" data-rel="dialog" data-transition="none" data-inline="true">page</a></td>
+			</tr>
+		</table>
+
+
+<p><strong>Only seeing fade transitions?</strong> To view all transition types, you must be on a browser that supports 3D transforms. By default, devices that lack 3D support (such as Android 2.x) will fallback to "fade" for all transition types. This behavior is configurable (see below).</p>
+
+<p><strong>Transitions were originally inspired by <a href="http://www.jqtouch.com/">jQtouch</a></strong> They've since been rebuilt, but props to David Kaneda and Jonathan Stark for the initial guidance.</p>
+
+	<h2>Setting a transition on a link or form submit</h2>
+	<p>By default, the framework applies a <strong>fade</strong> transition. To set a custom transition effect, add the <code>data-transition</code> attribute to the link. </p>
+
+<code><code>
+&lt;a href=&quot;index.html&quot; <strong>data-transition=&quot;pop&quot;</strong>&gt;I'll pop&lt;/a&gt;
+</code></code>
+		
+		<p>When the Back button is pressed, the framework will automatically apply the reverse version of the transition that was used to show the page. To specify that the reverse version of a transition should be used, add the <code>data-direction="reverse"</code> attribute to a link.</p>
+				
+		<h2>Global configuration of transitions</h2>
+		
+		<p>Set the <code>defaultPageTransition</code> <a href="../api/globalconfig.html">global option</a> if you'd prefer a different default transition. Dialogs have a different option called <code>defaultDialogTransition</code> that can also set configured.</p>
+	
+
+		<h2>Browser support and performance</h2>
+		<p>All transitions are built with CSS keyframe animations and include both <code>-webkit</code> vendor prefixed rules for iOS, Blackberry, Android, Safari and Chrome browsers and <code>-moz</code> rules for Firefox browsers. Support for keyframe animations and transition smoothness is determined by the browser version and hardware and will safely fall back to no transition if animations aren't supported. To proactively exclude transition in situations with poor performance, we exclude browsers that lack 3D transforms and provide a fallback transition and apply a max width for when transitions are applied.</p>
+		
+		<h2>Defining fallback transitions for non-3D support</h2>
+		<p>By default, all transitions except fade require 3D transform support. Devices that lack 3D support will fall back to a fade transition, regardless of the transition specified. We do this to proactively exclude poorly-performing platforms like Android 2.x from advanced transitions and ensure they still have a smooth experience. Note that there are platforms such as Android 3.0 that technically support 3D transforms, but still have poor animation performance so this won't guarantee that every browser will be 100% flicker-free but we try to target this responsibly.</p>
+		
+		<p>The fallback transition for browsers that don't support 3D transforms can be configured for each transition type, but by default we specify "fade" as the fallback. For example, this will set the fallback transition for the slideout transition to "none":</p>
+		<code>$.mobile.transitionFallbacks.slideout = "none"</code>
+		
+		<h2>Setting a max width for transitions</h2>
+		<p>By default, transitions can be disabled (set to "none") when the window width is greater than a certain pixel width. This feature is useful because transitions can be distracting or perform poorly on larger screens. This value is configurable via the global option <code>$.mobile.maxTransitionWidth</code>, which defaults to <code>false</code>. The option accepts any number representing a pixel width or <code>false</code> value. If it's not <code>false</code>, the handler will use a "none" transition when the window width is wider than the specified value.</p>
+
+		
+
+	
+
+		<h2>Creating custom transitions</h2>
+
+		<p>jQuery Mobile allows for the addition of <a href="page-customtransitions.html">custom transitions</a> to the <code>$.mobile.transitionHandlers</code> dictionary so you can expand the selection of transitions on your site or app. 
+
+			
+
+		
+
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+								<li data-role="list-divider">Pages &amp; Dialogs</li>
+								<li><a href="page-anatomy.html">Anatomy of a page</a></li>
+								<li><a href="page-template.html" data-ajax="false">Single page template</a></li>
+								<li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
+								<li><a href="page-titles.html">Page titles</a></li>
+								<li><a href="page-links.html">Linking pages</a></li>
+								<li data-theme="a"><a href="page-transitions.html">Page transitions</a></li>
+								<li><a href="page-dialogs.html">Dialogs</a></li>
+								<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
+								<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
+								<li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
+								<li><a href="page-scripting.html">Scripting pages</a></li>
+								<li><a href="phonegap.html">PhoneGap apps</a></li>
+								<li><a href="touchoverflow.html">touchOverflow feature</a></li>
+								<li><a href="pages-themes.html">Theming pages</a></li>
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="c">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+
+			</body>
+			</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes.html b/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes.html
new file mode 100644
index 00000000..92f8876b
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes.html
@@ -0,0 +1,150 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Theming Pages</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Theming pages</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="pages-themes.html" data-role="button" data-transition="fade" class="ui-btn-active">Theme Overview</a></li>				
+				
+				<li><a href="pages-themes/theme-a.html" data-role="button" data-transition="fade">A&nbsp;</a></li>
+				<li><a href="pages-themes/theme-b.html" data-role="button" data-transition="fade">B&nbsp;</a></li>
+				<li><a href="pages-themes/theme-c.html" data-role="button" data-transition="fade">C&nbsp;</a></li>
+				<li><a href="pages-themes/theme-d.html" data-role="button" data-transition="fade">D&nbsp;</a></li>
+				<li><a href="pages-themes/theme-e.html" data-role="button" data-transition="fade">E&nbsp;</a></li>
+			</ul>
+			
+			<h2>Page Theming</h2>
+			
+			<p>jQuery Mobile has a rich <a href="../api/themes.html">theming system</a> that gives you full control of how pages are styled. There is detailed theming documentation within each page widget, but let's look at a few high-level examples of how theming is applied.</p>
+			
+			<p>The <code> data-theme</code> attribute can be applied to the header and footer containers to apply any of the lettered theme color swatches. While the <code>data-theme</code> attribute could be added to the content container, we recommend adding it instead to <code>div</code> or container that has been assigned the <code> data-role="page"</code> attribute to ensure that the background color is applied to the full page. When this is done, all widgets on the page will also inherit the theme specified in the page container. However, headers and footers will default to theme "a". If you want to have a page with, for example, only theme "b" for all its elements, including its header and footer, you will need to specify <code>data-theme="b"</code> to the page <code>div</code> as well as the header and footer <code>divs</code>. </p>
+			
+			<p>The default Theme mixes styles from multiple swatches to create visual texture and present the various elements in optimal contrast to one another:</p>
+			
+			<div data-role="header">
+				<h1>Default Theme</h1>
+			</div>
+
+			<div class="ui-body ui-body-c">
+				<h3>Default Theme Content Header</h3>
+				<p>This is the default content color swatch and a preview of a <a href="#" class="ui-link">link</a>.</p>
+				
+				<a href="#" data-role="button" data-inline="true">Button</a>
+			</div>
+
+			<p>And each of the five "swatches" applies its style consistently across all page elements, as shown below:</p>
+						
+			<h2>Swatch A</h2>
+			<div data-role="header">
+				<h1>Header A</h1>
+			</div>
+			
+			
+			<div class="ui-body ui-body-a">
+				<h3>Header</h3>
+				<p>This is content color swatch "A" and a preview of a <a href="#" class="ui-link">link</a>.</p>
+				<a href="#" data-role="button" data-inline="true">Button</a>
+			</div>
+
+
+			<h2>Swatch B</h2>
+			<div data-role="header" data-theme="b">
+				<h1>Header B</h1>
+			</div>
+			<div class="ui-body ui-body-b">
+				<h3>Header</h3>
+				<p>This is content color swatch "B" and a preview of a <a href="#" class="ui-link">link</a>.</p>
+				<a href="#" data-role="button" data-inline="true">Button</a>
+			</div>
+			
+			<h2>Swatch C</h2>
+			<div data-role="header" data-theme="c">
+				<h1>Header C</h1>
+			</div>
+			<div class="ui-body ui-body-c">
+				<h3>Header</h3>
+				<p>This is content color swatch "C" and a preview of a <a href="#" class="ui-link">link</a>.</p>
+				<a href="#" data-role="button" data-inline="true">Button</a>
+			</div>
+
+			<h2>Swatch D</h2>
+			<div data-role="header" data-theme="d">
+				<h1>Header D</h1>
+			</div>
+			<div class="ui-body ui-body-d">
+				<h3>Header</h3>
+				<p>This is content color swatch "D" and a preview of a <a href="#" class="ui-link">link</a>.</p>
+				<a href="#" data-role="button" data-inline="true">Button</a>
+			</div>
+			
+			<h2>Swatch E</h2>
+			<div data-role="header" data-theme="e">
+				<h1>Header E</h1>
+			</div>
+			<div class="ui-body ui-body-e">
+				<h3>Header</h3>
+				<p>This is content color swatch "E" and a preview of a <a href="#" class="ui-link">link</a>.</p>
+				<a href="#" data-role="button" data-inline="true">Button</a>
+			</div>
+			
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Pages &amp; Dialogs</li>
+								<li><a href="page-anatomy.html">Anatomy of a page</a></li>
+								<li><a href="page-template.html" data-ajax="false">Single page template</a></li>
+								<li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
+								<li><a href="page-titles.html">Page titles</a></li>
+								<li><a href="page-links.html">Linking pages</a></li>
+								<li><a href="page-transitions.html">Page transitions</a></li>
+								<li><a href="page-dialogs.html">Dialogs</a></li>
+								<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
+								<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
+								<li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
+								<li><a href="page-scripting.html">Scripting pages</a></li>
+								<li><a href="phonegap.html">PhoneGap apps</a></li>
+								<li><a href="touchoverflow.html">touchOverflow feature</a></li>
+								<li data-theme="a"><a href="pages-themes.html">Theming pages</a></li>
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="c">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes/theme-a.html b/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes/theme-a.html
new file mode 100644
index 00000000..9aae998f
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes/theme-a.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Theming Pages</title> 
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior" data-theme="a">
+
+		<div data-role="header">
+		<h1>Theming pages</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>				
+				
+				<li><a href="theme-a.html" data-role="button" data-transition="fade" class="ui-btn-active">A&nbsp;</a></li>
+				<li><a href="theme-b.html" data-role="button" data-transition="fade">B&nbsp;</a></li>
+				<li><a href="theme-c.html" data-role="button" data-transition="fade">C&nbsp;</a></li>
+				<li><a href="theme-d.html" data-role="button" data-transition="fade">D&nbsp;</a></li>
+				<li><a href="theme-e.html" data-role="button" data-transition="fade">E&nbsp;</a></li>
+			</ul>
+			
+			<h2>Theme A Sample Page</h2>
+	
+			<p>This is an example of <code>data-theme="a"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
+	
+			<div data-role="fieldcontain">
+	         <label for="name-a">Text Input:</label>
+	         <input type="text" name="name" id="name-a" value=""  />
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="switch-a">Flip switch:</label>
+				<select name="switch-a" id="switch-a" data-role="slider">
+					<option value="off">Off</option>
+					<option value="on">On</option>
+				</select> 
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="slider-a">Slider:</label>
+			 	<input type="range" name="slider" id="slider-a" value="0" min="0" max="100"  />
+			</div>
+
+			<div data-role="fieldcontain">
+			<fieldset data-role="controlgroup" data-type="horizontal">
+		    	<legend>Font styling:</legend>
+		    	<input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
+				<label for="checkbox-6a">b</label>
+
+				<input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
+				<label for="checkbox-7a"><em>i</em></label>
+
+				<input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
+				<label for="checkbox-8a">u</label>    
+		    </fieldset>
+			</div>
+
+			<div data-role="fieldcontain">
+			    <fieldset data-role="controlgroup">
+			    	<legend>Choose a pet:</legend>
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
+			         	<label for="radio-choice-1a">Cat</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2"  />
+			         	<label for="radio-choice-2a">Dog</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3"  />
+			         	<label for="radio-choice-3a">Hamster</label>
+
+			         	<input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4"  />
+			         	<label for="radio-choice-4a">Lizard</label>
+			    </fieldset>
+			</div>
+
+			<div data-role="fieldcontain">
+				<label for="select-choice-a" class="select">Choose shipping method:</label>
+				<select name="select-choice-a" id="select-choice-a">
+					<option value="standard">Standard: 7 day</option>
+					<option value="rush">Rush: 3 days</option>
+					<option value="express">Express: next day</option>
+					<option value="overnight">Overnight</option>
+				</select>
+			</div>
+			
+			<h2>Collapsible Sets</h2>		
+			<div data-role="collapsible-set">
+				<div data-role="collapsible" data-collapsed="false">
+					<h3>Section 1</h3>
+					<p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
+				</div>
+				<div data-role="collapsible">
+					<h3>Section 2</h3>
+					<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
+
+				</div>
+				<div data-role="collapsible">
+					<h3>Section 3</h3>
+					<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
+
+				</div>
+			</div>
+			
+			<h2>Inset List</h2>
+			<ul data-role="listview" data-inset="true">
+				<li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
+				<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+				<li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
+				<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
+				<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
+			</ul>
+			
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+					<div data-role="collapsible" data-collapsed="true" data-theme="a" data-content-theme="a">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="a" data-dividertheme="a">
+							<li data-role="list-divider">Pages &amp; Dialogs</li>
+							<li><a href="../page-anatomy.html">Anatomy of a page</a></li>
+							<li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
+							<li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
+							<li><a href="../page-titles.html">Page titles</a></li>
+							<li><a href="../page-links.html">Linking pages</a></li>
+							<li><a href="../page-transitions.html" data-ajax="false">Page transitions</a></li>
+							<li><a href="../page-dialogs.html">Dialogs</a></li>
+							<li><a href="../page-cache.html">Prefetching &amp; caching pages</a></li>
+							<li><a href="../page-navmodel.html">Ajax, hashes &amp; history</a></li>
+							<li><a href="../page-dynamic.html">Dynamically Injecting Pages</a></li>
+							<li><a href="../page-scripting.html">Scripting pages</a></li>
+							<li data-theme="b"><a href="../pages-themes.html">Theming pages</a></li>
+						</ul>
+					</div>
+				</div>	
+
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes/theme-b.html b/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes/theme-b.html
new file mode 100644
index 00000000..7803d1da
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes/theme-b.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Theming Pages</title> 
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior" data-theme="b">
+
+		<div data-role="header" data-theme="b">
+		<h1>Theming pages</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>
+						
+				<li><a href="theme-a.html" data-role="button" data-transition="fade">A&nbsp;</a></li>
+				<li><a href="theme-b.html" data-role="button" data-transition="fade" class="ui-btn-active">B&nbsp;</a></li>
+				<li><a href="theme-c.html" data-role="button" data-transition="fade">C&nbsp;</a></li>
+				<li><a href="theme-d.html" data-role="button" data-transition="fade">D&nbsp;</a></li>
+				<li><a href="theme-e.html" data-role="button" data-transition="fade">E&nbsp;</a></li>
+			</ul>
+			
+			<h2>Theme B Sample Page</h2>
+
+			<p>This is an example of <code>data-theme="b"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
+			
+					<div data-role="fieldcontain">
+			         <label for="name-a">Text Input:</label>
+			         <input type="text" name="name" id="name-a" value=""  />
+					</div>
+
+					<div data-role="fieldcontain">
+						<label for="switch-a">Flip switch:</label>
+						<select name="switch-a" id="switch-a" data-role="slider">
+							<option value="off">Off</option>
+							<option value="on">On</option>
+						</select> 
+					</div>
+
+					<div data-role="fieldcontain">
+						<label for="slider-a">Slider:</label>
+					 	<input type="range" name="slider" id="slider-a" value="0" min="0" max="100"  />
+					</div>
+
+					<div data-role="fieldcontain">
+					<fieldset data-role="controlgroup" data-type="horizontal">
+				    	<legend>Font styling:</legend>
+				    	<input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
+						<label for="checkbox-6a">b</label>
+
+						<input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
+						<label for="checkbox-7a"><em>i</em></label>
+
+						<input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
+						<label for="checkbox-8a">u</label>    
+				    </fieldset>
+					</div>
+
+					<div data-role="fieldcontain">
+					    <fieldset data-role="controlgroup">
+					    	<legend>Choose a pet:</legend>
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
+					         	<label for="radio-choice-1a">Cat</label>
+
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2"  />
+					         	<label for="radio-choice-2a">Dog</label>
+
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3"  />
+					         	<label for="radio-choice-3a">Hamster</label>
+
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4"  />
+					         	<label for="radio-choice-4a">Lizard</label>
+					    </fieldset>
+					</div>
+
+					<div data-role="fieldcontain">
+						<label for="select-choice-a" class="select">Choose shipping method:</label>
+						<select name="select-choice-a" id="select-choice-a">
+							<option value="standard">Standard: 7 day</option>
+							<option value="rush">Rush: 3 days</option>
+							<option value="express">Express: next day</option>
+							<option value="overnight">Overnight</option>
+						</select>
+					</div>
+
+					<h2>Collapsible Sets</h2>		
+					<div data-role="collapsible-set">
+						<div data-role="collapsible" data-collapsed="false">
+							<h3>Section 1</h3>
+							<p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
+						</div>
+						<div data-role="collapsible">
+							<h3>Section 2</h3>
+							<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
+
+						</div>
+						<div data-role="collapsible">
+							<h3>Section 3</h3>
+							<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
+
+						</div>
+					</div>
+
+					<h2>Inset List</h2>
+					<ul data-role="listview" data-inset="true">
+						<li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
+						<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+						<li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
+						<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
+						<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
+					</ul>
+					
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="b">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="b" data-dividertheme="b">
+							<li data-role="list-divider">Pages &amp; Dialogs</li>
+							<li><a href="../page-anatomy.html">Anatomy of a page</a></li>
+							<li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
+							<li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
+							<li><a href="../page-titles.html">Page titles</a></li>
+							<li><a href="../page-links.html">Linking pages</a></li>
+							<li><a href="../page-transitions.html" data-ajax="false">Page transitions</a></li>
+							<li><a href="../page-dialogs.html">Dialogs</a></li>
+							<li><a href="../page-cache.html">Prefetching &amp; caching pages</a></li>
+							<li><a href="../page-navmodel.html">Ajax, hashes &amp; history</a></li>
+							<li><a href="../page-dynamic.html">Dynamically Injecting Pages</a></li>
+							<li><a href="../page-scripting.html">Scripting pages</a></li>
+							<li data-theme="a"><a href="../pages-themes.html">Theming pages</a></li>
+						</ul>
+					</div>
+				</div>
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="b">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes/theme-c.html b/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes/theme-c.html
new file mode 100644
index 00000000..2bbdd2fd
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes/theme-c.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Theming Pages</title> 
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior" data-theme="c">
+
+		<div data-role="header" data-theme="c">
+		<h1>Theming pages</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>				
+				
+				<li><a href="theme-a.html" data-role="button" data-transition="fade">A&nbsp;</a></li>
+				<li><a href="theme-b.html" data-role="button" data-transition="fade">B&nbsp;</a></li>
+				<li><a href="theme-c.html" data-role="button" data-transition="fade" class="ui-btn-active">C&nbsp;</a></li>
+				<li><a href="theme-d.html" data-role="button" data-transition="fade">D&nbsp;</a></li>
+				<li><a href="theme-e.html" data-role="button" data-transition="fade">E&nbsp;</a></li>
+			</ul>
+			
+			<h2>Theme C Sample Page</h2>
+			
+			<p>This is an example of <code>data-theme="c"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
+
+					<div data-role="fieldcontain">
+			         <label for="name-a">Text Input:</label>
+			         <input type="text" name="name" id="name-a" value=""  />
+					</div>
+
+					<div data-role="fieldcontain">
+						<label for="switch-a">Flip switch:</label>
+						<select name="switch-a" id="switch-a" data-role="slider">
+							<option value="off">Off</option>
+							<option value="on">On</option>
+						</select> 
+					</div>
+
+					<div data-role="fieldcontain">
+						<label for="slider-a">Slider:</label>
+					 	<input type="range" name="slider" id="slider-a" value="0" min="0" max="100"  />
+					</div>
+
+					<div data-role="fieldcontain">
+					<fieldset data-role="controlgroup" data-type="horizontal">
+				    	<legend>Font styling:</legend>
+				    	<input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
+						<label for="checkbox-6a">b</label>
+
+						<input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
+						<label for="checkbox-7a"><em>i</em></label>
+
+						<input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
+						<label for="checkbox-8a">u</label>    
+				    </fieldset>
+					</div>
+
+					<div data-role="fieldcontain">
+					    <fieldset data-role="controlgroup">
+					    	<legend>Choose a pet:</legend>
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
+					         	<label for="radio-choice-1a">Cat</label>
+
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2"  />
+					         	<label for="radio-choice-2a">Dog</label>
+
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3"  />
+					         	<label for="radio-choice-3a">Hamster</label>
+
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4"  />
+					         	<label for="radio-choice-4a">Lizard</label>
+					    </fieldset>
+					</div>
+
+					<div data-role="fieldcontain">
+						<label for="select-choice-a" class="select">Choose shipping method:</label>
+						<select name="select-choice-a" id="select-choice-a">
+							<option value="standard">Standard: 7 day</option>
+							<option value="rush">Rush: 3 days</option>
+							<option value="express">Express: next day</option>
+							<option value="overnight">Overnight</option>
+						</select>
+					</div>
+
+					<h2>Collapsible Sets</h2>		
+					<div data-role="collapsible-set">
+						<div data-role="collapsible" data-collapsed="false">
+							<h3>Section 1</h3>
+							<p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
+						</div>
+						<div data-role="collapsible">
+							<h3>Section 2</h3>
+							<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
+
+						</div>
+						<div data-role="collapsible">
+							<h3>Section 3</h3>
+							<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
+
+						</div>
+					</div>
+
+					<h2>Inset List</h2>
+					<ul data-role="listview" data-inset="true">
+						<li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
+						<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+						<li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
+						<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
+						<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
+					</ul>
+					
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="c" data-content-theme="c">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="c">
+							<li data-role="list-divider">Pages &amp; Dialogs</li>
+							<li><a href="../page-anatomy.html">Anatomy of a page</a></li>
+							<li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
+							<li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
+							<li><a href="../page-titles.html">Page titles</a></li>
+							<li><a href="../page-links.html">Linking pages</a></li>
+							<li><a href="../page-transitions.html" data-ajax="false">Page transitions</a></li>
+							<li><a href="../page-dialogs.html">Dialogs</a></li>
+							<li><a href="../page-cache.html">Prefetching &amp; caching pages</a></li>
+							<li><a href="../page-navmodel.html">Ajax, hashes &amp; history</a></li>
+							<li><a href="../page-dynamic.html">Dynamically Injecting Pages</a></li>
+							<li><a href="../page-scripting.html">Scripting pages</a></li>
+							<li data-theme="a"><a href="../pages-themes.html">Theming pages</a></li>
+						</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="c">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes/theme-d.html b/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes/theme-d.html
new file mode 100644
index 00000000..91e21369
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes/theme-d.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Theming Pages</title> 
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior" data-theme="d">
+
+		<div data-role="header" data-theme="d">
+		<h1>Theming pages</h1>
+		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>				
+				
+				<li><a href="theme-a.html" data-role="button" data-transition="fade">A&nbsp;</a></li>
+				<li><a href="theme-b.html" data-role="button" data-transition="fade">B&nbsp;</a></li>
+				<li><a href="theme-c.html" data-role="button" data-transition="fade">C&nbsp;</a></li>
+				<li><a href="theme-d.html" data-role="button" data-transition="fade" class="ui-btn-active">D&nbsp;</a></li>
+				<li><a href="theme-e.html" data-role="button" data-transition="fade">E&nbsp;</a></li>
+			</ul>
+			
+			<h2>Theme D Sample Page</h2>
+
+			<p>This is an example of <code>data-theme="d"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
+			
+					<div data-role="fieldcontain">
+			         <label for="name-a">Text Input:</label>
+			         <input type="text" name="name" id="name-a" value=""  />
+					</div>
+
+					<div data-role="fieldcontain">
+						<label for="switch-a">Flip switch:</label>
+						<select name="switch-a" id="switch-a" data-role="slider">
+							<option value="off">Off</option>
+							<option value="on">On</option>
+						</select> 
+					</div>
+
+					<div data-role="fieldcontain">
+						<label for="slider-a">Slider:</label>
+					 	<input type="range" name="slider" id="slider-a" value="0" min="0" max="100"  />
+					</div>
+
+					<div data-role="fieldcontain">
+					<fieldset data-role="controlgroup" data-type="horizontal">
+				    	<legend>Font styling:</legend>
+				    	<input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
+						<label for="checkbox-6a">b</label>
+
+						<input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
+						<label for="checkbox-7a"><em>i</em></label>
+
+						<input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
+						<label for="checkbox-8a">u</label>    
+				    </fieldset>
+					</div>
+
+					<div data-role="fieldcontain">
+					    <fieldset data-role="controlgroup">
+					    	<legend>Choose a pet:</legend>
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
+					         	<label for="radio-choice-1a">Cat</label>
+
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2"  />
+					         	<label for="radio-choice-2a">Dog</label>
+
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3"  />
+					         	<label for="radio-choice-3a">Hamster</label>
+
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4"  />
+					         	<label for="radio-choice-4a">Lizard</label>
+					    </fieldset>
+					</div>
+
+					<div data-role="fieldcontain">
+						<label for="select-choice-a" class="select">Choose shipping method:</label>
+						<select name="select-choice-a" id="select-choice-a">
+							<option value="standard">Standard: 7 day</option>
+							<option value="rush">Rush: 3 days</option>
+							<option value="express">Express: next day</option>
+							<option value="overnight">Overnight</option>
+						</select>
+					</div>
+
+					<h2>Collapsible Sets</h2>		
+					<div data-role="collapsible-set">
+						<div data-role="collapsible" data-collapsed="false">
+							<h3>Section 1</h3>
+							<p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
+						</div>
+						<div data-role="collapsible">
+							<h3>Section 2</h3>
+							<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
+
+						</div>
+						<div data-role="collapsible">
+							<h3>Section 3</h3>
+							<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
+
+						</div>
+					</div>
+
+					<h2>Inset List</h2>
+					<ul data-role="listview" data-inset="true">
+						<li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
+						<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+						<li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
+						<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
+						<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
+					</ul>
+			
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+							<li data-role="list-divider">Pages &amp; Dialogs</li>
+							<li><a href="../page-anatomy.html">Anatomy of a page</a></li>
+							<li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
+							<li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
+							<li><a href="../page-titles.html">Page titles</a></li>
+							<li><a href="../page-links.html">Linking pages</a></li>
+							<li><a href="../page-transitions.html" data-ajax="false">Page transitions</a></li>
+							<li><a href="../page-dialogs.html">Dialogs</a></li>
+							<li><a href="../page-cache.html">Prefetching &amp; caching pages</a></li>
+							<li><a href="../page-navmodel.html">Ajax, hashes &amp; history</a></li>
+							<li><a href="../page-dynamic.html">Dynamically Injecting Pages</a></li>
+							<li><a href="../page-scripting.html">Scripting pages</a></li>
+							<li data-theme="a"><a href="../pages-themes.html">Theming pages</a></li>
+						</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="d">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes/theme-e.html b/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes/theme-e.html
new file mode 100644
index 00000000..b06458a6
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/pages-themes/theme-e.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Theming Pages</title> 
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior" data-theme="e">
+
+		<div data-role="header" data-theme="e">
+			<h1>Theming pages</h1>
+			<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+		</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+			
+			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
+				<li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>				
+				
+				<li><a href="theme-a.html" data-role="button" data-transition="fade">A&nbsp;</a></li>
+				<li><a href="theme-b.html" data-role="button" data-transition="fade">B&nbsp;</a></li>
+				<li><a href="theme-c.html" data-role="button" data-transition="fade">C&nbsp;</a></li>
+				<li><a href="theme-d.html" data-role="button" data-transition="fade">D&nbsp;</a></li>
+				<li><a href="theme-e.html" data-role="button" data-transition="fade" class="ui-btn-active">E&nbsp;</a></li>
+			</ul>
+			
+			<h2>Theme E Sample Page</h2>
+			
+			<p>This is an example of <code>data-theme="e"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
+						
+					<div data-role="fieldcontain">
+			         <label for="name-a">Text Input:</label>
+			         <input type="text" name="name" id="name-a" value=""  />
+					</div>
+
+					<div data-role="fieldcontain">
+						<label for="switch-a">Flip switch:</label>
+						<select name="switch-a" id="switch-a" data-role="slider">
+							<option value="off">Off</option>
+							<option value="on">On</option>
+						</select> 
+					</div>
+
+					<div data-role="fieldcontain">
+						<label for="slider-a">Slider:</label>
+					 	<input type="range" name="slider" id="slider-a" value="0" min="0" max="100"  />
+					</div>
+
+					<div data-role="fieldcontain">
+					<fieldset data-role="controlgroup" data-type="horizontal">
+				    	<legend>Font styling:</legend>
+				    	<input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
+						<label for="checkbox-6a">b</label>
+
+						<input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
+						<label for="checkbox-7a"><em>i</em></label>
+
+						<input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
+						<label for="checkbox-8a">u</label>    
+				    </fieldset>
+					</div>
+
+					<div data-role="fieldcontain">
+					    <fieldset data-role="controlgroup">
+					    	<legend>Choose a pet:</legend>
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
+					         	<label for="radio-choice-1a">Cat</label>
+
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2"  />
+					         	<label for="radio-choice-2a">Dog</label>
+
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3"  />
+					         	<label for="radio-choice-3a">Hamster</label>
+
+					         	<input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4"  />
+					         	<label for="radio-choice-4a">Lizard</label>
+					    </fieldset>
+					</div>
+
+					<div data-role="fieldcontain">
+						<label for="select-choice-a" class="select">Choose shipping method:</label>
+						<select name="select-choice-a" id="select-choice-a">
+							<option value="standard">Standard: 7 day</option>
+							<option value="rush">Rush: 3 days</option>
+							<option value="express">Express: next day</option>
+							<option value="overnight">Overnight</option>
+						</select>
+					</div>
+
+					<h2>Collapsible Sets</h2>		
+					<div data-role="collapsible-set">
+						<div data-role="collapsible" data-collapsed="false">
+							<h3>Section 1</h3>
+							<p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
+						</div>
+						<div data-role="collapsible">
+							<h3>Section 2</h3>
+							<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
+
+						</div>
+						<div data-role="collapsible">
+							<h3>Section 3</h3>
+							<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
+
+						</div>
+					</div>
+
+					<h2>Inset List</h2>
+					<ul data-role="listview" data-inset="true">
+						<li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
+						<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+						<li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
+						<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
+						<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
+					</ul>
+			
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="e" data-content-theme="e">
+
+						<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="e" data-dividertheme="e">
+								<li data-role="list-divider">Pages &amp; Dialogs</li>
+								<li><a href="../../page-anatomy.html">Anatomy of a page</a></li>
+								<li><a href="../../page-template.html" data-ajax="false">Single page template</a></li>
+								<li><a href="../../multipage-template.html" data-ajax="false">Multi-page template</a></li>
+								<li><a href="../../page-titles.html">Page titles</a></li>
+								<li><a href="../../page-links.html">Linking pages</a></li>
+								<li><a href="../../page-transitions.html" data-ajax="false">Page transitions</a></li>
+								<li><a href="../../page-dialogs.html">Dialogs</a></li>
+								<li><a href="../../page-cache.html">Prefetching &amp; caching pages</a></li>
+								<li><a href="../../page-navmodel.html">Ajax, hashes &amp; history</a></li>
+								<li><a href="../../page-dynamic.html">Dynamically Injecting Pages</a></li>
+								<li><a href="../../page-scripting.html">Scripting pages</a></li>
+								<li data-theme="a"><a href="../../pages-themes.html">Theming pages</a></li>
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="e">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/phonegap.html b/libs/js/jquery-mobile-1.1.0/docs/pages/phonegap.html
new file mode 100644
index 00000000..51a53b31
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/phonegap.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Phonegap</title>
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head>
+<body>
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>PhoneGap apps</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+
+
+			<h2>Building PhoneGap apps with jQuery Mobile</h2>
+
+			<p><a href="http://phonegap.com/" rel="external">PhoneGap</a> is an HTML5 app platform that allows developers to author native applications with web technologies and get access to APIs and app stores. Applications are built as normal HTML pages and packaged up to run as a native application within a UIWebView or WebView (a chromeless browser, referred to hereafter as a webview). Since PhoneGap is frequently used in conjunction with jQuery Mobile, we wanted to offer a few tips and recommendations to help you get staretd. </p>
+
+			<p>The initial application document is loaded by the PhoneGap application by a local file:// URL. This means that if you want to pull in pages from your company's remote server (phone home) you will have to refer to them with absolute URLs to your server. Because your document originates from a file:// URL, loading pages or assets from your remote server is considered a cross-domain request that can be blocked in certain scenarios. </p>
+
+			<p>Your ability to access cross-domain pages from within a Phone Gap jQuery Mobile application is controlled by two key things: <code>$.support.cors</code> and <code>$.mobile.allowCrossDomainPages</code>, and can also be influenced by the white list feature in later builds of PhoneGap.</p>
+
+			<h2>$.support.cors</h2>
+
+			<p>In jQuery core, there is a <a href="http://api.jquery.com/jQuery.support/" rel="external">$.support.cors</a> boolean that indicates whether or not jQuery thinks the browser supports the W3C "<a hre="http://www.w3.org/TR/cors/" rel="external">Cross-Origin Resource Sharing</a>" feature to support cross-domain requests.</p>
+
+			<p>Since jQuery Mobile relies on jQuery core's $.ajax() functionality, <code>$.support.cors</code> must be set to <code>true</code> to tell <code>$.ajax</code> to load cross-domain pages. We've heard reports that webviews on some platforms, like BlackBerry, support cross-domain loading, but that jQuery core incorrectly sets <code>$.support.cors</code> value to <code>false</code> which disables cross-domain $.ajax() requests and will cause the page or assets to fail to load. </p>
+
+			<h2>$.mobile.buttonMarkup.hoverDelay</h2>
+
+			<p>If you find that the button down/hover state (lists, buttons, links etc) feels sluggish the <code>$.mobile.buttonMarkup.hoverDelay</code> setting might be of use. It will decrease the time between the touch event and the application of the relevant class but will also result in a higher chance that the same class will be applied even when the user is scrolling (eg, over a long list of links).</p>
+
+			<h2>$.mobile.allowCrossDomainPages</h2>
+
+			<p>When jQuery Mobile attempts to load an external page, the request runs through <code>$.mobile.loadPage()</code>. This will only allow cross-domain requests if the <code>$.mobile.allowCrossDomainPages</code> configuration option is set to <code>true</code>. Because the jQuery Mobile framework tracks what page is being viewed within the browser's location hash, it is possible for a cross-site scripting (XSS) attack to occur if the XSS code in question can manipulate the hash and set it to a cross-domain URL of its choice. This is the main reason that the default setting for <code>$.mobile.allowCrossDomainPages</code> is set to <code>false</code>.</p>
+
+			<p>So in PhoneGap apps that must "phone home" by loading assets off a remote server, both the <code>$.support.cors</code> AND <code>$.mobile.allowCrossDomainPages</code> must be set to <code>true</code>.  The  <code>$.mobile.allowCrossDomainPages</code> option must be set before any cross-domain request is made so we recommend wrapping this in a <code>mobileinit</code> handler:</p>
+
+<pre><code>$( document ).bind( "mobileinit", function() {
+    // Make your jQuery Mobile framework configuration changes here!
+
+    $.mobile.allowCrossDomainPages = true;
+});</code></pre>
+
+			<h2>PhoneGap White Listing</h2>
+
+			<p>PhoneGap 1.0 introduced the idea of white-listing servers that its internal webview is allowed to make cross-domain requests to. You can find info about it here on the <a href="http://wiki.phonegap.com/w/page/40796976/Install%20the%20latest%20%28trunk%29%20source%20of%20iOS%20PhoneGap">PhoneGap wiki</a>:</p>
+
+			<p>However, not all platforms support this white-listing feature so check the PhoneGap documentation for details. Older versions of PhoneGap prior to 1.0 defaulted to allowing cross-domain requests to any server.</p>
+
+			<h2>Still having issues?</h2>
+
+			<p>Here are a few more tips that aren't specifically related to PhoneGap but are good to know:</p>
+
+			<p><strong>We recommend disabling the <a href="../api/globalconfig.html">pushState feature</a> for installed apps </strong>because there are edge cases where this feature can cause unexpected navigation behavior and since URLs aren't visible in a webview, it's not worth keeping this active in these situations. </p>
+
+			<p><strong>Android enforces a timeout when loading URLs in a webview</strong> which may be too short for your needs. You can change this timeout by editing a Java class generated by the Eclipse plugin for Android:</p>
+
+			<code>super.setIntegerProperty("loadUrlTimeoutValue", 60000);</code>
+
+
+
+      </div>
+		<!--/content-primary -->
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+								<li data-role="list-divider">Pages &amp; Dialogs</li>
+								<li><a href="page-anatomy.html">Anatomy of a page</a></li>
+								<li><a href="page-template.html" data-ajax="false">Single page template</a></li>
+								<li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
+								<li><a href="page-titles.html">Page titles</a></li>
+								<li><a href="page-links.html">Linking pages</a></li>
+								<li><a href="page-transitions.html">Page transitions</a></li>
+								<li><a href="page-dialogs.html">Dialogs</a></li>
+								<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
+								<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
+								<li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
+								<li><a href="page-scripting.html">Scripting pages</a></li>
+								<li data-theme="a"><a href="phonegap.html">PhoneGap apps</a></li>
+								<li><a href="touchoverflow.html">touchOverflow feature</a></li>
+								<li><a href="pages-themes.html">Theming pages</a></li>
+							</ul>
+					</div>
+				</div>
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="c">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/touchoverflow.html b/libs/js/jquery-mobile-1.1.0/docs/pages/touchoverflow.html
new file mode 100644
index 00000000..e552a840
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/touchoverflow.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - touchOverflow</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>touchOverflow</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">		
+			
+			<div class="ui-body ui-body-e">		
+					<h2>touchOverflowEnabled: Deprecated in 1.1.0</h2>
+
+					<p>Prior to jQuery Mobile 1.1, true fixed toolbar support was contingent on native browser support for the CSS property <code>overflow-scrolling: touch</code>, which is currently only supported in iOS5. As of version 1.1, jQuery Mobile no longer uses this CSS property at all. We've removed all internal usage of this property in the framework, but we've left it defined globally on the $.mobile object to reduce the risk that its removal will cause trouble with existing applications. This property is flagged for removal, so please update your code to no longer use it. The support test for this property, however, remains defined under <code>$.support</code> and we have no plans to remove that test at this time. </p>
+			</div>
+			
+			<h2 id="ios5">touchOverflow: Improved page transitions and true fixed toolbars</h2>
+			
+			<p>Currently, both the page you're viewing and the one you're navigating to are sitting next to each other in the viewport, which lets us leverage native scrolling for the broadest possible device support. The downside to this approach is that since both pages share the same viewport, when a page transition starts, we must first scroll to the top of the document, then start animating to ensure that the pages are lined up vertically. If you hit the Back button, we need to scroll up, transition, then restore the previous scroll position. Since mobile browsers are pretty slow, these scroll movements can detract from the flow of the experience.</p>
+			
+			<p>The way to really improve this situation is to have both pages in separate containers, each with its own internal scroll bar. The means no more scrolling the document or needing to restore scroll positions for a smoother experience. It also has the benefit of making fixed toolbars very easy to implement by simply placing them outside the containers with internal scrolling.<p>
+			
+			<h2>How it works</h2>
+			
+			<p>To leverage iOS5&#8242;s support for a touch-targeted version of <code>overflow:auto</code> which allows for internal scrolling regions with the native momentum scrolling, we've added a feature called touchOverflow that leverages these new CSS capabilities to  enable us to bring both true &#8220;fixed&#8221; toolbars and super smooth transitions to iOS5, all by using web standards and very little additional code.</p>				
+				
+			<p>A feature called <code>touchOverflowEnabled</code> is designed to leverage the upcoming wave of browsers that support overflow scrolling in CSS. Note that this feature is off by default to give us more time to test and debug this for best performance but we hope to turn it on by default at a later point. Here's how to enable this <a href="../api/globalconfig.html">global option</a>:</p>
+			
+<pre><code>&lt;script&gt;
+$(document).bind(&quot;mobileinit&quot;, function(){
+<strong>  $.mobile.touchOverflowEnabled = true;
+</strong>});
+&lt;/script&gt;</code></pre>
+			
+			<p>When this feature is activated, the framework looks for browser support for both the <code>overflow:</code> and <code>-webkit-overflow-scrolling:touch</code> CSS properties. In browsers that support both, it switches to a dual page container model with native overflow: scrolling within each, which brings true fixed toolbars smooth transitions. Coupled with iOS&#8217;s already excellent hardware-accelerated transitions, it's now possible to build interfaces that are very close to native performance.</p>
+			
+			<p>To demo this feature, check out <a href="../config/touchOverflow.html">this page</a> in iOS5.</p>
+
+			<h2>A few downsides</h2>
+			
+			<p>Nothing is perfect, especially a new feature, so there are a few downsides to keep in mind.  When activating this feature:</p>
+				
+			<ul>
+				<li>Sometimes child elements like lists and forms wouldn't render when embedded in a page with <code>overflow:</code> in iOS5. This was a pretty random phenomenon but is not acceptable so we've added a <code>translate-z</code> CSS property which forces iOS to render the contents. The downside with this fix is that when a transform is applied, all elements are set to position:relative which can cause issues in your layout.</li>
+				<li>The <code>-webkit-overflow-scrolling:touch</code> property seems to disable the events to scroll you to the top of the page when the time is tapped in the status bar. We hope Apple fixes this because it's a very useful feature.</li>
+				<li>When <code>overflow:</code> and <code>-webkit-overflow-scrolling:touch</code> properties are set, iOS appears to ignore any overflow:hidden properties on the parent, which is the page in our case. So if you have an image or code block that is wider than the viewport, horizontal scrolling will be seen. </li>
+				<li>When this feature is active, we are disabling user zoom by manipulating the meta viewport tag because both the toolbars and page content can easily be zoomed to an odd size and it's very difficult to zoom back out. Even though we believe in allowing users to zoom the page, alleviating the usability concerns we have with fixed toolbars and overflow containers is more important.</li>
+				<li>Scroll position can be lost when going back to a page that has been re-loaded. If DOM caching is on, this shouldn't be as much of an issue.</li>
+				<li>This is still an experimental feature, so not all the kinks have been worked out yet. Use with caution and test thoroughly.</li>
+			</ul>	
+			
+			
+			
+			<h2>Don&#8217;t other mobile platforms already support overflow?</h2>
+			<p>Yes, but there&#8217;s a catch. Both Android Honeycomb and the Blackberry PlayBook support <code>overflow:</code> properties, but we found in testing that their implementation of overflow wasn't smooth enough, so pages would stutter and hang during scrolling, leading to an unusable experience. We're working with device makers to ensure that they are included when performance improves.</p>
+			<p>More importantly, targeting overflow correctly is a major issue. If we simply placed an <code>overflow: auto</code> CSS rule on the pages, other popular mobile platforms like older versions of Android and iOS would essentially just clip off the content and make it effectively inaccessible (yes, you can do a two-finger scroll gesture in iOS but nobody knows that). The smart thing about Apple&#8217;s implementation for iOS5 is that they added an additional CSS property <code>-webkit-overflow-scrolling:touch</code> that allows us to test for this touch scrolling property and, if supported, add in the <code>overflow</code> rules for just those browsers. This is the only safe way to target overflow without resorting to complex and unmaintainable user agent detection.</p>
+			<p>We will be working with device and browser makers to encourage support for <em>both</em> these CSS-based properties because we strongly believe that this a critical piece needed to build rich mobile web apps. The project will add any vendor-prefixed additions to touch scrolling property if, for example, Opera, Firefox or Microsoft added this support. Once people see how much better page transitions and fixed toolbars are on iOS5, we&#8217;re hoping this will be supported quickly by other browsers. JS-based scroller scripts may still have a place in this new world as a polyfill for browsers that don&#8217;t yet support these new CSS capabilities but we see this as a brief, interim tool in the evolution of the mobile web.</p>
+			
+			
+			
+			<h2>Debugging touchOverflow</h2>
+			<p>Generally touchOverflow is only enabled on devices that support touch-scrolling of overflow areas, not desktop browsers.  This can make it difficult to debug problems with the touchOverflow feature.  To enable touchOverflow on all browsers, use the following code:
+
+<pre><code>&lt;script&gt;
+$(document).bind(&quot;mobileinit&quot;, function() {
+  <strong>$.support.touchOverflow = true;</strong>
+  $.mobile.touchOverflowEnabled = true;
+});
+&lt;/script&gt;</code></pre>
+
+
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Pages &amp; Dialogs</li>
+								<li><a href="page-anatomy.html">Anatomy of a page</a></li>
+								<li><a href="page-template.html" data-ajax="false">Single page template</a></li>
+								<li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
+								<li><a href="page-titles.html">Page titles</a></li>
+								<li><a href="page-links.html">Linking pages</a></li>
+								<li><a href="page-transitions.html">Page transitions</a></li>
+								<li><a href="page-dialogs.html">Dialogs</a></li>
+								<li><a href="page-cache.html">Prefetching &amp; caching pages</a></li>
+								<li><a href="page-navmodel.html">Ajax, hashes &amp; history</a></li>
+								<li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
+								<li><a href="page-scripting.html">Scripting pages</a></li>
+								<li><a href="phonegap.html">PhoneGap apps</a></li>
+								<li data-theme="a"><a href="touchoverflow.html">touchOverflow feature</a></li>
+								<li><a href="pages-themes.html">Theming pages</a></li>
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="c">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/pages/transition-success.html b/libs/js/jquery-mobile-1.1.0/docs/pages/transition-success.html
new file mode 100644
index 00000000..23eac4aa
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/pages/transition-success.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Dialog Example</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page">
+
+	<div data-role="header" data-theme="e">
+		<h1>Ta-da!</h1>
+	</div><!-- /header -->
+	
+	<div data-role="content" data-theme="e">
+		<p>That was an animated page transition effect that we added with a <code>data-transition</code> attribute on the link.</p>
+		<p>Since it uses CSS transforms, this should be hardware accelerated on many mobile devices.</p>
+		<p>What do you think?</p>
+		<a href="docs-transitions.html" data-role="button" data-theme="b" data-rel="back">I like it</a>   
+	</div>
+</div>
+
+
+</body>
+</html>
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-events.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-events.html
new file mode 100644
index 00000000..d65dbc0e
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-events.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Fixed Toolbars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-position="fixed" data-theme="f">
+
+		<h1>Fixed toolbars</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div>
+	
+	<div data-role="content">
+		<div class="content-primary">
+				<h2>Fixed toolbars</h2>
+				
+			    <ul data-role="controlgroup" data-type="horizontal" class="localnav">
+			      <li><a href="bars-fixed.html" data-role="button" data-transition="fade">Basics</a></li>
+			      <li><a href="bars-fixed-options.html" data-role="button" data-transition="fade">Options</a></li>
+			      <li><a href="bars-fixed-methods.html" data-role="button" data-transition="fade">Methods</a></li>
+			      <li><a href="bars-fixed-events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
+			    </ul>
+				
+				<p>The fixedtoolbar plugin has the following custom events:</p>
+
+				<dl>
+				
+					<dt><code>create</code> triggered when a fixed toolbar is created</dt>
+					<dd>
+
+						<pre><code>
+$( ".selector" ).fixedtoolbar({
+   create: function(event, ui) { ... }
+});		
+						</code></pre>
+					</dd>
+			
+
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Toolbars</li>
+								<li><a href="docs-bars.html">Toolbar basics</a></li>
+								<li><a href="docs-headers.html">Header bars</a></li>
+								<li><a href="docs-footers.html">Footer bars</a></li>
+								<li><a href="docs-navbar.html">Navbars</a></li>
+								<li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
+								<li><a href="footer-persist-a.html">Persistent toolbars</a></li>
+								<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
+					<h1>Fixed Footer</h1>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-a.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-a.html
new file mode 100644
index 00000000..1c732e7f
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-a.html
@@ -0,0 +1,299 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Fixed Toolbars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-position="fixed" data-theme="f">
+
+		<div class="ui-grid-a">
+			<form>
+			<div class="ui-block-a" style="width:60%">
+				<h1 style="font-size:19px; margin-left:12px;">2,146 Songs</h1>
+			</div>
+			<div class="ui-block-b" style="width:38%; padding:6px 5px 0 0;">
+					<select name="select-mini" id="select-mini" data-mini="true">
+						<option value="">Sort...</option>
+						<option value="date" selected>Newest</option>
+						<option value="name">Name</option>
+						<option value="rating">Top Rated</option>
+						<option value="track">Track #</option>
+					</select>
+			</div>
+		</div><!-- /grid-b -->
+
+		<div class="ui-bar-d">
+				<div class="ui-grid-a">
+					<div class="ui-block-a" style="width:78%">
+						<label for="text-mini" class="ui-hidden-accessible">Search Input:</label>
+				        <input type="search" name="name" id="search-mini" value="" data-mini="true" placeholder="Search songs..."  />
+					</div>
+					<div class="ui-block-b" style="width:22%">
+						<button type="submit" data-mini="true" style="float:right" data-theme="d">Go</button>
+					</div>
+				</div><!-- /grid-a -->
+		</div><!-- /search bar -->
+		</form>
+	</div>
+	
+	<div data-role="content">
+		<div class="content-primary">
+			<ul data-role="listview" data-split-icon="gear" data-split-theme="d">
+			<li><a href="index.html">
+				<img src="../lists/images/album-bb.jpg" />
+				<h3>Broken Bells</h3>
+				<p>Broken Bells</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-hc.jpg" />
+				<h3>Warning</h3>
+				<p>Hot Chip</p>
+				
+			</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-p.jpg" />
+				<h3>Wolfgang Amadeus Phoenix</h3>
+				<p>Phoenix</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-ok.jpg" />
+				<h3>Of The Blue Colour Of The Sky</h3>
+				<p>Ok Go</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-ws.jpg" />
+				<h3>Elephant</h3>
+				<p>The White Stripes</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-rh.jpg" />
+				<h3>Kid A</h3>
+				<p>Radiohead</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-xx.jpg" />
+				<h3>XX</h3>
+				<p>XX</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-mg.jpg" />
+				<h3>Congratulations</h3>
+				<p>MGMT</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-ag.jpg" />
+				<h3>Ashes Grammar</h3>
+				<p>A Sunny Day in Glasgow</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			
+			<li><a href="index.html">
+				<img src="../lists/images/album-k.jpg" />
+				<h3>Hot Fuss</h3>
+				<p>Killers</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">	
+				<img src="../lists/images/album-af.jpg" />
+				<h3>The Suburbs</h3>
+				<p>Arcade Fire</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-bb.jpg" />
+				<h3>Broken Bells</h3>
+				<p>Broken Bells</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-hc.jpg" />
+				<h3>Warning</h3>
+				<p>Hot Chip</p>
+				
+			</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-p.jpg" />
+				<h3>Wolfgang Amadeus Phoenix</h3>
+				<p>Phoenix</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-ok.jpg" />
+				<h3>Of The Blue Colour Of The Sky</h3>
+				<p>Ok Go</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-ws.jpg" />
+				<h3>Elephant</h3>
+				<p>The White Stripes</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-rh.jpg" />
+				<h3>Kid A</h3>
+				<p>Radiohead</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-xx.jpg" />
+				<h3>XX</h3>
+				<p>XX</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-mg.jpg" />
+				<h3>Congratulations</h3>
+				<p>MGMT</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-ag.jpg" />
+				<h3>Ashes Grammar</h3>
+				<p>A Sunny Day in Glasgow</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			
+			<li><a href="index.html">
+				<img src="../lists/images/album-k.jpg" />
+				<h3>Hot Fuss</h3>
+				<p>Killers</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">	
+				<img src="../lists/images/album-af.jpg" />
+				<h3>The Suburbs</h3>
+				<p>Arcade Fire</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-bb.jpg" />
+				<h3>Broken Bells</h3>
+				<p>Broken Bells</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-hc.jpg" />
+				<h3>Warning</h3>
+				<p>Hot Chip</p>
+				
+			</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-p.jpg" />
+				<h3>Wolfgang Amadeus Phoenix</h3>
+				<p>Phoenix</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-ok.jpg" />
+				<h3>Of The Blue Colour Of The Sky</h3>
+				<p>Ok Go</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-ws.jpg" />
+				<h3>Elephant</h3>
+				<p>The White Stripes</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-rh.jpg" />
+				<h3>Kid A</h3>
+				<p>Radiohead</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-xx.jpg" />
+				<h3>XX</h3>
+				<p>XX</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-mg.jpg" />
+				<h3>Congratulations</h3>
+				<p>MGMT</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">
+				<img src="../lists/images/album-ag.jpg" />
+				<h3>Ashes Grammar</h3>
+				<p>A Sunny Day in Glasgow</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			
+			<li><a href="index.html">
+				<img src="../lists/images/album-k.jpg" />
+				<h3>Hot Fuss</h3>
+				<p>Killers</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="index.html">	
+				<img src="../lists/images/album-af.jpg" />
+				<h3>The Suburbs</h3>
+				<p>Arcade Fire</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+		</ul>
+
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Toolbars</li>
+								<li><a href="docs-bars.html">Toolbar basics</a></li>
+								<li><a href="docs-headers.html">Header bars</a></li>
+								<li><a href="docs-footers.html">Footer bars</a></li>
+								<li><a href="docs-navbar.html">Navbars</a></li>
+								<li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
+								<li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
+								<li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
+								<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
+				<form action="#" method="get">
+					<div data-role="fieldcontain">
+						<label for="slider-2" style="margin-left:15px;">Volume:</label>
+					 	<input type="range" name="slider" id="slider-2" value="50" min="0" max="100" data-highlight="true" data-mini="true"  class="ui-hidden-accessible" />
+					</div>
+				</form>
+				
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-b.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-b.html
new file mode 100644
index 00000000..35501108
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-b.html
@@ -0,0 +1,129 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Fixed Toolbars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+			<div data-role="page" class="type-interior">
+
+				<div data-role="header" data-position="fixed" data-theme="b">
+					<form action="#" method="get">
+						<label for="text-1" class="ui-hidden-accessible">Text Input:</label>
+			        	<input type="text" name="text-1" id="text-1" value="" data-mini="true" data-theme="d" />
+					</form>
+				</div>
+	
+				<div data-role="content">
+					<div class="content-primary">
+					<h2>Forms in fixed toolbar demos</h2>
+					<p>These pages are designed to test fixed toolbars and form elements: 
+						<a href="bars-fixed-forms-a.html">demo app</a>,
+						<a href="bars-fixed-forms-b.html">text inputs</a>, 
+						<a href="bars-fixed-forms-c.html">search inputs</a>, 
+						<a href="bars-fixed-forms-d.html">radio toggles</a>, 
+						<a href="bars-fixed-forms-e.html">checkbox toggles</a>,
+						<a href="bars-fixed-forms-f.html">slider</a>, 
+						<a href="bars-fixed-forms-g.html">select</a>, and  
+						<a href="bars-fixed-forms-h.html">buttons</a>.
+					</p>
+					
+					<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+
+
+					<h3>Embedded form</h3>
+
+					<form action="#" method="get">
+
+						<div data-role="fieldcontain">
+				         <label for="name">Text Input:</label>
+				         <input type="text" name="name" id="name" value=""  />
+						</div>
+
+						<div data-role="fieldcontain">
+						<label for="textarea">Textarea:</label>
+						<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="slider2">Flip switch:</label>
+							<select name="slider2" id="slider2" data-role="slider">
+								<option value="off">Off</option>
+								<option value="on">On</option>
+							</select>
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="slider">Slider:</label>
+						 	<input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
+						</div>
+
+
+						<div data-role="fieldcontain">
+							<label for="select-choice-1" class="select">Choose shipping method:</label>
+							<select name="select-choice-1" id="select-choice-1">
+								<option value="standard">Standard: 7 day</option>
+								<option value="rush">Rush: 3 days</option>
+								<option value="express">Express: next day</option>
+								<option value="overnight">Overnight</option>
+							</select>
+						</div>
+
+
+					<div class="ui-body ui-body-b">
+					<fieldset class="ui-grid-a">
+							<div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
+							<div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
+				    </fieldset>
+					</div>
+				</form>
+
+				<h3>A bit more text</h3>
+
+				<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Toolbars</li>
+								<li><a href="docs-bars.html">Toolbar basics</a></li>
+								<li><a href="docs-headers.html">Header bars</a></li>
+								<li><a href="docs-footers.html">Footer bars</a></li>
+								<li><a href="docs-navbar.html">Navbars</a></li>
+								<li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
+								<li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
+								<li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
+								<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
+				<form action="#" method="get">
+					<label for="text-2" class="ui-hidden-accessible">Text Input:</label>
+		        	<input type="text" name="text-2" id="text-2" value="" data-mini="true" />
+				</form>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-c.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-c.html
new file mode 100644
index 00000000..5404cd45
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-c.html
@@ -0,0 +1,129 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Fixed Toolbars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+			<div data-role="page" class="type-interior">
+
+				<div data-role="header" data-position="fixed" data-theme="b">
+					<form action="#" method="get">
+						<label for="search-1" class="ui-hidden-accessible">Search Input:</label>
+				        <input type="search" name="search-1" id="search-1" value="" data-mini="true" data-theme="d" />
+					</form>
+				</div>
+	
+				<div data-role="content">
+					<div class="content-primary">
+					<h2>Forms in fixed toolbar demos</h2>
+					<p>These pages are designed to test fixed toolbars and form elements: 
+						<a href="bars-fixed-forms-a.html">demo app</a>,
+						<a href="bars-fixed-forms-b.html">text inputs</a>, 
+						<a href="bars-fixed-forms-c.html">search inputs</a>, 
+						<a href="bars-fixed-forms-d.html">radio toggles</a>, 
+						<a href="bars-fixed-forms-e.html">checkbox toggles</a>,
+						<a href="bars-fixed-forms-f.html">slider</a>, 
+						<a href="bars-fixed-forms-g.html">select</a>, and  
+						<a href="bars-fixed-forms-h.html">buttons</a>.
+					</p>
+					
+					<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+
+
+					<h3>Embedded form</h3>
+
+					<form action="#" method="get">
+
+						<div data-role="fieldcontain">
+				         <label for="name">Text Input:</label>
+				         <input type="text" name="name" id="name" value=""  />
+						</div>
+
+						<div data-role="fieldcontain">
+						<label for="textarea">Textarea:</label>
+						<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="slider2">Flip switch:</label>
+							<select name="slider2" id="slider2" data-role="slider">
+								<option value="off">Off</option>
+								<option value="on">On</option>
+							</select>
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="slider">Slider:</label>
+						 	<input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
+						</div>
+
+
+						<div data-role="fieldcontain">
+							<label for="select-choice-1" class="select">Choose shipping method:</label>
+							<select name="select-choice-1" id="select-choice-1">
+								<option value="standard">Standard: 7 day</option>
+								<option value="rush">Rush: 3 days</option>
+								<option value="express">Express: next day</option>
+								<option value="overnight">Overnight</option>
+							</select>
+						</div>
+
+
+					<div class="ui-body ui-body-b">
+					<fieldset class="ui-grid-a">
+							<div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
+							<div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
+				    </fieldset>
+					</div>
+				</form>
+
+				<h3>A bit more text</h3>
+
+				<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Toolbars</li>
+								<li><a href="docs-bars.html">Toolbar basics</a></li>
+								<li><a href="docs-headers.html">Header bars</a></li>
+								<li><a href="docs-footers.html">Footer bars</a></li>
+								<li><a href="docs-navbar.html">Navbars</a></li>
+								<li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
+								<li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
+								<li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
+								<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
+				<form action="#" method="get">
+					<label for="search-2" class="ui-hidden-accessible">Search Input:</label>
+			        <input type="search" name="search-2" id="search-2" value="" data-mini="true" />
+				</form>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-d.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-d.html
new file mode 100644
index 00000000..59e3be17
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-d.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Fixed Toolbars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+			<div data-role="page" class="type-interior">
+
+				<div data-role="header" data-position="fixed" data-theme="b">
+					<form action="#" method="get">
+						<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
+					    	<legend class="ui-hidden-accessible">Choose a pet:</legend>
+					         	<input type="radio" name="radio-choice-a" id="radio-choice-1" value="choice-1" checked="checked" />
+					         	<label for="radio-choice-1">Cat</label>
+
+					         	<input type="radio" name="radio-choice-a" id="radio-choice-2" value="choice-2"  />
+					         	<label for="radio-choice-2">Dog</label>
+
+					         	<input type="radio" name="radio-choice-a" id="radio-choice-3" value="choice-3"  />
+					         	<label for="radio-choice-3">Hamster</label>
+
+					         	<input type="radio" name="radio-choice-a" id="radio-choice-4" value="choice-4"  />
+					         	<label for="radio-choice-4">Lizard</label>
+					    </fieldset>
+					</form>
+				</div>
+	
+				<div data-role="content">
+					<div class="content-primary">
+					<h2>Forms in fixed toolbar demos</h2>
+					<p>These pages are designed to test fixed toolbars and form elements: 
+						<a href="bars-fixed-forms-a.html">demo app</a>,
+						<a href="bars-fixed-forms-b.html">text inputs</a>, 
+						<a href="bars-fixed-forms-c.html">search inputs</a>, 
+						<a href="bars-fixed-forms-d.html">radio toggles</a>, 
+						<a href="bars-fixed-forms-e.html">checkbox toggles</a>,
+						<a href="bars-fixed-forms-f.html">slider</a>, 
+						<a href="bars-fixed-forms-g.html">select</a>, and  
+						<a href="bars-fixed-forms-h.html">buttons</a>.
+					</p>
+					
+					<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+
+
+					<h3>Embedded form</h3>
+
+					<form action="#" method="get">
+
+						<div data-role="fieldcontain">
+				         <label for="name">Text Input:</label>
+				         <input type="text" name="name" id="name" value=""  />
+						</div>
+
+						<div data-role="fieldcontain">
+						<label for="textarea">Textarea:</label>
+						<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="slider2">Flip switch:</label>
+							<select name="slider2" id="slider2" data-role="slider">
+								<option value="off">Off</option>
+								<option value="on">On</option>
+							</select>
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="slider">Slider:</label>
+						 	<input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
+						</div>
+
+
+						<div data-role="fieldcontain">
+							<label for="select-choice-1" class="select">Choose shipping method:</label>
+							<select name="select-choice-1" id="select-choice-1">
+								<option value="standard">Standard: 7 day</option>
+								<option value="rush">Rush: 3 days</option>
+								<option value="express">Express: next day</option>
+								<option value="overnight">Overnight</option>
+							</select>
+						</div>
+
+
+					<div class="ui-body ui-body-b">
+					<fieldset class="ui-grid-a">
+							<div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
+							<div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
+				    </fieldset>
+					</div>
+				</form>
+
+				<h3>A bit more text</h3>
+
+				<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Toolbars</li>
+								<li><a href="docs-bars.html">Toolbar basics</a></li>
+								<li><a href="docs-headers.html">Header bars</a></li>
+								<li><a href="docs-footers.html">Footer bars</a></li>
+								<li><a href="docs-navbar.html">Navbars</a></li>
+								<li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
+								<li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
+								<li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
+								<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
+				<form action="#" method="get">
+					<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
+				    	<legend class="ui-hidden-accessible">Choose a pet:</legend>
+				         	<input type="radio" name="radio-choice-b" id="radio-choice-5" value="choice-5" checked="checked" />
+				         	<label for="radio-choice-5">Cat</label>
+
+				         	<input type="radio" name="radio-choice-b" id="radio-choice-6" value="choice-6"  />
+				         	<label for="radio-choice-6">Dog</label>
+
+				         	<input type="radio" name="radio-choice-b" id="radio-choice-7" value="choice-7"  />
+				         	<label for="radio-choice-7">Hamster</label>
+
+				         	<input type="radio" name="radio-choice-b" id="radio-choice-8" value="choice-8"  />
+				         	<label for="radio-choice-8">Lizard</label>
+				    </fieldset>
+				</form>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-e.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-e.html
new file mode 100644
index 00000000..74300cf4
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-e.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Fixed Toolbars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+			<div data-role="page" class="type-interior">
+
+				<div data-role="header" data-position="fixed" data-theme="b">
+					<form action="#" method="get">
+						<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
+							<legend class="ui-hidden-accessible">Choose as many snacks as you'd like:</legend>
+							<input type="checkbox" name="checkbox-1a" id="checkbox-1a" />
+							<label for="checkbox-1a">Cheetos</label>
+
+							<input type="checkbox" name="checkbox-2a" id="checkbox-2a" />
+							<label for="checkbox-2a">Doritos</label>
+
+							<input type="checkbox" name="checkbox-3a" id="checkbox-3a" />
+							<label for="checkbox-3a">Fritos</label>
+
+							<input type="checkbox" name="checkbox-4a" id="checkbox-4a" />
+							<label for="checkbox-4a">Sun Chips</label>
+					    </fieldset>
+					</form>
+				</div>
+	
+				<div data-role="content">
+					<div class="content-primary">
+					<h2>Forms in fixed toolbar demos</h2>
+					<p>These pages are designed to test fixed toolbars and form elements: 
+						<a href="bars-fixed-forms-a.html">demo app</a>,
+						<a href="bars-fixed-forms-b.html">text inputs</a>, 
+						<a href="bars-fixed-forms-c.html">search inputs</a>, 
+						<a href="bars-fixed-forms-d.html">radio toggles</a>, 
+						<a href="bars-fixed-forms-e.html">checkbox toggles</a>,
+						<a href="bars-fixed-forms-f.html">slider</a>, 
+						<a href="bars-fixed-forms-g.html">select</a>, and  
+						<a href="bars-fixed-forms-h.html">buttons</a>.
+					</p>
+					
+					<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+
+
+					<h3>Embedded form</h3>
+
+					<form action="#" method="get">
+
+						<div data-role="fieldcontain">
+				         <label for="name">Text Input:</label>
+				         <input type="text" name="name" id="name" value=""  />
+						</div>
+
+						<div data-role="fieldcontain">
+						<label for="textarea">Textarea:</label>
+						<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="slider2">Flip switch:</label>
+							<select name="slider2" id="slider2" data-role="slider">
+								<option value="off">Off</option>
+								<option value="on">On</option>
+							</select>
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="slider">Slider:</label>
+						 	<input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
+						</div>
+
+
+						<div data-role="fieldcontain">
+							<label for="select-choice-1" class="select">Choose shipping method:</label>
+							<select name="select-choice-1" id="select-choice-1">
+								<option value="standard">Standard: 7 day</option>
+								<option value="rush">Rush: 3 days</option>
+								<option value="express">Express: next day</option>
+								<option value="overnight">Overnight</option>
+							</select>
+						</div>
+
+
+					<div class="ui-body ui-body-b">
+					<fieldset class="ui-grid-a">
+							<div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
+							<div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
+				    </fieldset>
+					</div>
+				</form>
+
+				<h3>A bit more text</h3>
+
+				<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Toolbars</li>
+								<li><a href="docs-bars.html">Toolbar basics</a></li>
+								<li><a href="docs-headers.html">Header bars</a></li>
+								<li><a href="docs-footers.html">Footer bars</a></li>
+								<li><a href="docs-navbar.html">Navbars</a></li>
+								<li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
+								<li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
+								<li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
+								<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
+				<form action="#" method="get">
+					<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
+						<legend class="ui-hidden-accessible">Choose as many snacks as you'd like:</legend>
+						<input type="checkbox" name="checkbox-1ba" id="checkbox-1b" />
+						<label for="checkbox-1b">Cheetos</label>
+
+						<input type="checkbox" name="checkbox-2b" id="checkbox-2b" />
+						<label for="checkbox-2b">Doritos</label>
+
+						<input type="checkbox" name="checkbox-3b" id="checkbox-3b" />
+						<label for="checkbox-3b">Fritos</label>
+
+						<input type="checkbox" name="checkbox-4b" id="checkbox-4b" />
+						<label for="checkbox-4b">Sun Chips</label>
+				    </fieldset>
+				</form>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-f.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-f.html
new file mode 100644
index 00000000..5ba4cf58
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-f.html
@@ -0,0 +1,129 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Fixed Toolbars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+			<div data-role="page" class="type-interior">
+
+				<div data-role="header" data-position="fixed" data-theme="b">
+					<form action="#" method="get">
+						<label for="slider-1" class="ui-hidden-accessible">Slider:</label>
+					 	<input type="range" name="slider" id="slider-1" value="50" min="0" max="100" data-highlight="true" data-mini="true" />
+					</form>
+				</div>
+	
+				<div data-role="content">
+					<div class="content-primary">
+					<h2>Forms in fixed toolbar demos</h2>
+					<p>These pages are designed to test fixed toolbars and form elements: 
+						<a href="bars-fixed-forms-a.html">demo app</a>,
+						<a href="bars-fixed-forms-b.html">text inputs</a>, 
+						<a href="bars-fixed-forms-c.html">search inputs</a>, 
+						<a href="bars-fixed-forms-d.html">radio toggles</a>, 
+						<a href="bars-fixed-forms-e.html">checkbox toggles</a>,
+						<a href="bars-fixed-forms-f.html">slider</a>, 
+						<a href="bars-fixed-forms-g.html">select</a>, and  
+						<a href="bars-fixed-forms-h.html">buttons</a>.
+					</p>
+					
+					<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+
+
+					<h3>Embedded form</h3>
+
+					<form action="#" method="get">
+
+						<div data-role="fieldcontain">
+				         <label for="name">Text Input:</label>
+				         <input type="text" name="name" id="name" value=""  />
+						</div>
+
+						<div data-role="fieldcontain">
+						<label for="textarea">Textarea:</label>
+						<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="slider2">Flip switch:</label>
+							<select name="slider2" id="slider2" data-role="slider">
+								<option value="off">Off</option>
+								<option value="on">On</option>
+							</select>
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="slider">Slider:</label>
+						 	<input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
+						</div>
+
+
+						<div data-role="fieldcontain">
+							<label for="select-choice-1" class="select">Choose shipping method:</label>
+							<select name="select-choice-1" id="select-choice-1">
+								<option value="standard">Standard: 7 day</option>
+								<option value="rush">Rush: 3 days</option>
+								<option value="express">Express: next day</option>
+								<option value="overnight">Overnight</option>
+							</select>
+						</div>
+
+
+					<div class="ui-body ui-body-b">
+					<fieldset class="ui-grid-a">
+							<div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
+							<div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
+				    </fieldset>
+					</div>
+				</form>
+
+				<h3>A bit more text</h3>
+
+				<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Toolbars</li>
+								<li><a href="docs-bars.html">Toolbar basics</a></li>
+								<li><a href="docs-headers.html">Header bars</a></li>
+								<li><a href="docs-footers.html">Footer bars</a></li>
+								<li><a href="docs-navbar.html">Navbars</a></li>
+								<li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
+								<li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
+								<li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
+								<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
+				<form action="#" method="get">
+						<label for="slider-2" class="ui-hidden-accessible">Slider:</label>
+					 	<input type="range" name="slider" id="slider-2" value="50" min="0" max="100" data-highlight="true" data-mini="true" />
+				</form>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-g.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-g.html
new file mode 100644
index 00000000..efbfc185
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-g.html
@@ -0,0 +1,231 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Fixed Toolbars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+			<div data-role="page" class="type-interior">
+
+				<div data-role="header" data-position="fixed" data-theme="b">
+					<form action="#" method="get">
+						<label for="select-1" class="select" class="ui-hidden-accessible">Your state:</label>
+						<select name="select-1" id="select-1" data-mini="true">
+							<option value="AL">Alabama</option>
+							<option value="AK">Alaska</option>
+							<option value="AZ">Arizona</option>
+							<option value="AR">Arkansas</option>
+							<option value="CA">California</option>
+							<option value="CO">Colorado</option>
+							<option value="CT">Connecticut</option>
+							<option value="DE">Delaware</option>
+							<option value="FL">Florida</option>
+							<option value="GA">Georgia</option>
+							<option value="HI">Hawaii</option>
+							<option value="ID">Idaho</option>
+							<option value="IL">Illinois</option>
+							<option value="IN">Indiana</option>
+							<option value="IA">Iowa</option>
+							<option value="KS">Kansas</option>
+							<option value="KY">Kentucky</option>
+							<option value="LA">Louisiana</option>
+							<option value="ME">Maine</option>
+							<option value="MD">Maryland</option>
+							<option value="MA">Massachusetts</option>
+							<option value="MI">Michigan</option>
+							<option value="MN">Minnesota</option>
+							<option value="MS">Mississippi</option>
+							<option value="MO">Missouri</option>
+							<option value="MT">Montana</option>
+							<option value="NE">Nebraska</option>
+							<option value="NV">Nevada</option>
+							<option value="NH">New Hampshire</option>
+							<option value="NJ">New Jersey</option>
+							<option value="NM">New Mexico</option>
+							<option value="NY">New York</option>
+							<option value="NC">North Carolina</option>
+							<option value="ND">North Dakota</option>
+							<option value="OH">Ohio</option>
+							<option value="OK">Oklahoma</option>
+							<option value="OR">Oregon</option>
+							<option value="PA">Pennsylvania</option>
+							<option value="RI">Rhode Island</option>
+							<option value="SC">South Carolina</option>
+							<option value="SD">South Dakota</option>
+							<option value="TN">Tennessee</option>
+							<option value="TX">Texas</option>
+							<option value="UT">Utah</option>
+							<option value="VT">Vermont</option>
+							<option value="VA">Virginia</option>
+							<option value="WA">Washington</option>
+							<option value="WV">West Virginia</option>
+							<option value="WI">Wisconsin</option>
+							<option value="WY">Wyoming</option>
+						</select>
+					</form>
+				</div>
+	
+				<div data-role="content">
+					<div class="content-primary">
+					<h2>Forms in fixed toolbar demos</h2>
+					<p>These pages are designed to test fixed toolbars and form elements: 
+						<a href="bars-fixed-forms-a.html">demo app</a>,
+						<a href="bars-fixed-forms-b.html">text inputs</a>, 
+						<a href="bars-fixed-forms-c.html">search inputs</a>, 
+						<a href="bars-fixed-forms-d.html">radio toggles</a>, 
+						<a href="bars-fixed-forms-e.html">checkbox toggles</a>,
+						<a href="bars-fixed-forms-f.html">slider</a>, 
+						<a href="bars-fixed-forms-g.html">select</a>, and  
+						<a href="bars-fixed-forms-h.html">buttons</a>.
+					</p>
+					
+					<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+
+
+					<h3>Embedded form</h3>
+
+					<form action="#" method="get">
+
+						<div data-role="fieldcontain">
+				         <label for="name">Text Input:</label>
+				         <input type="text" name="name" id="name" value=""  />
+						</div>
+
+						<div data-role="fieldcontain">
+						<label for="textarea">Textarea:</label>
+						<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="slider2">Flip switch:</label>
+							<select name="slider2" id="slider2" data-role="slider">
+								<option value="off">Off</option>
+								<option value="on">On</option>
+							</select>
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="slider">Slider:</label>
+						 	<input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
+						</div>
+
+
+						<div data-role="fieldcontain">
+							<label for="select-choice-1" class="select">Choose shipping method:</label>
+							<select name="select-choice-1" id="select-choice-1">
+								<option value="standard">Standard: 7 day</option>
+								<option value="rush">Rush: 3 days</option>
+								<option value="express">Express: next day</option>
+								<option value="overnight">Overnight</option>
+							</select>
+						</div>
+
+
+					<div class="ui-body ui-body-b">
+					<fieldset class="ui-grid-a">
+							<div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
+							<div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
+				    </fieldset>
+					</div>
+				</form>
+
+				<h3>A bit more text</h3>
+
+				<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Toolbars</li>
+								<li><a href="docs-bars.html">Toolbar basics</a></li>
+								<li><a href="docs-headers.html">Header bars</a></li>
+								<li><a href="docs-footers.html">Footer bars</a></li>
+								<li><a href="docs-navbar.html">Navbars</a></li>
+								<li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
+								<li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
+								<li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
+								<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
+				<form action="#" method="get">
+					<label for="select-2" class="select" class="ui-hidden-accessible">Your state:</label>
+					<select name="select-2" id="select-2" data-mini="true">
+						<option value="AL">Alabama</option>
+						<option value="AK">Alaska</option>
+						<option value="AZ">Arizona</option>
+						<option value="AR">Arkansas</option>
+						<option value="CA">California</option>
+						<option value="CO">Colorado</option>
+						<option value="CT">Connecticut</option>
+						<option value="DE">Delaware</option>
+						<option value="FL">Florida</option>
+						<option value="GA">Georgia</option>
+						<option value="HI">Hawaii</option>
+						<option value="ID">Idaho</option>
+						<option value="IL">Illinois</option>
+						<option value="IN">Indiana</option>
+						<option value="IA">Iowa</option>
+						<option value="KS">Kansas</option>
+						<option value="KY">Kentucky</option>
+						<option value="LA">Louisiana</option>
+						<option value="ME">Maine</option>
+						<option value="MD">Maryland</option>
+						<option value="MA">Massachusetts</option>
+						<option value="MI">Michigan</option>
+						<option value="MN">Minnesota</option>
+						<option value="MS">Mississippi</option>
+						<option value="MO">Missouri</option>
+						<option value="MT">Montana</option>
+						<option value="NE">Nebraska</option>
+						<option value="NV">Nevada</option>
+						<option value="NH">New Hampshire</option>
+						<option value="NJ">New Jersey</option>
+						<option value="NM">New Mexico</option>
+						<option value="NY">New York</option>
+						<option value="NC">North Carolina</option>
+						<option value="ND">North Dakota</option>
+						<option value="OH">Ohio</option>
+						<option value="OK">Oklahoma</option>
+						<option value="OR">Oregon</option>
+						<option value="PA">Pennsylvania</option>
+						<option value="RI">Rhode Island</option>
+						<option value="SC">South Carolina</option>
+						<option value="SD">South Dakota</option>
+						<option value="TN">Tennessee</option>
+						<option value="TX">Texas</option>
+						<option value="UT">Utah</option>
+						<option value="VT">Vermont</option>
+						<option value="VA">Virginia</option>
+						<option value="WA">Washington</option>
+						<option value="WV">West Virginia</option>
+						<option value="WI">Wisconsin</option>
+						<option value="WY">Wyoming</option>
+					</select>
+				</form>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-h.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-h.html
new file mode 100644
index 00000000..a4710c4a
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms-h.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Fixed Toolbars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+			<div data-role="page" class="type-interior">
+
+				<div data-role="header" data-position="fixed" data-theme="b">
+					<form action="#" method="get">
+						<a href="index.html" data-role="button" data-inline="true">Link</a>
+						<button type="submit" data-inline="true">Button</button>
+						<input type="submit" value="Submit" data-inline="true" />
+						<input type="reset" value="Reset" data-inline="true"/>
+						<input type="image" value="Image" data-inline="true" />
+					</form>
+				</div>
+	
+				<div data-role="content">
+					<div class="content-primary">
+					<h2>Forms in fixed toolbar demos</h2>
+					<p>These pages are designed to test fixed toolbars and form elements: 
+						<a href="bars-fixed-forms-a.html">demo app</a>,
+						<a href="bars-fixed-forms-b.html">text inputs</a>, 
+						<a href="bars-fixed-forms-c.html">search inputs</a>, 
+						<a href="bars-fixed-forms-d.html">radio toggles</a>, 
+						<a href="bars-fixed-forms-e.html">checkbox toggles</a>,
+						<a href="bars-fixed-forms-f.html">slider</a>, 
+						<a href="bars-fixed-forms-g.html">select</a>, and  
+						<a href="bars-fixed-forms-h.html">buttons</a>.
+					</p>
+					
+					<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+
+
+					<h3>Embedded form</h3>
+
+					<form action="#" method="get">
+
+						<div data-role="fieldcontain">
+				         <label for="name">Text Input:</label>
+				         <input type="text" name="name" id="name" value=""  />
+						</div>
+
+						<div data-role="fieldcontain">
+						<label for="textarea">Textarea:</label>
+						<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="slider2">Flip switch:</label>
+							<select name="slider2" id="slider2" data-role="slider">
+								<option value="off">Off</option>
+								<option value="on">On</option>
+							</select>
+						</div>
+
+						<div data-role="fieldcontain">
+							<label for="slider">Slider:</label>
+						 	<input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
+						</div>
+
+
+						<div data-role="fieldcontain">
+							<label for="select-choice-1" class="select">Choose shipping method:</label>
+							<select name="select-choice-1" id="select-choice-1">
+								<option value="standard">Standard: 7 day</option>
+								<option value="rush">Rush: 3 days</option>
+								<option value="express">Express: next day</option>
+								<option value="overnight">Overnight</option>
+							</select>
+						</div>
+
+
+					<div class="ui-body ui-body-b">
+					<fieldset class="ui-grid-a">
+							<div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
+							<div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
+				    </fieldset>
+					</div>
+				</form>
+
+				<h3>A bit more text</h3>
+
+				<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Toolbars</li>
+								<li><a href="docs-bars.html">Toolbar basics</a></li>
+								<li><a href="docs-headers.html">Header bars</a></li>
+								<li><a href="docs-footers.html">Footer bars</a></li>
+								<li><a href="docs-navbar.html">Navbars</a></li>
+								<li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
+								<li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
+								<li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
+								<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
+				<form action="#" method="get">
+					<a href="index.html" data-role="button" data-inline="true">Link</a>
+					<button type="submit" data-inline="true">Button</button>
+					<input type="submit" value="Submit" data-inline="true" />
+					<input type="reset" value="Reset" data-inline="true"/>
+					<input type="image" value="Image" data-inline="true" />
+				</form>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms.html
new file mode 100644
index 00000000..bb82528d
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-forms.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Fixed Toolbars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+	
+
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="a">
+		<!-- <input type="submit" value="submitBtn" class="ui-btn-left" /> -->
+		
+		<select name="slider2" id="slider2" class="ui-btn-left">
+			<option value="off">Off</option>
+			<option value="on">On</option>
+		</select>
+		
+		<button type="submit" class="ui-btn-right">Cancel</button>
+		
+		<h1>Fixed + Forms</h1>
+	</div>
+	
+	<div data-role="content">
+		<div class="content-primary">
+			<a href="#" data-role="button">Default</a>
+			<a href="#" data-role="button" data-mini="true">Mini True</a>
+			<a href="#" data-role="button" data-mini="false">Mini False</a>
+		</div>
+	</div><!-- /content -->
+
+</div><!-- /page -->
+
+</body>
+</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-methods.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-methods.html
new file mode 100644
index 00000000..912fa322
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-methods.html
@@ -0,0 +1,134 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Fixed Toolbars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-position="fixed" data-theme="f">
+
+		<h1>Fixed toolbars</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div>
+	
+	<div data-role="content">
+		<div class="content-primary">
+				<h2>Fixed toolbars</h2>
+				
+			    <ul data-role="controlgroup" data-type="horizontal" class="localnav">
+			      <li><a href="bars-fixed.html" data-role="button" data-transition="fade">Basics</a></li>
+			      <li><a href="bars-fixed-options.html" data-role="button" data-transition="fade">Options</a></li>
+			      <li><a href="bars-fixed-methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
+			      <li><a href="bars-fixed-events.html" data-role="button" data-transition="fade">Events</a></li>
+			    </ul>
+				
+			
+			
+			
+			
+			
+		   			<p>The fixedtoolbar plugin has the following methods:</p>
+
+		   		<dl>
+			
+		   			<dt><code>show</code> show the toolbar</dt>
+		   			<dd>
+		   				<pre><code>
+		    $("[data-position='fixed']").fixedtoolbar('show');
+		   				</code></pre>
+						
+<div class="ui-body ui-body-e">
+	<p><strong>Note:</strong>Prior to version 1.1, the following syntax was used to show the toolbars, but it is no longer supported:</p>
+<pre><code>
+$.mobile.fixedToolbars
+   .show(true);
+</code></pre>
+
+
+</div>							
+						
+		   			</dd>
+			
+		   			<dt><code>hide</code> hide the toolbar (if it's not a fullscreen toolbar, it'll toggle back to static positioning, which may or may not be hidden from view depending on scroll)</dt>
+		   			<dd>
+		   				<pre><code>
+$("[data-position='fixed']").fixedtoolbar('hide');
+		   				</code></pre>
+		   			</dd>
+					
+		   			<dt><code>toggle</code> calls either the show or the hide method, depending on whether the toolbar is visible.</dt>
+		   			<dd>
+		   				<pre><code>
+$("[data-position='fixed']").fixedtoolbar('toggle');
+		   				</code></pre>
+		   			</dd>
+					
+		   			<dt><code>updatePagePadding</code> update the padding (either top or bottom, depending on if the toolbar is a header or a footer) of the page element parent of the toolbar to match the height of the toolbar.</dt>
+		   			<dd>
+		   				<pre><code>
+$("[data-position='fixed']").fixedtoolbar('updatePagePadding');
+		   				</code></pre>
+						
+<p>There is also an <code>updatelayout</code> event that can be used to trigger the toolbars to re-position. Developers who are building dynamic applications that inject content into the current page can also manually trigger this <code><a href="../api/events.html">updatelayout</a></code> event to ensure components on the page update in response to the new content that was just added. This event is used internally in the collapsible and listview filter plugins and is powerful because it's not toolbar-specific -- any widget can be built to listen for the <code>updatelayout</code> event to update the widget in response.</p>						
+		   			</dd>
+					
+		   			<dt><code>destroy</code> destroy at fixedtoolbar (restore the element to its initial state)</dt>
+		   			<dd>
+		   				<pre><code>
+$("[data-position='fixed']").fixedtoolbar('destroy');
+		   				</code></pre>
+		   			</dd>
+					
+			
+			</dl>
+
+		
+			
+			
+			
+
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Toolbars</li>
+								<li><a href="docs-bars.html">Toolbar basics</a></li>
+								<li><a href="docs-headers.html">Header bars</a></li>
+								<li><a href="docs-footers.html">Footer bars</a></li>
+								<li><a href="docs-navbar.html">Navbars</a></li>
+								<li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
+								<li><a href="footer-persist-a.html">Persistent toolbars</a></li>
+								<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
+					<h1>Fixed Footer</h1>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-options.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-options.html
new file mode 100644
index 00000000..12367f6b
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed-options.html
@@ -0,0 +1,177 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Fixed Toolbars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-position="fixed" data-theme="f">
+
+		<h1>Fixed toolbars</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div>
+	
+	<div data-role="content">
+		<div class="content-primary">
+				<h2>Fixed toolbars</h2>
+				
+			    <ul data-role="controlgroup" data-type="horizontal" class="localnav">
+			      <li><a href="bars-fixed.html" data-role="button" data-transition="fade">Basics</a></li>
+			      <li><a href="bars-fixed-options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
+			      <li><a href="bars-fixed-methods.html" data-role="button" data-transition="fade">Methods</a></li>
+			      <li><a href="bars-fixed-events.html" data-role="button" data-transition="fade">Events</a></li>
+			    </ul>
+				
+			<p>The fixedtoolbar plugin has the following options:</p>
+			
+
+		<dl>
+			
+			<dt><code>visibleOnPageShow</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: true</p>
+				<p>This determines whether the toolbar is visible or not when its parent page is shown. This option is also exposed as a data attribute: <code>data-visible-on-page-show=&quot;false&quot;</code></p>			
+				<pre><code>$("[data-role=header]").fixedtoolbar(<strong>{ visibleOnPageShow: false }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>disablePageZoom</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: true</p>
+				<p>This determines whether user-scaling should be disabled on pages that contain fixed toolbars. This option is also exposed as a data attribute: <code>data-disable-page-zoom=&quot;false&quot;</code></p>			
+				<pre><code>$("[data-role=header]").fixedtoolbar(<strong>{ disablePageZoom: false }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>transition</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "slide" (which ends up using slideup and slidedown)</p>
+				<p>The transition that should be used for showing and hiding a fixed toolbar. Possible values are "none", "fade", and "slide" (or you can write a CSS transition of your own and use that too). This option is also exposed as a data attribute: <code>data-transition=&quot;fade&quot;</code></p>			
+				<pre><code>$("[data-role=header]").fixedtoolbar(<strong>{ transition: "fade" }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>fullscreen</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: false</p>
+				<p>Fullscreen fixed toolbars sit on top of the content at all times when they are visible, and unlike regular fixed toolbars, fullscreen toolbars do not fall back to static positioning when toggled, instead they disappear from the screen entirely. Fullscreen toolbars are ideal for more immersive interfaces, like a photo viewer that is meant to fill the entire screen with the photo itself and no distractions. <a href="bars-fullscreen.html">This page</a> demonstrates toolbars that use the fullscreen option. This option is also exposed as a data attribute: <code>data-fullscreen=&quot;true&quot;</code></p>			
+				<pre><code>$("[data-role=header]").fixedtoolbar(<strong>{ fullscreen: true }</strong>);</code></pre>
+				
+				<p class="ui-body ui-body-e"><strong>Note:</strong>While the data-attribute syntax for this option has not changed, it is now only supported on the toolbar element itself, and not the page element. </p>
+				
+			</dd>
+			
+			<dt><code>tapToggle</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: true</p>
+				<p>Enable or disable the user's ability to toggle toolbar visibility with a tap on the screen (or a click, for mouse users). This option is also exposed as a data attribute: <code>data-tap-toggle=&quot;true&quot;</code></p>			
+				<pre><code>$("[data-role=header]").fixedtoolbar(<strong>{ tapToggle: true }</strong>);</code></pre>
+				
+				<div class="ui-body ui-body-e">
+				<p><strong>Note:</strong> This behavior was formerly configurable as follows, but as of version 1.1 this syntax is no longer supported:
+<pre><code>	
+$.mobile.fixedToolbars
+   .setTouchToggleEnabled(false);
+</code></pre>
+						
+				</div>
+				
+			</dd>
+			
+			
+			
+			<dt><code>tapToggleBlacklist</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "a, .ui-header-fixed, .ui-footer-fixed"</p>
+				<p>A list of jQuery selectors that, when tapped, will not cause the toolbars to be toggled.</p>			
+				<pre><code>$("[data-role=header]").fixedtoolbar(<strong>{ tapToggleBlacklist: "a, input, select, textarea, .ui-header-fixed, .ui-footer-fixed" }</strong>);</code></pre>
+			</dd>
+			
+			<dt><code>hideDuringFocus</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "input, select, textarea"</p>
+				<p>A list of jQuery selectors that should cause the toolbars to hide while focused, except if they are in a fixed toolbar.</p>			
+				<pre><code>$("[data-role=header]").fixedtoolbar(<strong>{ hideDuringFocus: "input, select, textarea" }</strong>);</code></pre>
+			</dd>
+			
+			
+			<dt><code>updatePagePadding</code> <em>boolean</em></dt>
+			<dd>
+				<p class="default">default: true</p>
+				<p>Since toolbars can vary in height depending on the content they contain, this option automatically updates the padding on the page element to ensure that fixed toolbars have adequate space in the document when they are statically positioned, and when scrolled to the top or bottom of the page. When enabled, the padding updates during many operations, such as pageshow, during page transitions, and on resize and orientationchange. As an optimization, we would recommend that you consider disabling this option and adding a rule to your CSS to set the padding of the page div to match the EM height of your toolbars, such as <code>.ui-page-header-fixed { padding-top: 4.5em; }</code>. This option is also exposed as a data attribute: <code>data-update-page-paddinge=&quot;false&quot;</code></p>			
+				<pre><code>$("[data-role=header]").fixedtoolbar(<strong>{ updatePagePadding: false }</strong>);</code></pre>
+			</dd>
+			
+			
+			<dt><code>supportBlacklist</code> <em>function</em></dt>
+			<dd>
+				<p class="default">default: function that returns a boolean value</p>
+				<p>CSS <code>position: fixed</code> support is very difficult to test; in fact, at the time of version 1.1 release, there was no known way to reasonably test for fixed support without turning up false positives or negatives in certain popular browsers. This option is a function that attempts to opt-out some popular platforms that are known to be troublesome with <code>position: fixed</code> . Often, these platforms support <code>position: fixed</code>  partially, which can be worse than not supporting it at all. If overriding this option with your own blacklist logic, you simply need to provide a function that returns a true or false result when called upon initialization. You must set it on mobileinit, so that it applies when the plugin is initially created.</p>			
+				<pre><code>
+$( document ).bind("mobileinit", function(){
+  $.mobile.fixedtoolbar.prototype.options.supportBlacklist = function(){
+    var result;
+    // logic to determine whether result should be true or false
+    return result;
+  };
+})</code></pre>
+			</dd>
+			
+			
+			<dt><code>initSelector</code> <em>CSS selector string</em></dt>
+			<dd>
+				<p class="default">default: ":jqmData(position='fixed')"</p>
+				<p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as fixed toolbars. To change which elements are initialized, bind this option to the <a href="../api/globalconfig.html">mobileinit event</a>:</p>
+				<pre><code>$( document ).bind( "mobileinit", function(){
+	<strong>$.mobile.fixedtoolbar.prototype.options.initSelector = ".myselector";</strong>
+});
+</code></pre>
+			</dd>
+			
+			
+			
+		</dl>
+
+
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Toolbars</li>
+								<li><a href="docs-bars.html">Toolbar basics</a></li>
+								<li><a href="docs-headers.html">Header bars</a></li>
+								<li><a href="docs-footers.html">Footer bars</a></li>
+								<li><a href="docs-navbar.html">Navbars</a></li>
+								<li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
+								<li><a href="footer-persist-a.html">Persistent toolbars</a></li>
+								<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
+					<h1>Fixed Footer</h1>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed.html
new file mode 100644
index 00000000..24b43873
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fixed.html
@@ -0,0 +1,231 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Fixed Toolbars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-position="fixed" data-theme="f">
+		<h1>Fixed toolbars</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div>
+	
+	<div data-role="content">
+		<div class="content-primary">
+				<h2>Fixed toolbars</h2>
+				
+			    <ul data-role="controlgroup" data-type="horizontal" class="localnav">
+			      <li><a href="bars-fixed.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
+			      <li><a href="bars-fixed-options.html" data-role="button" data-transition="fade">Options</a></li>
+			      <li><a href="bars-fixed-methods.html" data-role="button" data-transition="fade">Methods</a></li>
+			      <li><a href="bars-fixed-events.html" data-role="button" data-transition="fade">Events</a></li>
+			    </ul>
+				
+				
+		<p>In browsers that support CSS <code>position: fixed</code> (most desktop browsers, iOS5+, Android 2.2+, BlackBerry 6, and others), toolbars that use the "fixedtoolbar" plugin will be fixed to the top or bottom of the viewport, while the page content scrolls freely in between. In browsers that don't support fixed positioning, the toolbars will remain positioned in flow, at the top or bottom of the page. </p>
+		
+		<p>To enable this behavior on a header or footer, add the <code>data-position="fixed"</code> attribute to a jQuery Mobile header or footer element.</p>
+		
+		<p>Fixed header markup example:</p>
+		<pre><code>	
+&lt;div data-role=&quot;header&quot; <strong>data-position=&quot;fixed&quot;</strong>&gt;
+	&lt;h1&gt;Fixed Header!&lt;/h1&gt;
+&lt;/div&gt;
+		</code></pre>
+		
+		<p>Fixed footer markup example:</p>
+		<pre><code>	
+&lt;div data-role=&quot;footer&quot; <strong>data-position=&quot;fixed&quot;</strong>&gt;
+	&lt;h1&gt;Fixed Footer!&lt;/h1&gt;
+&lt;/div&gt;
+		</code></pre>
+		
+		<h2>Fullscreen Toolbars</h2>
+		<p><a href="bars-fullscreen.html">Fullscreen</a> fixed toolbars sit on top of the content at all times when they are visible, and unlike regular fixed toolbars, fullscreen toolbars do not fall back to static positioning when toggled. Instead they disappear from the screen entirely. Fullscreen toolbars are ideal for more immersive interfaces, like a photo viewer that is meant to fill the entire screen with the photo itself and no distractions.</p>
+		
+				<p>To enable this option on a fixed header or footer, add the <code>data-fullscreen</code> attribute to the element.</p>
+		
+				<pre><code>	
+&lt;div data-role=&quot;header&quot; data-position=&quot;fixed&quot; data-fullscreen=&quot;true&quot;&gt;
+	&lt;h1&gt;Fixed Header!&lt;/h1&gt;
+&lt;/div&gt;
+				</code></pre>
+
+
+		<h2>Forms in toolbars</h2>
+		
+		<p>While all form elements are now tested to work correctly within <em>static</em> toolbars as of jQuery Mobile 1.1, we recommend extensive testing when using form elements within <em>fixed</em> toolbars or within any <code>position: fixed</code> elements. This can potentially trigger a number of unpredictable issues in various mobile browsers, Android 2.2/2.3 in particular (detailed in <b>Known issues in Android 2.2/2.3</b>, below).</p>
+		
+		<h2>Changes in jQuery Mobile 1.1</h2>
+		
+		<p>Prior to version 1.1, jQuery Mobile used dynamically re-positioned toolbars for the fixed header effect because very few mobile browsers supported the <code>position:fixed</code> CSS property, and simulating fixed support through the use of "fake" JavaScript overflow-scrolling behavior would have reduced our browser support reach, in addition to feeling unnatural on certain platforms. This behavior was not ideal, and jQuery Mobile 1.1 took a new approach to fixed toolbars that allows much broader support. The framework now offers true fixed toolbars on many popular platforms, while gracefully degrading non-supporting platforms to static positioning.</p>
+		
+		<h3>Polyfilling older platforms</h3>
+		<p>The fixed toolbar plugin degrades gracefully in platforms that do not support CSS <code>position:fixed</code> properly, such as iOS4.3. If you still need to support fixed toolbars on that platform (with the show/hide behavior) included in previous releases, Filament Group has developed a polyfill that you can use.</p>
+		
+		<ul>
+				<li><a href="https://github.com/filamentgroup/jQuery-Mobile-FixedToolbar-Legacy-Polyfill">Github code repository with CSS, and JavaScript required for the fixed toolbars polyfill</a></li>
+				<li><a href="http://filamentgroup.github.com/jQuery-Mobile-FixedToolbar-Legacy-Polyfill/">Preview URL using the code in the repo above</a></li>
+		</ul>
+		
+		<p>Just include the CSS and JS files after your references to jQuery Mobile and Fixed toolbars will work similar to jQuery Mobile 1.0 in iOS4.3, with the inclusion of the new API for the 1.1 fixedtoolbar plugin.</p>
+		
+		<p>If you have any improvements to suggest, fork the <a href="https://github.com/filamentgroup/jQuery-Mobile-FixedToolbar-Legacy-Polyfill">gist</a> on github and let us know!</p>
+		
+		<h2>Known issue with form controls inside fixed toolbars, and programatic scroll</h2>	
+		<p>An obscure issue exists in iOS5 and some Android platforms where form controls placed inside fixed-positioned containers can lose their hit area when the window is programatically scrolled (using <code>window.scrollTo</code> for example). This is not an issue specific to jQuery Mobile, but because of it, we recommend not programatically scrolling a document when using form controls inside jQuery Mobile fixed toolbars. <a href="https://github.com/scottjehl/Device-Bugs/issues/1">This ticket</a> from the <a href="https://github.com/scottjehl/Device-Bugs/">Device Bugs project</a> tracker explains this problem in more detail.</p>
+		
+		
+		<h2>Known issues in Android 2.2/2.3</h2>	
+		<p>Android 2.2/2.3’s implementation of <code>position: fixed;</code> can, in conjunction with seemingly unrelated styles and markup patterns, cause a number of strange issues, particularly in the case of <code>position: absolute</code> elements inside of <code>position: fixed</code> elements. While we’ve done our best to work around a number of these unique bugs within the scope of the library, custom styles may cause a number of issues.</p>
+		<ul>
+			<li>Form elements elsewhere on the page—select menus in particular—can fail to respond to user interaction when an <em>empty</em> absolute positioned element is placed within a fixed position element. In rare cases—and specific to Android 2.2—this can cause <em>entire pages</em> to fail to respond to user interaction. This can seemingly be solved by adding any character to the absolute positioned element, including a non-breaking space, and in some cases even whitespace.</li>
+			<li>The above-described issue can also be triggered by an absolute positioned image inside of a fixed position element, but <em>only</em> when that image is using something <em>other than its inherent dimensions</em>. If a height or width is specified on the image using CSS, or the image src is invalid (thus having no inherent height and width), this issue can occur. If an image that is inherently, say, 50x50 pixels is placed in a fixed element and left at its inherent dimensions, this issue does not seem to occur.</li>
+			<li>When a <code>position: fixed</code> element appears anywhere on a page, most 2D CSS transforms will fail. Oddly, only <code>translate</code> transforms seem unaffected by this. Even more oddly, this issue is solved by setting a CSS <code>opacity</code> of .9 or below on the parent of the fixed element.</li>
+			<li>Combinations of <code>position: fixed</code> and overflow properties are best avoided, as both have been known to cause unpredictable issues in older versions of Android OS.</li>
+			<li>Any element that triggers the on-screen keyboard, when placed inside a <code>position: fixed</code> element, will fail to respond to user input when using anything other than the default keyboard. This includes Swype, XT9 or, it seems, any input method apart from the standard non-predictive keyboard.</li>
+		</ul>
+			
+		<p>While we will continue to try to find ways to mitigate these bugs as best we can, we currently advise against implementing fixed toolbars containing complicated user styles and form elements without extensive testing in all versions of Android’s native browser.</p>
+		
+		<p>The following pages are designed to test fixed toolbars and form elements: 
+					<a href="bars-fixed-forms-a.html">demo app</a>,
+					<a href="bars-fixed-forms-b.html">text inputs</a>, 
+					<a href="bars-fixed-forms-c.html">search inputs</a>, 
+					<a href="bars-fixed-forms-d.html">radio toggles</a>, 
+					<a href="bars-fixed-forms-e.html">checkbox toggles</a>,
+					<a href="bars-fixed-forms-f.html">slider</a>, 
+					<a href="bars-fixed-forms-g.html">select</a>, and  
+					<a href="bars-fixed-forms-h.html">buttons</a>.</p>
+		
+		
+<div class="ui-body ui-body-e">		
+		<h2>No longer supported: touchOverflowEnabled</h2>
+		
+		<p>Prior to jQuery Mobile 1.1, true fixed toolbar support was contingent on native browser support for the CSS property <code>overflow-scrolling: touch</code>, which is currently only supported in iOS5. As of version 1.1, jQuery Mobile no longer uses this CSS property at all. We've removed all internal usage of this property in the framework, but we've left it defined globally on the $.mobile object to reduce the risk that its removal will cause trouble with existing applications. This property is flagged for removal, so please update your code to no longer use it. The support test for this property, however, remains defined under <code>$.support</code> and we have no plans to remove that test at this time. </p>
+</div>
+		<hr>
+	
+		
+		<h2>The rest of the page is just sample content to make the page very long</h2>
+		
+			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+			
+			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+			
+			
+			<h3>And an inset list</h3>
+			
+					<ul data-role="listview" data-inset="true">
+						<li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
+						<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
+						<li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
+						<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
+						<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
+					</ul>
+			
+			<br />
+			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+			
+			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+			
+			
+			<h3>Embedded form</h3>
+			
+			<form action="#" method="get">
+
+				<div data-role="fieldcontain">
+		         <label for="name">Text Input:</label>
+		         <input type="text" name="name" id="name" value=""  />
+				</div>
+
+				<div data-role="fieldcontain">
+				<label for="textarea">Textarea:</label>
+				<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
+				</div>
+
+				<div data-role="fieldcontain">
+					<label for="slider2">Flip switch:</label>
+					<select name="slider2" id="slider2" data-role="slider">
+						<option value="off">Off</option>
+						<option value="on">On</option>
+					</select>
+				</div>
+
+				<div data-role="fieldcontain">
+					<label for="slider">Slider:</label>
+				 	<input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
+				</div>
+
+
+				<div data-role="fieldcontain">
+					<label for="select-choice-1" class="select">Choose shipping method:</label>
+					<select name="select-choice-1" id="select-choice-1">
+						<option value="standard">Standard: 7 day</option>
+						<option value="rush">Rush: 3 days</option>
+						<option value="express">Express: next day</option>
+						<option value="overnight">Overnight</option>
+					</select>
+				</div>
+
+
+			<div class="ui-body ui-body-b">
+			<fieldset class="ui-grid-a">
+					<div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
+					<div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
+		    </fieldset>
+			</div>
+		</form>
+		
+		<h3>A bit more text</h3>
+		
+		<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
+		
+
+
+
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Toolbars</li>
+								<li><a href="docs-bars.html">Toolbar basics</a></li>
+								<li><a href="docs-headers.html">Header bars</a></li>
+								<li><a href="docs-footers.html">Footer bars</a></li>
+								<li><a href="docs-navbar.html">Navbars</a></li>
+								<li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
+								<li><a href="footer-persist-a.html">Persistent toolbars</a></li>
+								<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" data-theme="a" data-position="fixed">
+					<h1>Fixed Footer</h1>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fullscreen.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fullscreen.html
new file mode 100644
index 00000000..683f7b8e
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-fullscreen.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Fullscreen Fixed toolbars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+<div data-role="page" class="type-interior">
+	
+	<div data-role="header" data-position="fixed" data-theme="f" data-fullscreen="true">
+		<h1>Fullscreen fixed header</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div>
+	
+	<div data-role="content">
+			<div class="content-primary">
+				<img src="images/photo-run.jpeg"  alt="Photo Run">
+	
+		<p class="ui-body">This page demonstrates the "fullscreen" toolbar mode. This toolbar treatment is used in special cases where you want the content to fill the whole screen, and you want the header and footer toolbars to appear and disappear when the page is clicked responsively &mdash; a common scenario for photo, image or video viewers.</p>
+		
+		<p class="ui-body">To enable this toolbar feature type, you apply the <code>data-fullscreen="true"</code> attribute and the <code>data-position="fixed"</code> attribute to both the header and footer <code>div</code> elements, or whichever you want to be full-screen. </p>
+		
+		<p class="ui-body">Keep in mind that the toolbars in this mode will sit <strong>over</strong> page content, so not all content will be accessible with the toolbars open, just as shown in this demo.</p>
+			       
+
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Toolbars</li>
+								<li><a href="docs-bars.html">Toolbar basics</a></li>
+								<li><a href="docs-headers.html">Header bars</a></li>
+								<li><a href="docs-footers.html">Footer bars</a></li>
+								<li><a href="docs-navbar.html">Navbars</a></li>
+								<li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
+								<li><a href="footer-persist-a.html">Persistent toolbars</a></li>
+								<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed" data-fullscreen="true">
+					<h1>Fullscreen Fixed Footer</h1>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-themes.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-themes.html
new file mode 100644
index 00000000..fe91b342
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/bars-themes.html
@@ -0,0 +1,177 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Theming Toolbars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Bar theming </h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div>
+	
+
+	<div data-role="content">
+		<div class="content-primary">	
+		<p>Both the header and footer bars will be styled by default with the theme's "a" color swatch (black in the default theme) because these bars are typically primary in the visual hierarchy of a page. </p>
+		
+			
+		<h2>Theming headers and footers</h2>
+		<p>To set the header or footer bars to a different color in your theme, add the <code> data-theme</code> attribute and specify the letter of the theme swatch (a, b, c, etc.). For example, this will set the bar to swatch "b" (blue in the default theme):</p> 
+
+<div class="highlight"> 
+<pre>
+<span class="nt">&lt;div</span> <span class="na">data-role=</span><span class="s">"header"</span> <strong><span class="na">data-theme=</span><span class="s">"b"</span></strong><span class="nt">&gt;</span> 
+	<span class="nt">&lt;h1&gt;</span>Page Title<span class="nt">&lt;/h1&gt;</span> 
+<span class="nt">&lt;/div&gt;</span> 
+</pre> 
+</div>
+
+		
+		<h2>Theming buttons in toolbars</h2>
+
+		<p>Any link added inside the header block will be automatically styled as a button that matches the color of the bar's theme swatch. To make a button stand out as a primary call to action, the <code> data-theme</code> attribute can be used to specify a contrasting button color from a different theme swatch. For example, if we set the header to theme "c" (light gray), both buttons would be styled as the "c" button by default. If we wanted the Save button to visually pop, we can override the color by setting the <code> data-theme</code> attribute to "b" (blue in our default theme) on the Save button's anchor.</p> 
+
+<div class="highlight"> 
+<pre>
+<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"add-user.php"</span> <strong><span class="na">data-theme=</span><span class="s">"b"</span></strong><span class="nt">&gt;</span>Save<span class="nt">&lt;/a&gt;</span> 
+</pre> 
+</div> 
+			
+
+		
+		<h2>Theme variations</h2>
+		<p>This is a demo of the variation that can be achieved by tweaking the theme swatches and buttons inside the headers and footers.</p>
+		<h3>Headers</h3>
+
+		
+		<div data-role="header">
+			<h1>Bar theme "a"</h1>
+			<a href="index.html" data-icon="plus" data-theme="c">New</a>
+		</div>
+		
+		<div data-role="header">
+			<a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
+			<h1>Bar theme "a"</h1>
+			<a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="b">Save</a>
+		</div>
+
+		<div data-role="header" data-theme="b">
+			<h1>Bar theme "b"</h1>
+			<a href="index.html" data-icon="plus" data-theme="a">New</a>
+		</div>
+
+		<div data-role="header" data-theme="b">
+			<a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
+			<h1>Bar theme "b"</h1>
+			<a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="d">Save</a>
+		</div>
+
+		<div data-role="header" data-theme="c">
+			<h1>Bar theme "c"</h1>
+			<a href="index.html" data-icon="plus" data-theme="a">New</a>
+		</div>
+
+		<div data-role="header" data-theme="c">
+			<a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
+			<h1>Bar theme "c"</h1>
+			<a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="b">Save</a>
+		</div>
+
+		<div data-role="header" data-theme="d">
+			<h1>Bar theme "d"</h1>
+			<a href="index.html" data-icon="plus" data-theme="a">New</a>
+		</div>
+
+		<div data-role="header" data-theme="d">
+			<a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
+			<h1>Bar theme "d"</h1>
+			<a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="b">Save</a>
+		</div>
+
+    <h3>Footers</h3>
+	<p>These are examples of a footer with link buttons inside. Note that footers do not have the same prescriptive markup conventions as headers with button slots so use <a href="../content/content-grids.html">layout grids</a> or custom styles to achieve the design you want.</p>
+	
+
+	
+	<div data-role="footer" data-theme="a">
+            <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
+            <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
+            <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
+            <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
+	</div>
+    
+	<div data-role="footer" data-theme="b">
+            <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
+            <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
+            <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
+            <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
+	</div>
+    
+    <div data-role="footer" data-theme="c">
+            <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
+            <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
+            <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
+            <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
+	</div>
+    
+    	<div data-role="footer" data-theme="d">
+            <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
+            <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
+            <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
+            <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
+		</div>
+    
+    	<div data-role="footer" data-theme="e">
+            <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
+            <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
+            <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
+            <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
+		</div>
+
+
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Toolbars</li>
+								<li><a href="docs-bars.html">Toolbar basics</a></li>
+								<li><a href="docs-headers.html">Header bars</a></li>
+								<li><a href="docs-footers.html">Footer bars</a></li>
+								<li><a href="docs-navbar.html">Navbars</a></li>
+								<li><a href="bars-fixed.html">Fixed positioning</a></li>
+								<li><a href="footer-persist-a.html">Persistent toolbars</a></li>
+								<li data-theme="a"><a href="bars-themes.html">Theming toolbars</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="c">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/docs-bars.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/docs-bars.html
new file mode 100644
index 00000000..ffed0e5b
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/docs-bars.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Toolbar Basics</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Toolbar basics</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">		
+	<h2>Toolbar types</h2>
+	
+	<p>In jQuery Mobile, there are two standard types of toolbars: Headers and Footers. </p>
+	
+<ul>	<li>The <a href="docs-headers.html"><strong>Header bar </strong></a> serves as the page title, is usually the first element inside each <a href="../pages/page-anatomy.html">mobile page</a>, and typically contains a page title and up to two buttons.</li>
+
+	<li>The <a href="docs-footers.html"><strong>Footer bar</strong></a> is usually the last element inside each mobile page, and tends to be more freeform than the header in terms of content and functionality, but typically contains a combination of text and buttons.</li> 
+</ul>	
+
+	<p>It's very common to have a horizontal navigation or tab bar inside the header or footer; jQuery Mobile includes a <a href="docs-navbar.html"><strong>navbar widget </strong></a> that turns an unordered list of links into a horizontal button bar, which works well in these instances.</p>
+	
+	<p>View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to toolbars.</p>
+
+			
+			<h2>Toolbar positioning options</h2>
+			
+			<p>Header and footers can be positioned on the page in a few different ways. By default, the toolbars use the <strong>"inline" positioning</strong> mode. In this mode, the headers and footer sit in the natural document flow (the default HTML behavior), which ensures that they are visible on all devices, regardless of JavaScript and CSS positioning support.</p>
+			
+			<p>A <a href="bars-fixed.html"><strong>"fixed" positioning mode</strong></a> fixes the toolbars to either the top or bottom of the viewport on browsers that support CSS fixed positioning (which includes most desktop browsers, iOS5+, Android 2.2+, BlackBerry 6, and others). In browsers that don't support fixed positioning, the toolbars will fall back to static, inline position in the page.</p>
+			<p> When tap-toggling is enabled, tapping the screen will toggle the visibility of the fixed toolbars. Tapping the page when the toolbars aren't visible brings them into view. Tapping again hides them until you tap again. This gives users the option to hide the toolbars until needed to maximize screen real estate. One caveat is that fixed toolbars never truly hide, but toggle between fixed and static positioning. This means that if you're at the top of a page, you can't tap-toggle a header toolbar out of view, as it instead toggles into its spot in the document flow at the top of the page. The same goes for fixed footers when scrolled to the very bottom of a document.</p>
+			<p>To set this behavior on a header or footer, add the <code> data-position="fixed"</code> attribute to the header or footer element.</p>
+									
+			<p>A <a href="bars-fullscreen.html"><strong>"fullscreen" position mode</strong></a> works just like the fixed mode except that the toolbars overlay the page content, rather than reserving a place in the document when not in fixed mode. This is useful for immersive apps like photo or video viewers where you want the content to fill the whole screen and toolbars can be hidden or summoned to appear by tapping the screen. Keep in mind that the toolbars in this mode will sit <strong>over</strong> page content so this is best used for specific situations.</p>
+
+				
+
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Toolbars</li>
+								<li data-theme="a"><a href="docs-bars.html">Toolbar basics</a></li>
+								<li><a href="docs-headers.html">Header bars</a></li>
+								<li><a href="docs-footers.html">Footer bars</a></li>
+								<li><a href="docs-navbar.html">Navbars</a></li>
+								<li><a href="bars-fixed.html">Fixed positioning</a></li>
+								<li><a href="footer-persist-a.html">Persistent toolbars</a></li>
+								<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="c">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/docs-footers.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/docs-footers.html
new file mode 100644
index 00000000..0a30d2ab
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/docs-footers.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Footer Configuration</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Footers</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">		
+			<h2>Footer bar structure</h2>
+
+			<p>The <code>footer</code> bar has the same basic structure as the <a href="docs-headers.html">header</a> except it uses the <code> data-role</code> attribute value of <code>footer</code>. </p> 
+
+<div class="highlight"> 
+<pre>
+<span class="nt">&lt;div</span> <strong><span class="na">data-role=</span><span class="s">"footer"</span></strong><span class="nt">&gt;</span> 
+	<span class="nt">&lt;h4&gt;</span>Footer content<span class="nt">&lt;/h4&gt;</span> 
+<span class="nt">&lt;/div&gt;</span> 
+</pre> 
+</div>
+	
+			
+			<p>The <code>footer</code> toolbar will be be themed with the "a" swatch by default (black in the default theme) but you can easily <a href="bars-themes.html">set the theme swatch color</a>.</p> 
+			
+			<div data-role="footer">
+				<h4>Footer content</h4>
+			</div>
+			
+			<p>The page footer is very similar to the header in terms of options and configuration. The primary difference is that the footer is designed to be less structured than the header to allow for more flexibility, so the framework doesn't automatically place buttons to the left or right based on source order as it does in the header. </p>
+			<p>Since footers do not have the same prescriptive markup conventions as headers, we recommend using layout <a href="../content/content-grids.html">grids</a> or writing custom styles to achieve the design you want.</p> 
+
+
+
+			<h2>Adding buttons</h2>
+
+			<p>Any link or valid <a href="../buttons/buttons-types.html">button markup</a> added to the footer will automatically be turned into a button. To save space, buttons in toolbars are automatically set to <a href="../buttons/buttons-inline.html">inline styling</a> so the button is only as wide as the text and icons it contains.  </p>
+			
+			<p>By default, toolbars don't have any padding to accommodate nav bars and other widgets. To include padding on the bar, add a <code>class="ui-bar"</code> to the footer.</p>
+			
+
+<pre><code>
+&lt;div data-role=&quot;footer&quot; class=&quot;ui-bar&quot;&gt;
+	&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot; data-icon=&quot;plus&quot;&gt;Add&lt;/a&gt;
+	&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot; data-icon=&quot;arrow-u&quot;&gt;Up&lt;/a&gt;
+	&lt;a href=&quot;index.html&quot; data-role=&quot;button&quot; data-icon=&quot;arrow-d&quot;&gt;Down&lt;/a&gt;
+&lt;/div&gt;
+</code></pre>
+
+			<p>This creates this toolbar with buttons sitting in a row</p>
+
+			<div data-role="footer" class="ui-bar">
+				<a href="index.html" data-icon="plus">Add</a>
+				<a href="index.html" data-icon="arrow-u">Up</a>
+				<a href="index.html" data-icon="arrow-d">Down</a>
+			</div>
+			
+			</p>Note that <code>.ui-bar</code> should not be added to header or footer bars that span the full width of the page, as the additional padding will cause a full-width element to break out of its parent container. To add padding inside of a full-width toolbar, wrap the toolbar's contents in an element and apply the padding to that element.</p>
+			
+			<p>To group buttons together into a button set, wrap the links in a wrapper with <code> data-role=&quot;controlgroup&quot;</code> and <code>data-type=&quot;horizontal&quot;</code> attributes.</p>
+			
+<code>&lt;div data-role=&quot;controlgroup&quot; data-type=&quot;horizontal&quot;&gt;</code>
+
+			<p>This creates a grouped set of buttons:</p>
+
+			<div data-role="footer" class="ui-bar">
+				<div data-role="controlgroup" data-type="horizontal">
+					<a href="index.html" data-icon="plus">Add</a>
+					<a href="index.html" data-icon="arrow-u">Up</a>
+					<a href="index.html" data-icon="arrow-d">Down</a>
+				</div>
+			</div>
+	
+	
+	
+			<h2>Adding form elements</h2>
+
+			<p><a href="../forms/forms-all.html">Forms</a> elements and other content can also be added to toolbars. Here is an example of a <a href="../forms/selects/index.html">select</a> menu inside a footer bar. We recommend using <a href="../forms/forms-all-mini.html" >mini-sized</a> form elements in toolbars by adding the <code>data-mini="true"</code> attribute:</p>
+		
+
+			<div data-role="footer" class="ui-bar">
+				<label for="select-choice-1">Shipping:</label>
+				<select name="select-choice-1" id="select-choice-1" data-theme="a" data-mini="true">
+					<option value="standard">Standard: 7 day</option>
+					<option value="rush">Rush: 3 days</option>
+					<option value="express">Express: next day</option>
+					<option value="overnight">Overnight</option>
+				</select>
+			</div>
+				
+					
+
+
+
+					
+					<h2>Fixed &amp; Persistent footers</h2>
+					<p>In situations where the footer is a global navigation element, you may want it to appear <a href="bars-fixed.html">fixed</a> so it doesn't scroll out of view. It's also possible to make a fixed toolbar <a href="footer-persist-d.html">persistent</a> so it appears to not move between <a href="../pages/page-transitions.html">page transitions</a>. This can be accomplished by using the persistent footer feature included in jQuery Mobile.</p> 
+					
+					<p>To make a footer persistent between transitions, add the <code>data-id</code> attribute to the footer of all relevant pages and use the same <code>id</code> value for each. For example, by adding <code>data-id="myfooter"</code> to the current page and the target page, the framework will keep the footer anchors in the same spot during the page animation. <strong>This effect will only work correctly if the header and footer toolbars are set to <code>data-position="fixed"</code> so they are in view during the transition.</strong></p>
+					
+					
+
+					
+
+						</div><!--/content-primary -->		
+
+						<div class="content-secondary">
+
+							<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+									<h3>More in this section</h3>
+
+									<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+										<li data-role="list-divider">Toolbars</li>
+										<li><a href="docs-bars.html">Toolbar basics</a></li>
+										<li><a href="docs-headers.html">Header bars</a></li>
+										<li data-theme="a"><a href="docs-footers.html">Footer bars</a></li>
+										<li><a href="docs-navbar.html">Navbars</a></li>
+										<li><a href="bars-fixed.html">Fixed positioning</a></li>
+										<li><a href="footer-persist-a.html">Persistent toolbars</a></li>
+										<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+									</ul>
+							</div>
+						</div>		
+
+					</div><!-- /content -->
+
+					<div data-role="footer" class="footer-docs" data-theme="c">
+							<p>&copy; 2011-12 The jQuery Foundation</p>
+					</div>
+
+					</div><!-- /page -->
+
+					</body>
+					</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/docs-headers.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/docs-headers.html
new file mode 100644
index 00000000..90e5aa3a
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/docs-headers.html
@@ -0,0 +1,216 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Header Bars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Headers</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">	
+			<h2>Header structure</h2>
+			<p>The <code>header</code> is a toolbar at the top of the page that usually contains the page title text and optional buttons positioned to the the left and/or right of the title for navigation or actions. Headers can optionally be positioned as <a href="bars-fixed.html">fixed</a> so they remain at the top of the screen at all times instead of scrolling with the page.</p> 
+			
+			<p>The title text is normally an H1 heading element but it's possible to use any heading level (H1-H6) to allow for semantic flexibility. For example, a page containing multiple mobile 'pages' may use a H1 element on the home 'page' and a H2 element on the secondary pages. All heading levels are styled identically by default to maintain visual consistency.</p> 
+
+<div class="highlight"> 
+<pre>
+<span class="nt">&lt;div</span> <strong><span class="na">data-role=</span><span class="s">"header"</span></strong><span class="nt">&gt;</span> 
+	<span class="nt">&lt;h1&gt;</span>Page Title<span class="nt">&lt;/h1&gt;</span> 
+<span class="nt">&lt;/div&gt;</span> 
+</pre> 
+</div> 
+
+			<h2>Default header features</h2>
+			<p>The <code>header</code> toolbar is themed with the "a" swatch by default (black in the default theme) but you can easily <a href="bars-themes.html">set the theme swatch color</a>.</p> 
+
+
+			
+			<div data-role="header">
+				<h1>Page title</h1>
+			</div>
+
+	
+			<h2>Adding buttons</h2>
+			
+			
+			
+			
+	
+			<p>In the standard header configuration, there are slots for buttons on either side of the text heading. Each button is typically an <code>anchor</code> element, but any valid <a href="../buttons/buttons-types.html">button markup</a> will work. To save space, buttons in toolbars are set to <a href="../buttons/buttons-inline.html">inline styling</a> so the button is only as wide as the text and icons it contains. </p>
+
+
+		
+		
+			<h3>Default button positioning</h3>
+		
+			<p>The header plugin looks for immediate children of the header container, and automatically sets the first link in the left button slot and the second link in the right. In this example, the 'Cancel' button will appear in the left slot and 'Save' will appear in the right slot based on their sequence in the source order. </p> 
+			
+
+<pre><code>			
+&lt;div data-role=&quot;header&quot; data-position=&quot;inline&quot;&gt;
+	&lt;a href=&quot;index.html&quot; data-icon=&quot;delete&quot;&gt;Cancel&lt;/a&gt;
+	&lt;h1&gt;Edit Contact&lt;/h1&gt;
+	&lt;a href=&quot;index.html&quot; data-icon=&quot;check&quot;&gt;Save&lt;/a&gt;
+&lt;/div&gt;
+</code></pre>
+	
+	
+			<div data-role="header">
+				<a href="index.html" data-icon="delete">Cancel</a>
+				<h1>Edit Contact</h1>
+				<a href="index.html" data-icon="check">Save</a>
+			</div>
+			
+			<h3>Making buttons visually stand out</h3>
+			
+			<p>Buttons automatically adopt the swatch color of the bar they sit in, so a link in a header bar with the "a" color will also be styled as "a" colored buttons. It's simple to make a button visually stand out. Here, we add the <code> data-theme</code> attribute and set the color swatch for the button to "b" to make the "Save" button pop.</p>
+			
+			<pre><code>			
+&lt;div data-role=&quot;header&quot; data-position=&quot;inline&quot;&gt;
+	&lt;a href=&quot;index.html&quot; data-icon=&quot;delete&quot;&gt;Cancel&lt;/a&gt;
+	&lt;h1&gt;Edit Contact&lt;/h1&gt;
+	&lt;a href=&quot;index.html&quot; data-icon=&quot;check&quot; data-theme=&quot;b&quot;&gt;Save&lt;/a&gt;
+&lt;/div&gt;
+</code></pre>
+			
+						
+			<div data-role="header">
+				<a href="index.html" data-icon="delete">Cancel</a>
+				<h1>Edit Contact</h1>
+				<a href="index.html" data-icon="check" data-theme="b">Save</a>
+			</div>
+	
+			<h3>Controlling button position with classes</h3>
+	
+			<p>The button position can also be controlled by adding classes to the button anchors, rather than relying on source order. This is especially useful if you only want a button in the right slot. To specify the button position, add the class of <code>ui-btn-left</code> or <code>ui-btn-right</code> to the anchor.</p> 
+
+			
+
+
+<div class="highlight"> 
+<pre><code>
+&lt;div data-role=&quot;header&quot; data-position=&quot;inline&quot;&gt; 
+	&lt;h1&gt;Page Title&lt;/h1&gt;
+	&lt;a href=&quot;index.html&quot; data-icon=&quot;gear&quot; class=&quot;ui-btn-right&quot;&gt;Options&lt;/a&gt;
+&lt;/div&gt;
+</code></pre> 
+</div> 
+
+			<div data-role="header" >
+				<h1>Page Title</h1>
+				<a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
+			</div>
+			
+			
+				<h3>Adding buttons to toolbars without heading</h3>
+	
+			<p>The heading in the header bar has some margin that will give the bar its height. If you choose not to use a heading, you will need to add an element with <code>class="ui-title"</code> so that the bar can get the height and display correctly.</p> 
+
+		
+<div class="highlight"> 
+<pre><code>
+&lt;div data-role=&quot;header&quot; data-position=&quot;inline&quot;&gt; 
+	&lt;a href=&quot;index.html&quot; data-icon=&quot;gear&quot; class=&quot;ui-btn-right&quot;&gt;Options&lt;/a&gt;
+	&lt;span class=&quot;ui-title&quot; /&gt;
+&lt;/div&gt;
+	
+</code></pre> 
+</div> 
+
+			<div data-role="header" >
+				<a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
+				<span class="ui-title" />
+			</div>
+			
+			
+			
+		<h2>Adding Back buttons</h2>
+		
+		<p>jQuery Mobile has a feature to automatically create and append "back" buttons to any header, though it is disabled by default. This is primarily useful in chromeless installed applications, such as those running in a native app webview. The framework automatically generates a "back" button on a header when the page plugin's <code>addBackBtn</code> option is true. This can also be set via markup if the page div has a <code>data-add-back-btn="true"</code> attribute. </p> 
+		
+		
+		<p>If you use the attribute <code>data-rel="back"</code> on an anchor, any clicks on that anchor will mimic the back button, going back one history entry and ignoring the anchor's default href. This is particularly useful when linking back to a named page, such as a link that says "home", or when generating "back" buttons with JavaScript, such as a button to close a dialog. When using this feature in your source markup, <strong>be sure to provide a meaningful href that actually points to the URL of the referring page. This will allow the feature to work for users in C-Grade browsers.</strong></p>
+                <p>If you just want a reverse transition without actually going back in history, you should use the <code>data-direction="reverse"</code> attribute.</p>	
+			
+		<h2>Customizing the back button text</h2>	
+		
+		<p>If you'd like to configure the back button text, you can either use the <code>data-back-btn-text="previous"</code> attribute on your page element, or set it programmatically via the page plugin's options: <br /><code>$.mobile.page.prototype.options.backBtnText = "previous";</code></p>
+		
+		<h3>Default back button style</h3>
+		<p>If you'd like to configure the back button role-theme, you can use: <br /><code>$.mobile.page.prototype.options.backBtnTheme = "a";</code><br />
+		If you're doing this programmatically, set this option inside the mobileinit event handler.</p>
+
+			<h2>Custom header configurations</h2>
+			<p>If you need to to create a header that doesn't follow the default configuration, simply wrap your custom styled markup in any container, such as <code>div</code>. The plugin won't apply the automatic button logic to the wrapped content inside the header container so you can write custom styles for laying out the content in your header.</p> 
+
+			<p>It's also possible to create custom bars without using the header data-role at all. For example, start with any container and add the <code>ui-bar</code> class to apply standard bar padding and add the <code>ui-bar-b</code> class to assign the bar swatch styles from your theme. (The "b" can be any swatch letter.)</p>
+			
+			<pre><code>
+&lt;div <strong>class=&quot;ui-bar ui-bar-b&quot;</strong>&gt;
+	&lt;h3&gt;I&#x27;m just a div with bar classes and a &lt;a href=&quot;#&quot; data-role=&quot;button&quot;&gt;Button&lt;/a&gt;&lt;/h3&gt;
+&lt;/div&gt;
+			</code></pre>
+
+			<p>This will produce this bar:</p>
+				<div class="ui-bar ui-bar-b">
+					<h3>I'm just a div with bar classes and a mini inline <a href="#" data-role="button" data-inline="true" data-mini="true">Button</a></h3>
+				</div>
+				
+				<p>Note that <code>.ui-bar</code> should not be added to header or footer bars that span the full width of the page, as the additional padding will cause a full-width element to break out of its parent container. To add padding inside of a full-width toolbar, wrap the toolbar's contents in an element and apply the padding to that element instead.</p>
+				
+				<p>By writing some simple styles, it's easy to build message bars like this:</p>
+					<!-- Yes, the inline styles aren't recommended in a real system but they are used to simply illustrate how to tweak CSS -->
+					<div class="ui-bar ui-bar-e">
+						
+						<h3 style="display:inline-block; width:92%; margin-top:5px;">This is an alert message. </h3><div style="display:inline-block; width:8%; margin-top:0px;"><a href="#" data-role="button" data-icon="delete" data-iconpos="notext">Dismiss</a></div><p style="font-size:85%; margin:-.3em 0 1em;">And here's some additional text in a paragraph.</p>
+					</div>
+				</div><!--/content-primary -->		
+
+				<div class="content-secondary">
+
+					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+							<h3>More in this section</h3>
+
+							<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+								<li data-role="list-divider">Toolbars</li>
+								<li><a href="docs-bars.html">Toolbar basics</a></li>
+								<li data-theme="a"><a href="docs-headers.html">Header bars</a></li>
+								<li><a href="docs-footers.html">Footer bars</a></li>
+								<li><a href="docs-navbar.html">Navbars</a></li>
+								<li><a href="bars-fixed.html">Fixed positioning</a></li>
+								<li><a href="footer-persist-a.html">Persistent toolbars</a></li>
+								<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+							</ul>
+					</div>
+				</div>		
+
+			</div><!-- /content -->
+
+			<div data-role="footer" class="footer-docs" data-theme="c">
+					<p>&copy; 2011-12 The jQuery Foundation</p>
+			</div>
+
+			</div><!-- /page -->
+
+			</body>
+			</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/docs-navbar.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/docs-navbar.html
new file mode 100644
index 00000000..1f65ba28
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/docs-navbar.html
@@ -0,0 +1,318 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Navbar</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Navbar</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">		
+	<h2>Simple navbar</h2>
+	
+	<p>jQuery Mobile has a very basic navbar widget that is useful for providing up to 5 buttons with optional icons in a bar, typically within a header or footer. There is also a <a href="footer-persist-a.html">persistent navbar</a> variation that works more like a tab bar that stays fixed as you navigate across pages.</p>
+	<p>A navbar is coded as an unordered list of links wrapped in a container element that has the <code> data-role="navbar"</code> attribute. To set one of the links to the active (selected) state, add <code>class="ui-btn-active"</code> to the anchor. In this example, we have a two-button navbar in the footer with the "One" item set to active:</p>
+	
+<pre><code>
+<strong>&lt;div data-role=&quot;navbar&quot;&gt;</strong>
+	&lt;ul&gt;
+		&lt;li&gt;&lt;a href=&quot;a.html&quot; class=&quot;ui-btn-active&quot;&gt;One&lt;/a&gt;&lt;/li&gt;
+		&lt;li&gt;&lt;a href=&quot;b.html&quot;&gt;Two&lt;/a&gt;&lt;/li&gt;
+	&lt;/ul&gt;
+<strong>&lt;/div&gt;&lt;!-- /navbar --&gt;</strong>
+</code></pre>
+
+	<p>The navbar items are set to divide the space evenly so in this case, each button is 1/2 the width of the browser window:</p>
+
+
+		<div data-role="navbar">
+			<ul>
+				<li><a href="#" class="ui-btn-active">One</a></li>
+				<li><a href="#">Two</a></li>
+			</ul>
+		</div><!-- /navbar -->
+
+	
+	<p>Adding a third item will automatically make each button 1/3 the width of the browser window:</p>
+
+
+		<div data-role="navbar">
+			<ul>
+				<li><a href="#" class="ui-btn-active">One</a></li>
+				<li><a href="#">Two</a></li>
+				<li><a href="#">Three</a></li>
+			</ul>
+		</div><!-- /navbar -->
+
+	
+	<p>Adding a fourth more item will automatically make each button 1/4 the width of the browser window:</p>
+
+
+		<div data-role="navbar" data-grid="c">
+			<ul>
+				<li><a href="#" class="ui-btn-active">One</a></li>
+				<li><a href="#">Two</a></li>
+				<li><a href="#">Three</a></li>
+				<li><a href="#">Four</a></li>
+			</ul>
+		</div><!-- /navbar -->
+
+
+	<p>The navbar maxes out with 5 items, each 1/5 the width of the browser window:</p>
+
+
+		<div data-role="navbar" data-grid="d">
+			<ul>
+				<li><a href="#" class="ui-btn-active">One</a></li>
+				<li><a href="#">Two</a></li>
+				<li><a href="#">Three</a></li>
+				<li><a href="#">Four</a></li>
+				<li><a href="#">Five</a></li>
+			</ul>
+		</div><!-- /navbar -->
+
+	
+	<p>If more than 5 items are added, the navbar will simply wrap to multiple lines:</p>
+	
+		<div data-role="navbar">
+			<ul>
+				<li><a href="#" class="ui-btn-active">One</a></li>
+				<li><a href="#">Two</a></li>
+				<li><a href="#">Three</a></li>
+				<li><a href="#">Four</a></li>
+				<li><a href="#">Five</a></li>
+				<li><a href="#">Six</a></li>
+				<li><a href="#">Seven</a></li>
+				<li><a href="#">Eight</a></li>
+				<li><a href="#">Nine</a></li>
+				<li><a href="#">Ten</a></li>
+			</ul>
+		</div><!-- /navbar -->
+	
+	<p>Navbars with 1 item will simply render as 100%.</p>
+	
+		<div data-role="navbar">
+			<ul>
+				<li><a href="#" class="ui-btn-active">One</a></li>
+			</ul>
+		</div><!-- /navbar -->
+	
+	<h2>Navbars in headers</h2>
+	
+	<p>If you want to add a navbar to the top of the page, you can still have a page title and buttons. Just add the navbar container inside the header block, right after the title and buttons in the source order.</p>
+
+	<div data-role="header">
+		<h1>I'm a header</h1>
+		<a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
+				
+		<div data-role="navbar">
+			<ul>
+				<li><a href="#">One</a></li>
+				<li><a href="#">Two</a></li>
+				<li><a href="#">Three</a></li>
+			</ul>
+		</div><!-- /navbar -->
+	</div><!-- /header -->
+	
+	<h2>Navbars in footers</h2>
+	
+	<p>If you want to add a navbar to the bottom of the page so it acts more like a tab bar, simply wrap the navbar in a container with a <code>data-role="footer"</code></p>
+<pre><code>
+&lt;div data-role=&quot;footer&quot;&gt;		
+	&lt;div data-role=&quot;navbar&quot;&gt;
+		&lt;ul&gt;
+			&lt;li&gt;&lt;a href=&quot;#&quot;&gt;One&lt;/a&gt;&lt;/li&gt;
+			&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Two&lt;/a&gt;&lt;/li&gt;
+			&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Three&lt;/a&gt;&lt;/li&gt;
+		&lt;/ul&gt;
+	&lt;/div&gt;&lt;!-- /navbar --&gt;
+&lt;/div&gt;&lt;!-- /footer --&gt;
+</code></pre>
+	<div data-role="footer">		
+		<div data-role="navbar">
+			<ul>
+				<li><a href="#">One</a></li>
+				<li><a href="#">Two</a></li>
+				<li><a href="#">Three</a></li>
+			</ul>
+		</div><!-- /navbar -->
+	</div><!-- /footer -->
+	
+	<h2>Icons in navbars</h2>
+	
+	<p>Icons can be added to navbar items by adding the <code> data-icon</code> attribute specifying a <a href="../buttons/buttons-icons.html">standard mobile icon</a> to each anchor. By default, icons are added above the text (<code>data-iconpos="top"</code>). The following examples add icons to a navbar in a footer.</p>
+
+	<div data-role="footer">
+		<div data-role="navbar">
+			<ul>
+				<li><a href="#" data-icon="grid">Summary</a></li>
+				<li><a href="#" data-icon="star" class="ui-btn-active">Favs</a></li>
+				<li><a href="#" data-icon="gear">Setup</a></li>
+			</ul>
+		</div><!-- /navbar -->
+	</div><!-- /footer -->
+	
+	<p>The icon position is set <em>on the navbar container</em> instead of for individual links within for visual consistency. For example, to place the icons below the labels, add the <code> data-iconpos="bottom"</code> attribute to the navbar container.</p>
+<pre><code>
+&lt;div data-role=&quot;navbar&quot; <strong>data-iconpos=&quot;bottom&quot;</strong>&gt;
+</code></pre>
+	<p>This will result in a bottom icon alignment:</p>
+	<div data-role="footer">
+		<div data-role="navbar" data-iconpos="bottom">
+			<ul>
+				<li><a href="#" data-icon="grid">Summary</a></li>
+				<li><a href="#" data-icon="star" class="ui-btn-active">Favs</a></li>
+				<li><a href="#" data-icon="gear">Setup</a></li>
+			</ul>
+		</div><!-- /navbar -->
+	</div><!-- /footer -->
+	
+	<p>The icon position can be set to <code>data-iconpos="left"</code>:</p>
+
+	<div data-role="footer">
+		<div data-role="navbar" data-iconpos="left">
+			<ul>
+				<li><a href="#" data-icon="grid">Summary</a></li>
+				<li><a href="#" data-icon="star" class="ui-btn-active">Favs</a></li>
+				<li><a href="#" data-icon="gear">Setup</a></li>
+			</ul>
+		</div><!-- /navbar -->
+	</div><!-- /footer -->
+	
+	<p>Or the icon position can be set to <code>data-iconpos="right"</code>:</p>
+
+	<div data-role="footer">
+		<div data-role="navbar" data-iconpos="right">
+			<ul>
+				<li><a href="#" data-icon="grid">Summary</a></li>
+				<li><a href="#" data-icon="star" class="ui-btn-active">Favs</a></li>
+				<li><a href="#" data-icon="gear">Setup</a></li>
+			</ul>
+		</div><!-- /navbar -->
+	</div><!-- /footer -->
+	
+	<h2>Using 3rd party icon sets</h2>
+	
+	<p>You can add any of the popular icon libraries like <a href="http://glyphish.com/">Glyphish</a> to achieve the iOS style tab that has large icons stacked on top of text labels. All that is required is a bit of custom styles to link to the icons and position them in the navbar. Here is an example using Glyphish icons and custom styles (view page source for styles) in our navbar:</p>
+	
+	
+	<style>	
+		.nav-glyphish-example .ui-btn .ui-btn-inner { padding-top: 40px !important; }
+		.nav-glyphish-example .ui-btn .ui-icon { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
+		#chat .ui-icon { background:  url(glyphish-icons/09-chat2.png) 50% 50% no-repeat; background-size: 24px 22px; }
+		#email .ui-icon { background:  url(glyphish-icons/18-envelope.png) 50% 50% no-repeat; background-size: 24px 16px;  }
+		#login .ui-icon { background:  url(glyphish-icons/30-key.png) 50% 50% no-repeat;  background-size: 12px 26px; }
+		#beer .ui-icon { background:  url(glyphish-icons/88-beermug.png) 50% 50% no-repeat;  background-size: 22px 27px; }
+		#coffee .ui-icon { background:  url(glyphish-icons/100-coffee.png) 50% 50% no-repeat;  background-size: 20px 24px; }
+		#skull .ui-icon { background:  url(glyphish-icons/21-skull.png) 50% 50% no-repeat;  background-size: 22px 24px; }
+	</style>
+	
+	<div data-role="footer" class="nav-glyphish-example">
+		<div data-role="navbar" class="nav-glyphish-example" data-grid="d">
+		<ul>
+			<li><a href="#" id="chat" data-icon="custom">Chat</a></li>
+			<li><a href="#" id="email" data-icon="custom">Email</a></li>
+			<li><a href="#" id="skull" data-icon="custom">Danger</a></li>
+			<li><a href="#" id="beer" data-icon="custom">Beer</a></li>
+			<li><a href="#" id="coffee" data-icon="custom">Coffee</a></li>
+		</ul>
+		</div>
+	</div>
+	
+	<p>Icons by Joseph Wain / <a href="http://glyphish.com/">glyphish.com</a>. Licensed under the <a href="http://creativecommons.org/licenses/by/3.0/us/">Creative Commons Attribution 3.0 United States License</a>.</p>
+
+
+	<h2>Theming navbars</h2>
+	
+	<p>Navbars inherit the theme swatch from their parent container, just like buttons. If a navbar is placed in the header or footer toolbar, it will inherit the default toolbar swatch (A) for bars unless you set this in the markup. </p>
+	<p>Here are a few examples of navbars in various container swatches that automatically inherit their parent's swatch letter. Note that in these examples, instead of using a <code>data-theme</code> attribute, we're manually adding the swatch classes to apply the body swatch (<code>ui-body-a</code>) and the class to add the standard body padding (ui-body), but the inheritance works the same way:</p>
+
+	<div class="ui-body-a ui-body">
+		<h3>Swatch A</h3>
+		<div data-role="navbar">
+			<ul>
+				<li><a href="#" data-icon="grid">A</a></li>
+				<li><a href="#" data-icon="star">B</a></li>
+				<li><a href="#" data-icon="gear">C</a></li>
+				<li><a href="#" data-icon="arrow-l">D</a></li>
+				<li><a href="#" data-icon="arrow-r">E</a></li>
+			</ul>
+		</div><!-- /navbar -->
+	</div><!-- /container -->
+	
+	<div class="ui-body-d ui-body">
+		<h3>Swatch B</h3>
+		<div data-role="navbar">
+			<ul>
+				<li><a href="#" data-icon="grid">A</a></li>
+				<li><a href="#" data-icon="star">B</a></li>
+				<li><a href="#" data-icon="gear">C</a></li>
+				<li><a href="#" data-icon="arrow-l">D</a></li>
+				<li><a href="#" data-icon="arrow-r">E</a></li>
+			</ul>
+		</div><!-- /navbar -->
+	</div><!-- /container -->
+	
+<p>To set the theme color for a navbar item, add the <code>data-theme</code> attribute to the individual links and specify a theme swatch. Note that applying a theme swatch to the navbar container is <em>not</em> supported.</p>
+	<div data-role="footer">
+		<div data-role="navbar">
+			<ul>
+				<li><a href="#" data-icon="grid"data-theme="a">A</a></li>
+				<li><a href="#" data-icon="star" data-theme="b">B</a></li>
+				<li><a href="#" data-icon="gear" data-theme="c">C</a></li>
+				<li><a href="#" data-icon="arrow-l" data-theme="d">D</a></li>
+				<li><a href="#" data-icon="arrow-r" data-theme="e">E</a></li>
+			</ul>
+		</div><!-- /navbar -->
+	</div><!-- /footer -->
+					
+
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+						<li data-role="list-divider">Toolbars</li>
+						<li><a href="docs-bars.html">Toolbar basics</a></li>
+						<li><a href="docs-headers.html">Header bars</a></li>
+						<li><a href="docs-footers.html">Footer bars</a></li>
+						<li data-theme="a"><a href="docs-navbar.html">Navbars</a></li>
+						<li><a href="bars-fixed.html">Fixed positioning</a></li>
+						<li><a href="footer-persist-a.html">Persistent toolbars</a></li>
+						<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" class="footer-docs" data-theme="c">
+			<p>&copy; 2011-12 The jQuery Foundation</p>
+	</div>
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/footer-persist-a.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/footer-persist-a.html
new file mode 100644
index 00000000..91b7f743
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/footer-persist-a.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Persistent footer A</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f" data-position="fixed" data-id="foo">
+		<h1>Friends</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div>
+	
+	<div data-role="content">
+		<div class="content-primary">
+			
+
+				<ul data-role="listview" data-theme="d" data-dividertheme="e" data-filter="true" data-filter-theme="d"data-filter-placeholder="Search friends...">
+					<li data-role="list-divider">A</li>
+					<li><a href="#">Adam Kinkaid</a></li>
+					<li><a href="#">Alex Wickerham</a></li>
+					<li><a href="#">Avery Johnson</a></li>
+					<li data-role="list-divider">B</li>
+					<li><a href="#">Bob Cabot</a></li>
+					<li data-role="list-divider">C</li>
+					<li><a href="#">Caleb Booth</a></li>
+					<li><a href="#">Christopher Adams</a></li>
+					<li><a href="#">Culver James</a></li>
+					<li data-role="list-divider">D</li>
+					<li><a href="#">David Walsh</a></li>
+					<li><a href="#">Drake Alfred</a></li>
+					<li data-role="list-divider">E</li>
+					<li><a href="#">Elizabeth Bacon</a></li>
+					<li><a href="#">Emery Parker</a></li>
+					<li><a href="#">Enid Voldon</a></li>
+					<li data-role="list-divider">F</li>
+					<li><a href="#">Francis Wall</a></li>
+					<li data-role="list-divider">G</li>
+					<li><a href="#">Graham Smith</a></li>
+					<li><a href="#">Greta Peete</a></li>
+					<li data-role="list-divider">H</li>
+					<li><a href="#">Harvey Walls</a></li>
+					<li data-role="list-divider">M</li>
+					<li><a href="#">Mike Farnsworth</a></li>
+					<li><a href="#">Murray Vanderbuilt</a></li>
+					<li data-role="list-divider">N</li>
+					<li><a href="#">Nathan Williams</a></li>
+					<li data-role="list-divider">P</li>
+					<li><a href="#">Paul Baker</a></li>
+					<li><a href="#">Pete Mason</a></li>
+					<li data-role="list-divider">R</li>
+					<li><a href="#">Rod Tarker</a></li>
+					<li data-role="list-divider">S</li>
+					<li><a href="#">Sawyer Wakefield</a></li>
+				</ul>
+	
+
+
+
+
+
+
+
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+					<h3>More in this section</h3>
+
+					<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+						<li data-role="list-divider">Toolbars</li>
+						<li><a href="docs-bars.html">Toolbar basics</a></li>
+						<li><a href="docs-headers.html">Header bars</a></li>
+						<li><a href="docs-footers.html">Footer bars</a></li>
+						<li><a href="docs-navbar.html">Navbars</a></li>
+						<li><a href="bars-fixed.html">Fixed positioning</a></li>
+						<li data-theme="a"><a href="footer-persist-a.html">Persistent toolbars</a></li>
+						<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+					</ul>
+			</div>
+		</div>		
+
+	</div><!-- /content -->
+
+	<div data-role="footer" data-id="foo1" data-position="fixed">
+		<div data-role="navbar">
+			<ul>
+				<li><a href="footer-persist-a.html" data-prefetch="true" class="ui-btn-active ui-state-persist">Friends</a></li>
+				<li><a href="footer-persist-b.html" data-prefetch="true">Albums</a></li>
+				<li><a href="footer-persist-c.html" data-prefetch="true">Emails</a></li>
+				<li><a href="footer-persist-d.html" data-prefetch="true" data-transition="slideup">Info</a></li>
+			</ul>
+		</div><!-- /navbar -->
+	</div><!-- /footer -->
+
+	</div><!-- /page -->
+
+	</body>
+	</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/footer-persist-b.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/footer-persist-b.html
new file mode 100644
index 00000000..85fddb17
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/footer-persist-b.html
@@ -0,0 +1,140 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Persistent footer B</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f" data-position="fixed" data-id="foo">
+		<h1>Albums</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div>
+	
+	<div data-role="content">
+		<div class="content-primary">
+			<ul data-role="listview" data-theme="d" data-dividertheme="e" data-filter="true" data-filter-theme="d" data-filter-placeholder="Search albums..." data-split-icon="gear" data-split-theme="c">
+			<li><a href="#">
+				<img src="../lists/images/album-bb.jpg" />
+				<h3>Broken Bells</h3>
+				<p>Broken Bells</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="#">
+				
+				<img src="../lists/images/album-hc.jpg" />
+				<h3>Warning</h3>
+				<p>Hot Chip</p>
+				
+			</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="#">
+				<img src="../lists/images/album-p.jpg" />
+				<h3>Wolfgang Amadeus Phoenix</h3>
+				<p>Phoenix</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="#">
+				<img src="../lists/images/album-ok.jpg" />
+				<h3>Of The Blue Colour Of The Sky</h3>
+				<p>Ok Go</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="#">
+				<img src="../lists/images/album-ws.jpg" />
+				<h3>Elephant</h3>
+				<p>The White Stripes</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="#">
+				<img src="../lists/images/album-rh.jpg" />
+				<h3>Kid A</h3>
+				<p>Radiohead</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="#">
+				<img src="../lists/images/album-xx.jpg" />
+				<h3>XX</h3>
+				<p>XX</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="#">
+				<img src="../lists/images/album-mg.jpg" />
+				<h3>Congratulations</h3>
+				<p>MGMT</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="#">
+				<img src="../lists/images/album-ag.jpg" />
+				<h3>Ashes Grammar</h3>
+				<p>A Sunny Day in Glasgow</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			
+			<li><a href="index.html">
+				<img src="../lists/images/album-k.jpg" />
+				<h3>Hot Fuss</h3>
+				<p>Killers</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+			<li><a href="#">	
+				<img src="../lists/images/album-af.jpg" />
+				<h3>The Suburbs</h3>
+				<p>Arcade Fire</p>
+				</a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
+			</a></li>
+		</ul>
+		
+
+
+			</div><!--/content-primary -->		
+
+			<div class="content-secondary">
+
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+							<li data-role="list-divider">Toolbars</li>
+							<li><a href="docs-bars.html">Toolbar basics</a></li>
+							<li><a href="docs-headers.html">Header bars</a></li>
+							<li><a href="docs-footers.html">Footer bars</a></li>
+							<li><a href="docs-navbar.html">Navbars</a></li>
+							<li><a href="bars-fixed.html">Fixed positioning</a></li>
+							<li data-theme="a"><a href="footer-persist-a.html">Persistent toolbars</a></li>
+							<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+						</ul>
+				</div>
+			</div>		
+
+		</div><!-- /content -->
+
+		<div data-role="footer" data-id="foo1" data-position="fixed">
+			<div data-role="navbar">
+				<ul>
+					<li><a href="footer-persist-a.html" data-prefetch="true">Friends</a></li>
+					<li><a href="footer-persist-b.html" data-prefetch="true" class="ui-btn-active ui-state-persist">Albums</a></li>
+					<li><a href="footer-persist-c.html" data-prefetch="true">Emails</a></li>
+					<li><a href="footer-persist-d.html" data-prefetch="true" data-transition="slideup">Info</a></li>
+				</ul>
+			</div><!-- /navbar -->
+		</div><!-- /footer -->
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/footer-persist-c.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/footer-persist-c.html
new file mode 100644
index 00000000..3a118730
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/footer-persist-c.html
@@ -0,0 +1,121 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Persistent footer C</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f" data-position="fixed" data-id="foo">
+		<h1>Inbox</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div>
+	
+	<div data-role="content">
+		<div class="content-primary">
+		<ul data-role="listview" data-theme="d" data-dividertheme="e" data-filter="true" data-filter-theme="d" data-filter-placeholder="Search messages...">
+			<li data-role="list-divider">Friday, October 8, 2010 <span class="ui-li-count">2</span></li>
+			<li><a href="#">
+				<h3>Stephen Weber</h3>
+				<p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
+				<p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
+				<p class="ui-li-aside"><strong>6:24</strong>PM</p>
+			</a></li>
+			<li><a href="#">
+				<h3>jQuery Team</h3>
+				<p><strong>Boston Conference Planning</strong></p>
+				<p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
+				<p class="ui-li-aside"><strong>9:18</strong>AM</p>
+			</a></li>
+			<li data-role="list-divider">Thursday, October 7, 2010 <span class="ui-li-count">1</span></li>
+			<li><a href="#">
+				<h3>Avery Walker</h3>
+				<p><strong>Re: Dinner Tonight</strong></p>
+				<p>Sure, let's plan on meeting at Highland Kitchen at 8:00 tonight. Can't wait! </p>
+				<p class="ui-li-aside"><strong>4:48</strong>PM</p>
+			</a></li>
+			<li data-role="list-divider">Wednesday, October 6, 2010 <span class="ui-li-count">3</span></li>
+			<li><a href="#">
+				<h3>Amazon.com</h3>
+				<p><strong>4-for-3 Books for Kids</strong></p>
+				<p>As someone who has purchased children's books from our 4-for-3 Store, you may be interested in these featured books.</p>
+				<p class="ui-li-aside"><strong>12:47</strong>PM</p>
+			</a></li>
+			<li><a href="#">
+				<h3>Mike Taylor</h3>
+				<p><strong>Re: This weekend in Maine</strong></p>
+				<p>Hey little buddy, sorry but I can't make it up to vacationland this weekend. Maybe next weekend?</p>
+				<p class="ui-li-aside"><strong>6:24</strong>AM</p>
+			</a></li>
+			<li><a href="#">
+				<h3>Redfin</h3>
+				<p><strong>Redfin listing updates for today</strong></p>
+				<p>There are 3 updates for the home on your watchlist: 1 updated MLS listing and 2 homes under contract.</p>
+				<p class="ui-li-aside"><strong>5:52</strong>AM</p>
+			</a></li>
+				<li data-role="list-divider">Tuesday, October 5, 2010 <span class="ui-li-count">3</span></li>
+				<li><a href="index.html">
+					<h3>Angela Smith</h3>
+					<p><strong>Link Request</strong></p>
+					<p>My name is Angela Smith, SEO Consultant. I've greatly enjoyed looking through your site and I was wondering if you'd be interested in providing a link</p>
+					<p class="ui-li-aside"><strong>6:24</strong>AM</p>
+				</a></li>
+				<li><a href="index.html">
+					<h3>Mike Taylor</h3>
+					<p><strong>This weekend in Maine</strong></p>
+					<p>Sounds good, let me check into our plans.</p>
+					<p class="ui-li-aside"><strong>6:24</strong>AM</p>
+				</a></li>
+		</ul>
+
+			</div><!--/content-primary -->		
+
+			<div class="content-secondary">
+
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+							<li data-role="list-divider">Toolbars</li>
+							<li><a href="docs-bars.html">Toolbar basics</a></li>
+							<li><a href="docs-headers.html">Header bars</a></li>
+							<li><a href="docs-footers.html">Footer bars</a></li>
+							<li><a href="docs-navbar.html">Navbars</a></li>
+							<li><a href="bars-fixed.html">Fixed positioning</a></li>
+							<li data-theme="a"><a href="footer-persist-a.html">Persistent toolbars</a></li>
+							<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+						</ul>
+				</div>
+			</div>		
+
+		</div><!-- /content -->
+
+		<div data-role="footer" data-id="foo1" data-position="fixed">
+			<div data-role="navbar">
+				<ul>
+					<li><a href="footer-persist-a.html" data-prefetch="true">Friends</a></li>
+					<li><a href="footer-persist-b.html" data-prefetch="true">Albums</a></li>
+					<li><a href="footer-persist-c.html" data-prefetch="true" class="ui-btn-active ui-state-persist">Emails</a></li>
+					<li><a href="footer-persist-d.html" data-prefetch="true" data-transition="slideup">Info</a></li>
+				</ul>
+			</div><!-- /navbar -->
+		</div><!-- /footer -->
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/footer-persist-d.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/footer-persist-d.html
new file mode 100644
index 00000000..572b8192
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/footer-persist-d.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Framework - Persistent footer C</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+	<div data-role="page" class="type-interior">
+
+	<div data-role="header" data-theme="f" data-position="fixed" data-id="foo">
+		<h1>Info</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div>
+	
+	<div data-role="content">
+		<div class="content-primary">
+		<h2>About persistent toolbars</h2>
+		<p>These pages are a demo of persistent toolbars. Click on any of the links in the footer, and you'll see the page content transition, but both the persistent header and footer on these pages remains in place durning the animation to a new HTML page.</p>
+		<p>To tell the framework to apply the persistent behavior, add a <code>data-id</code> attribute to the footer of all HTML pages in the navigation set to the same ID. It's that simple: if the page you're navigating to has a header or footer with the same <code>data-id</code>, the toolbars will appear fixed outside of the transition. Each of these pages has a different transition to test out how this works.</p>
+		
+		<p>Typically, the persistent toolbar technique will be combined with fixed positioning. In this example, the footer also has a navbar, like this:</p>
+	
+<pre><code>	
+&lt;div data-role=&quot;footer&quot;<strong> data-id=&quot;foo1&quot; data-position=&quot;fixed&quot;</strong>&gt;
+	&lt;div data-role=&quot;navbar&quot;&gt;
+		&lt;ul&gt;
+			&lt;li&gt;&lt;a href=&quot;a.html&quot;&gt;Friends&lt;/a&gt;&lt;/li&gt;
+			&lt;li&gt;&lt;a href=&quot;b.html&quot;&gt;Albums&lt;/a&gt;&lt;/li&gt;
+			&lt;li&gt;&lt;a href=&quot;c.html&quot;&gt;Emails&lt;/a&gt;&lt;/li&gt;
+			&lt;li&gt;&lt;a href=&quot;d.html&quot; &gt;Info&lt;/a&gt;&lt;/li&gt;
+		&lt;/ul&gt;
+	&lt;/div&gt;&lt;!-- /navbar --&gt;
+&lt;/div&gt;&lt;!-- /footer --&gt;
+</code></pre>
+		<p>To set the active state of an item in a persistent toolbar, add a class of <code>ui-state-persist</code> in addition to <code>ui-btn-active</code> to the corresponding anchor.</p>
+		
+<pre><code>	
+&lt;li&gt;&lt;a href=&quot;d.html&quot; <strong>class=&quot;ui-btn-active ui-state-persist&quot;</strong>&gt;Info&lt;/a&gt;&lt;/li&gt;
+</code></pre>
+
+		<h3>A note about transitions</h3>
+		<p>The slide, slideup, slidedown, fade or none <a href="../pages/page-transitions.html">page transitions</a> all work great with persistent fixed toolbars. However, intensive 3D transitions like flip, turn, and flow can cause positioning and animation performance issues with this technique so we don't recommend using them.</p>
+		
+		</div><!--/content-primary -->		
+
+		<div class="content-secondary">
+
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+							<li data-role="list-divider">Toolbars</li>
+							<li><a href="docs-bars.html">Toolbar basics</a></li>
+							<li><a href="docs-headers.html">Header bars</a></li>
+							<li><a href="docs-footers.html">Footer bars</a></li>
+							<li><a href="docs-navbar.html">Navbars</a></li>
+							<li><a href="bars-fixed.html">Fixed positioning</a></li>
+							<li data-theme="a"><a href="footer-persist-a.html">Persistent toolbars</a></li>
+							<li><a href="bars-themes.html">Theming toolbars</a></li>
+
+						</ul>
+				</div>
+			</div>		
+
+		</div><!-- /content -->
+
+		<div data-role="footer" data-id="foo1" data-position="fixed">
+			<div data-role="navbar">
+				<ul>
+					<li><a href="footer-persist-a.html" data-prefetch="true">Friends</a></li>
+					<li><a href="footer-persist-b.html" data-prefetch="true">Albums</a></li>
+					<li><a href="footer-persist-c.html" data-prefetch="true">Emails</a></li>
+					<li><a href="footer-persist-d.html" data-prefetch="true" data-transition="slideup" class="ui-btn-active ui-state-persist">Info</a></li>
+				</ul>
+			</div><!-- /navbar -->
+		</div><!-- /footer -->
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/09-chat2.png b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/09-chat2.png
new file mode 100644
index 00000000..1ccc85f2
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/09-chat2.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/100-coffee.png b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/100-coffee.png
new file mode 100644
index 00000000..355cede1
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/100-coffee.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/18-envelope.png b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/18-envelope.png
new file mode 100644
index 00000000..11a8d1cf
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/18-envelope.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/19-gear.png b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/19-gear.png
new file mode 100644
index 00000000..d54828aa
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/19-gear.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/21-skull.png b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/21-skull.png
new file mode 100644
index 00000000..aeee6935
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/21-skull.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/30-key.png b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/30-key.png
new file mode 100644
index 00000000..99a1f6bd
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/30-key.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/34-coffee.png b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/34-coffee.png
new file mode 100644
index 00000000..f9cd35f9
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/34-coffee.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/88-beermug.png b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/88-beermug.png
new file mode 100644
index 00000000..b338946a
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/88-beermug.png
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/Read me first - license.txt b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/Read me first - license.txt
new file mode 100644
index 00000000..b6be14a6
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/glyphish-icons/Read me first - license.txt
@@ -0,0 +1,13 @@
+Created by Joseph Wain (see http://penandthink.com) at and probably downloaded from http://glyphish.com
+
+This work is licensed under the Creative Commons Attribution 3.0 United States License. To view a copy of this license, visit http://creativecommons.org/licenses/by/3.0/us/ or send a letter to Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA.
+
+You are free to share it and to remix it remix under the following conditions:
+
+* You must attribute the work in the manner specified by the author (SEE BELOW).
+* For any reuse or distribution, you must make clear to others the license terms of this work.
+* The above conditions can be waived if you get permission from the copyright holder (send me an email!).
+
+ATTRIBUTION -- a note reading "icons by Joseph Wain / glyphish.com" or similar, plus a link back to glyphish.com from your app's website, is the preferred form of attribution. Also acceptable would be, like, a link from within your iPhone application, or from the iTunes store page, but those aren't as useful to other people. If none of these work for you, please contact hello@glyphish.com and we can work something out.
+
+USE WITHOUT ATTRIBUTION -- If attribution is not possible, workable or desirable for your application, contact hello@glyphish.com for commercial non-attributed licensing terms.
\ No newline at end of file
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/images/photo-run.jpeg b/libs/js/jquery-mobile-1.1.0/docs/toolbars/images/photo-run.jpeg
new file mode 100644
index 00000000..182617f5
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/images/photo-run.jpeg
diff --git a/libs/js/jquery-mobile-1.1.0/docs/toolbars/index.html b/libs/js/jquery-mobile-1.1.0/docs/toolbars/index.html
new file mode 100644
index 00000000..98f7432d
--- /dev/null
+++ b/libs/js/jquery-mobile-1.1.0/docs/toolbars/index.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html> 
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<title>jQuery Mobile Docs - Toolbars</title> 
+	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile.css" />  
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+
+	<script src="../../js/jquery.js"></script>
+	<script src="../../docs/_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+
+</head> 
+<body> 
+
+	<div data-role="page" class="type-index">
+
+		<div data-role="header" data-theme="f">
+		<h1>Toolbars</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
+		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+
+		<p>Toolbars are used for headers, footers, and utility bars throughout mobile sites and applications. jQuery Mobile provides a standard set of bars and navigation tools to cover most standard scenarios.</p>
+
+			
+		<ul data-role="listview" data-inset="true">
+			<li><a href="docs-bars.html">Toolbar basics</a></li>
+			<li><a href="docs-headers.html">Header bars</a></li>
+			<li><a href="docs-footers.html">Footer bars</a></li>
+			<li><a href="docs-navbar.html">Navbars</a></li>
+			<li><a href="bars-fixed.html">Fixed positioning</a></li>
+			<li><a href="footer-persist-a.html">Persistent toolbars</a></li>
+			<li><a href="bars-themes.html">Theming toolbars</a></li>
+			<!--<li><a href="api-bars.html">API documentation</a></li>-->
+		</ul>			
+
+	</div><!-- /content -->
+</div><!-- /page -->
+
+</body>
+</html>