diff --git a/_images/creating-app-ss.jpg b/_images/creating-app-ss.jpg
new file mode 100644
index 0000000..99495e0
Binary files /dev/null and b/_images/creating-app-ss.jpg differ
diff --git a/_images/quick-start-ss.jpg b/_images/quick-start-ss.jpg
new file mode 100644
index 0000000..8204ff6
Binary files /dev/null and b/_images/quick-start-ss.jpg differ
diff --git a/_images/screen1.png b/_images/screen1.png
new file mode 100644
index 0000000..176d6a1
Binary files /dev/null and b/_images/screen1.png differ
diff --git a/_images/screen2.png b/_images/screen2.png
new file mode 100644
index 0000000..19d9f66
Binary files /dev/null and b/_images/screen2.png differ
diff --git a/_sources/ab-testing-android.txt b/_sources/ab-testing-android.txt
new file mode 100644
index 0000000..cbdb7f7
--- /dev/null
+++ b/_sources/ab-testing-android.txt
@@ -0,0 +1,123 @@
+Android SDK
+===========
+
+If you don't have an account on your Clutch.io instance yet, you'll need to
+`do that first`_.  Otherwise, follow the steps below.
+
+
+Getting Started
+---------------
+
+First, download the `Clutch library`_ JAR file, and add it to your project.
+Now, in your project's main Activity, you should add three calls: one in
+``onCreate``, another in ``onPause``, and finally one in ``onResume``.  Here's
+how it should look:
+
+In your ``onCreate``, call the ``ClutchAB.setup(Context ctx, String key)``
+method:
+
+.. code-block:: java
+
+    public void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+
+        ClutchAB.setup(this.getApplicationContext()
+            "YOUR_APPLICATION_KEY",
+            "YOUR_RPC_URL"
+        );
+
+        // The rest of your code here, maybe something like:
+        // setContentView(R.layout.main);
+    }
+
+In your ``onPause``, call the ``ClutchAB.onPause()`` method:
+
+.. code-block:: java
+
+    protected void onPause() {
+        super.onPause();
+        ClutchAB.onPause();
+    }
+
+In your ``onResume``, call the ``ClutchAB.onResume()`` method:
+
+.. code-block:: java
+
+    protected void onResume() {
+        super.onResume();
+        ClutchAB.onResume();
+    }
+
+Those three integration points will set everything up, and prepare your code to
+begin A/B testing.
+
+
+Normal Tests
+------------
+
+The function for running a test is
+``ClutchAB.test(String name, ClutchABTest test)``.  The ``ClutchABTest`` object
+should be an anonymous subclass and you can implement ``public void A()`` all
+the way up to ``public void J()`` for up to ten different tests per experiment.
+
+Example:
+
+.. code-block:: java
+
+    // Find our login button
+    final Button loginButton = (Button)findViewById(R.id.login_button);
+    
+    // Test which color performs better
+    ClutchAB.test("loginButtonColor", new ClutchABTest() {
+        public void A() {
+            // Red?
+            loginButton.setBackgroundColor(Color.RED);
+        }
+        public void B() {
+            // Or green?
+            loginButton.setBackgroundColor(Color.GREEN);
+        }
+    });
+
+
+Data-driven Tests
+-----------------
+
+The function for running a data-driven test is
+``ClutchAB.test(String name, ClutchABDataTest test)``.  The
+``ClutchABDataTest`` object should be an anonymous subclass that must implement
+``public void action(JSONObject testData)``.
+
+Example:
+
+.. code-block:: java
+
+    // Find our login button
+    final Button loginButton = (Button)findViewById(R.id.login_button);
+    
+    ClutchAB.test("loginButtonTitle", new ClutchABDataTest() {
+        public void action(JSONObject testData) {
+            loginButton.setText(testData.optString("title"));
+        }
+    });
+
+
+Goal Reached
+------------
+
+The function for noting that a goal was reached is
+``ClutchAB.goalReached(String name)``, where the argument is the test's short
+name.
+
+Example:
+
+.. code-block:: java
+
+    public void onNewAccountCreated() {
+        // A new account was created, so whatever button color was chosen, worked!
+        ClutchAB.goalReached("loginButtonColor");
+    }
+
+
+.. _`do that first`: http://127.0.0.1:8000/register/
+.. _`Clutch library`: https://github.com/downloads/clutchio/clutchandroid/Clutch-Android-Latest.jar
\ No newline at end of file
diff --git a/_sources/ab-testing-ios.txt b/_sources/ab-testing-ios.txt
new file mode 100644
index 0000000..4307875
--- /dev/null
+++ b/_sources/ab-testing-ios.txt
@@ -0,0 +1,132 @@
+iOS SDK
+=======
+
+If you don't have an account on your Clutch.io instance yet, you'll need to
+`do that first`_.  Otherwise, follow the steps below.
+
+
+Getting Started
+---------------
+
+First make sure you have the `Clutch library`_ added to your project.  To do
+so, download the library, extract the zip file, and drag the Clutch.framework
+folder into your project.  Make sure that the library is in your project's
+linked frameworks section.  The `Clutch library`_ depends on libsqlite3.dylib,
+so make sure to link that as well.
+
+Now import the Clutch A/B Testing library in your project's ``AppDelegate.h``,
+like so:
+
+.. code-block:: obj-c
+
+    #import <Clutch/ClutchAB.h>
+
+Now in your project's ``AppDelegate.m``, under
+``application:didFinishLaunchingWithOptions:``, add the following code:
+
+.. code-block:: obj-c
+
+    [ClutchAB setupForKey:@"YOUR_APPLICATION_KEY" rpcURL:@"YOUR_RPC_URL"];
+
+That's it--you're now set up to run tests!
+
+
+Normal Tests
+------------
+
+The function for running a test is ``testWithName:A:B:``.  This can be given up
+to 10 different code blocks, by adding the next letter in the alphabet.  A test
+with four code blocks would look like this: ``testWithName:A:B:C:D:``.
+
+Example:
+
+.. code-block:: obj-c
+
+    // Create a button and add it to the navigation bar
+    UIBarButtonItem *loginButton = [
+        [UIBarButtonItem alloc] initWithTitle:@"Log In" 
+                                        style:UIBarButtonItemStyleBordered 
+                                       target:self 
+                                       action:@selector(ensureUser)];
+
+    self.navigationItem.rightBarButtonItem = loginButton;
+    
+    // Test which color of tint performs better
+    [ClutchAB testWithName:@"loginButtonColor" A:^{
+        // Red?
+        loginButton.tintColor = [UIColor redColor];
+    } B:^{
+        // Or green?
+        loginButton.tintColor = [UIColor greenColor];
+    }];
+
+    [loginButton release];
+
+
+Data-driven Tests
+-----------------
+
+The function for running a data-driven test is ``testWithName:data``.  The code
+block that's passed in must accept one NSDictionary argument.
+
+Example:
+
+.. code-block:: obj-c
+
+    // Create a button and add it to the navigation bar
+    UIBarButtonItem *loginButton = [
+        [UIBarButtonItem alloc] initWithTitle:@"Log In" 
+                                        style:UIBarButtonItemStyleBordered 
+                                       target:self 
+                                       action:@selector(ensureUser)];
+
+    self.navigationItem.rightBarButtonItem = loginButton;
+    
+    [ClutchAB testWithName:@"loginButtonTitle" data:^(NSDictionary *testData) {
+        // Extract the title from the testData dictionary, and assign it to the button.
+        loginButton.title = [testData objectForKey:@"title"];
+    }];
+
+    [loginButton release];
+
+
+Goal Reached
+------------
+
+The function for noting that a goal was reached is ``goalReached:``, where the
+argument is the test's short name.
+
+Example:
+
+.. code-block:: obj-c
+
+    - (void)newAccountCreated {
+        // A new account was created, so whatever button color was chosen, worked!
+        [ClutchAB goalReached:@"loginButtonColor"];
+    }
+
+
+Extras
+------
+
+It's very common for data-driven tests to be color-related.  To aid in this, we
+have provided a simple function for getting a UIColor out of a hex-string.
+
+Example:
+
+.. code-block:: obj-c
+
+    UIColor *buttonColor = [ClutchAB colorFromHex:@"FF0044"];
+
+Here's how it might be used with a data-driven test:
+
+.. code-block:: obj-c
+
+    [ClutchAB testWithName:@"loginButtonVariableColor" data:^(NSDictionary *testData) {
+        // Extract the color from the testData dictionary, and assign it to the button.
+        loginButton.tintColor = [ClutchAB colorFromHex:[testData objectForKey:@"color"]];
+    }];
+
+
+.. _`do that first`: http://127.0.0.1:8000/register/
+.. _`Clutch library`: https://github.com/downloads/clutchio/clutchios/Clutch-iOS-Latest.zip
\ No newline at end of file
diff --git a/_sources/ab-testing-overview.txt b/_sources/ab-testing-overview.txt
new file mode 100644
index 0000000..ee6827a
--- /dev/null
+++ b/_sources/ab-testing-overview.txt
@@ -0,0 +1,35 @@
+Overview
+========
+
+A/B testing is a way of showing users different variations of your app, and
+then measuring how each variation affects your goals.  For example, if you're
+interested in having your users make more in-app purchases, you might test the
+phrase "buy more coins now!" versus "save time by buying coins".  Clutch's A/B
+testing tools can tell you which one will make you more money.
+
+Types of Tests (Normal vs. Data-Driven)
+---------------------------------------
+
+With Clutch's A/B testing framework, you have the option of two different types
+of tests: normal, and data-driven.
+
+**Normal** tests are simpler: you give the framework two (or more) different
+pieces of code to run.  We then choose one of those pieces of code, and run it,
+and report back to you which version improves whichever metrics you care about.
+This is best for qualitative things like whether a label should go on the left
+or right side of an image.
+
+**Data-driven** tests only have one code path, but that code is passed data from
+the server, which can be changed after the app is live in the app store.  Your
+code should extract some variable from that data, and use it in it's test.
+This is good for quantitative things like button color, font size, or text
+copy.
+
+
+Tracking Goals
+--------------
+
+Tests are only good when they can measure some metric and show you which path
+is performing better.  To help out our system, that metric should be a "goal".
+Good examples of goals are things like an in-app purchase, a new account
+created, or even a tap on an advertisement.
\ No newline at end of file
diff --git a/_sources/ab-testing-screencasts.txt b/_sources/ab-testing-screencasts.txt
new file mode 100644
index 0000000..0f4935a
--- /dev/null
+++ b/_sources/ab-testing-screencasts.txt
@@ -0,0 +1,31 @@
+Screencasts
+===========
+
+Everyone learns in different ways.  For some, the best way to learn a new tool
+is to pore over documentation for hours.  For others, jumping in on the deep
+end and just starting to build something is the best.  For others still, visual
+and/or audio walkthroughs are best.  Because of that, we want to make sure
+there are ample examples of each!  Here's our collection of screencasts:
+
+Getting Started - iOS
+---------------------
+
+In this screencast we will start a new Clutch A/B testing project for an
+existing iOS application, explaining in detail each step that's required and
+why.
+
+.. raw:: html
+
+    <iframe src="http://player.vimeo.com/video/36469397?title=0&amp;byline=0&amp;portrait=0" width="670" height="380" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+
+
+Getting Started - Android
+-------------------------
+
+In this screencast we will start a new Clutch A/B testing project for an
+existing Android application, explaining in detail each step that's required
+and why.
+
+.. raw:: html
+
+    <iframe src="http://player.vimeo.com/video/36468715?byline=0&amp;portrait=0" width="670" height="380" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
\ No newline at end of file
diff --git a/_sources/ab-testing.txt b/_sources/ab-testing.txt
new file mode 100644
index 0000000..febf362
--- /dev/null
+++ b/_sources/ab-testing.txt
@@ -0,0 +1,10 @@
+Clutch A/B Testing
+==================
+
+.. toctree::
+   :maxdepth: 2
+
+   ab-testing-overview
+   ab-testing-ios
+   ab-testing-android
+   ab-testing-screencasts
\ No newline at end of file
diff --git a/_sources/addingnewscreen.txt b/_sources/addingnewscreen.txt
new file mode 100644
index 0000000..fabf237
--- /dev/null
+++ b/_sources/addingnewscreen.txt
@@ -0,0 +1,130 @@
+Adding a New Screen
+===================
+
+Once you have your app all set up and configured, the most common task you will
+want to do is add a new screen.  Fortunately, this is quite easy!
+
+First, come up with a short name that you would like to identify this new
+screen, which we refer to as the "slug", and the Objective-C class name.  For
+example if you are creating a screen to present a photo to the user, you might
+choose ``photo`` as your slug, and you might want to choose something like
+``PhotoViewController`` for your new file in XCode.
+
+To help make this easier, we've created a tool to help get the details right.
+All you have to do is enter your choices below:
+
+.. raw:: html
+
+    <label for="slug">Slug:</label>
+    <input type="text" id="id_slug" name="slug" value="photo" />
+    <br />
+    <div class="clear"></div>
+    <label for="name">Controller Name:</label>
+    <input type="text" id="id_name" name="name" value="PhotoViewController" />
+    <div class="clear"></div>
+    <br />
+
+Now you should type this command into
+Terminal.app (make sure you change to the directory holding your Clutch
+JavaScript first)::
+
+    clutch startscreen $SLUG$
+
+Now you should go to your XCode project and add a new file.  Choose
+"UIViewController subclass" when it asks.  Name it what you decided above, and
+then copy this into $NAME$.h:
+
+.. code-block:: obj-c
+
+    #import <UIKit/UIKit.h>
+    #import <Clutch/Clutch.h>
+
+    @interface $NAME$ : UIViewController <ClutchViewDelegate>
+
+    @property (nonatomic, retain) ClutchView *clutchView;
+
+    @end
+
+Now copy this into $NAME$.m:
+
+.. code-block:: obj-c
+
+    #import "$NAME$.h"
+
+    @implementation $NAME$
+
+    @synthesize clutchView = _clutchView;
+
+    - (void)didReceiveMemoryWarning
+    {
+        // Releases the view if it doesn't have a superview.
+        [super didReceiveMemoryWarning];
+        
+        // Release any cached data, images, etc that aren't in use.
+    }
+
+    #pragma mark - ClutchViewDelegate
+
+    - (void)clutchView:(ClutchView *)clutchView
+          methodCalled:(NSString *)method
+            withParams:(NSDictionary *)params
+              callback:(void(^)(id))callback {
+        // Handle any events coming from the JavaScript of your Clutch view here
+        if([method isEqualToString:@"tapped"]) {
+            NSLog(@"Tapped: %@\n", [params objectForKey:@"value"]);
+        }
+    }
+
+    #pragma mark - View lifecycle
+
+    - (void)loadView
+    {
+        self.view = [[[UIView alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease];
+        
+        self.clutchView = [[ClutchView alloc] initWithFrame:CGRectMake(0, 0, 320, 367)
+                                                    andSlug:@"$SLUG$"];
+        [self.clutchView release];
+        self.clutchView.delegate = self;
+        [self.view addSubview:self.clutchView];
+    }
+
+    /*
+    // Implement viewDidLoad to do additional setup after loading the view, typically from a nib.
+    - (void)viewDidLoad
+    {
+        [super viewDidLoad];
+    }
+    */
+
+    - (void)viewDidUnload
+    {
+        [super viewDidUnload];
+        self.clutchView = nil;
+    }
+
+    - (void)viewDidAppear:(BOOL)animated
+    {
+        [super viewDidAppear:animated];
+        [self.clutchView viewDidAppear:animated];
+    }
+
+    - (void)viewDidDisappear:(BOOL)animated {
+        [super viewDidDisappear:animated];
+        [self.clutchView viewDidDisappear:animated];
+    }
+
+    - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
+    {
+        // Return YES for supported orientations
+        return (interfaceOrientation == UIInterfaceOrientationPortrait);
+    }
+
+    @end
+
+This is a standard ``UIViewController`` subclass, which instantiates a single
+``ClutchView`` instance and adds it to the view, sets itself up as a delegate
+to handle events that come in from the JavaScript layer, and passes along any
+``viewDidAppear:`` and ``viewDidDisappear:`` messages into the Clutch view.
+
+**That's it!** You've got your screen hooked up and now it's up to you to use
+it for good, not evil.
\ No newline at end of file
diff --git a/_sources/anatomy.txt b/_sources/anatomy.txt
new file mode 100644
index 0000000..30d36e0
--- /dev/null
+++ b/_sources/anatomy.txt
@@ -0,0 +1,136 @@
+Anatomy of an App Using Clutch
+==============================
+
+If you used our QuickStart guide, we may have breezed past some of the details
+about all of the different parts that combine to form an app using Clutch.
+This article should serve to highlight each part of the system, how it works,
+and how it all fits together.
+
+
+The Suggested Directory Structure
+---------------------------------
+
+The way the suggested directory structure looks is something like this::
+
+    MyApp/
+        MyApp/
+            MyApp.xcodeproj
+            Clutch.framework
+            MyApp/
+        clutchmyapp/
+            clutch-core/
+            global/
+            myscreen/
+                index.html
+                screen.js
+                style.css
+            clutch.plist
+
+If you have a directory structure that looks different, that's fine, but this
+is the one that the QuickStart guide will start you with.  (The most common
+way that yours could differ is if your clutchmyapp directory is in a different
+spot, or is named something different.)
+
+First, there's the outer ``MyApp`` directory.  This is honestly just a
+container to hold the inner two directories, so that they can both be checked
+into a single source code repository.  Feel free to rename this container
+directory to anything you want.
+
+Inside that container, there's an inner ``MyApp`` directory which stores your
+iOS XCode project and the Clutch framework, as well as an inner inner ``MyApp``
+directory which contains your actual native Objective-C code.  This is pretty
+straightforward.
+
+Then, there's the ``clutchmyapp`` directory.  This is where all the
+JavaScript/HTML/CSS goes that will make up the screens in your app.  There are
+three things in there that are auto-generated.  ``clutch-core`` contains our
+libraries and static files, like backbone, zepto, and our base css.  ``global``
+contains any JavaScript/HTML/CSS that you want to reuse across most (or all) of
+your screens.  Also there's a ``clutch.plist``, which holds any configuration
+information you'd like to access but be able to dynamically update.
+
+Finally there's the ``myscreen`` directory, which is automatically created with
+an HTML file, a JavaScript file, and a CSS file.  You will create more and more
+of these as your application gets larger.  You can choose to fill those files
+with code, or you can just leave them blank.  For example in one screen, let's
+say it's an FAQ page, you might just have static content, so you'd just
+hand-code the HTML file.  Other screens might be more dynamic and so the HTML
+file would be left minimal, but the JavaScript file would fill up with your
+display logic.
+
+
+The Folder Reference
+--------------------
+
+This correlates to the ``clutchmyapp`` folder from the previous section.  It
+needs to be linked into your app as a folder reference for a few reasons.
+Firstly, it's because we want to bundle a version of the HTML/CSS/JavaScript
+needed to run your app.  This means that the first time the user opens the app,
+they have a version of the HTML/CSS/JavaScript ready to go.  So there's no need
+for internet connectivity to run an app that uses Clutch.
+
+The second reason that this folder needs to be linked into your app as a folder
+reference is due to the ``clutch.plist`` file contained within.  This file is
+used to store configuration.  You can use the  :ref:`ClutchConf <ClutchConf>`
+module to access the contents of this file, and then later you can update this
+configuration file remotely without having to push out a new application.  This
+might be used, for example, to determine the text to display on a native
+button.
+
+
+How an App Fits Together
+------------------------
+
+At first glance, Clutch might look similar to an framework like PhoneGap or
+Appcelerator Titanium, where you write your whole app in JavaScript and/or
+HTML.  Sometimes these solutions use an abstraction layer that aims to make it
+possible to target other platforms.  In fact, Clutch works in a way that's
+quite a bit different.  Instead, you create your own
+``UINavigationController``, your own ``UITabBarController``, and set up your
+own project the way you like it, and the way you've done it in the past.
+
+The only thing that changes from normal iOS development is that instead of
+using a XIB or interface builder to build your UI layer for some screen, you
+can have Clutch help you to use web technologies instead.
+
+That means, you carve out an area that you want to be able to update
+dynamically, and in that ``UIViewController``'s ``loadView`` method, you simply
+instantiate a ``ClutchView`` and add it as a subview.
+
+Then you use our bridge layer to pass any important events from the Clutch view
+back into the Objective-C layer, and handle those events natively.
+
+
+The Bridge
+----------
+
+The bridge between your JavaScript code and you Objective-C code means that you
+can handle any event in the layer that makes the most sense.  For things that
+do fancy animations, or pop open modal windows, or slide to a new screen, you
+will want to do these things natively.  For things that involve simple text
+changes or content changes, you can handle that directly in JavaScript.
+
+It also works in the other direction.  You can capture events that happen in
+the native layer, like a ``UIToolbar`` button being pressed, and call into a
+function on the JavaScript side of things.
+
+
+Development Mode
+----------------
+
+So there's this whole step that you did where you entered in your phone's
+identifier and associated it with your account, but what was that for?
+
+It allows Clutch to enable development mode.  Nobody writes perfect code on
+their first try.  We know that there's a back-and-forth where you want to
+experiment, try out a change, see how a CSS tweak looks, and you don't want to
+send that out to your users every time.  Instead, we provide a development mode
+which, when it sees your specific registered phone, it doesn't serve the normal
+app using the normal methods.
+
+Instead it connects to your local computer, to your working set of files, and
+renders what you've written--rather than what you've deployed.  On top of that,
+it shows a nice toolbar that lets you know you're in development mode, and
+gives you the option to quickly refresh the ``ClutchView``, so you can avoid
+lengthy recompiles or re-navigating back to that same screen that you're
+viewing.
\ No newline at end of file
diff --git a/_sources/commandclient.txt b/_sources/commandclient.txt
new file mode 100644
index 0000000..be25e24
--- /dev/null
+++ b/_sources/commandclient.txt
@@ -0,0 +1,77 @@
+Clutch Command Client
+=====================
+
+The Clutch Command Client is the easiest way to communicate with Clutch.  You
+will use it whenever you do development, whenever you want to push a new
+version, and for various other tasks.  Here's a list of the commands
+provided and what they are capable of:
+
+
+Installing
+----------
+
+Installing the command client is as simple as running one command::
+
+    sudo easy_install clutchclient
+
+Once you've done that, typing ``clutch`` into the command line should show you
+the command's usage instructions and you'll know that it's been successfully
+installed.
+
+
+Commands
+--------
+
+startapp
+~~~~~~~~
+
+``clutch startapp DIRNAME``
+
+Starts a new application directory under the name ``DIRNAME``.  It will include
+all of the clutchjs JavaScript and CSS files, as well as an empty configuration
+plist.
+
+
+startscreen
+~~~~~~~~~~~
+
+``clutch startscreen SCREENSLUG``
+
+Starts a new screen directory under the name ``SCREENSLUG``.  It will include a
+basic ``index.html`` base as well as a convenient place for your custom
+JavaScript and css files.
+
+.. note::
+
+    Your current working directory must be a Clutch application directory, or
+    else the Clutch Command Client will not be able to create a new screen
+    directory.
+
+
+dev
+~~~
+
+``clutch dev -a APPNAME [-d DIRNAME]``
+
+Starts local development on a Clutch application.  If you use one of the iOS
+devices `managed by your account`_ then all of the screens in your application
+will be loaded on-demand from your computer rather than from the latest
+published version.
+
+By default, it will serve the current working directory, but you can specify
+another directory to serve using the ``-d`` command flag.
+
+
+upload
+~~~~~~
+
+``clutch upload -a APPNAME [-d DIRNAME]``
+
+Uploads a new version of your Clutch application to production.  All of your
+users will begin running the new code the next time they bring the application
+into the foreground.
+
+By default, it will upload the current working directory, but you can specify
+another directory to serve using the ``-d`` command flag.
+
+.. _`managed by your account`: http://clutch.io/devices/
\ No newline at end of file
diff --git a/_sources/examples.txt b/_sources/examples.txt
new file mode 100644
index 0000000..99893d3
--- /dev/null
+++ b/_sources/examples.txt
@@ -0,0 +1,29 @@
+Example Apps
+============
+
+Sometimes the best way to familiarize yourself with a new codebase is to see
+examples of it being used.  With that in mind, we've put forth our best effort
+to make some really great example applications to show off the power of the
+platform.  Of course, if you build an open-source app and you'd like it
+showcased here, we're happy to include it!
+
+Imgs - Fun Image App
+--------------------
+
+Imgs_ is a fun iOS app that showcases the best images on the internet, as
+provided by Imgur_, and allows users to comment on them and like them. Imgs_
+also uses Parse_ as its storage layer to show how easy integration with modern
+platforms can be when using Clutch.
+
+We designed, coded, and shipped this app in a week.
+
+|ImgsScreen1| |ImgsScreen2|
+
+.. _Imgs: https://github.com/boilerplate/imgs
+.. _Imgur: http://imgur.com/
+.. _Parse: https://parse.com/
+
+.. |ImgsScreen1| image:: _static/screen1.png
+    :width: 300px
+.. |ImgsScreen2| image:: _static/screen2.png
+    :width: 300px
\ No newline at end of file
diff --git a/_sources/framework.txt b/_sources/framework.txt
new file mode 100644
index 0000000..06db56e
--- /dev/null
+++ b/_sources/framework.txt
@@ -0,0 +1,9 @@
+Clutch Framework
+================
+
+.. toctree::
+   :maxdepth: 2
+   
+   tutorials
+   reference
+   screencasts
\ No newline at end of file
diff --git a/_sources/gettingstarted.txt b/_sources/gettingstarted.txt
new file mode 100644
index 0000000..6881c9d
--- /dev/null
+++ b/_sources/gettingstarted.txt
@@ -0,0 +1,28 @@
+Getting Started
+===============
+
+The first thing to do is to `sign up for an account`_ on your local Clutch.io
+instance.  If you don't have a Clutch.io instance set up yet, follow the steps
+on the `Clutch project README`.
+
+Now to get started with Clutch, the first thing you need to do is
+`create an app`_. All that's required to create an app is to choose an app name
+and a short name. The short name will be used in URLs and in certain cases you
+might have to type it on the command line.
+
+.. image:: _static/creating-app-ss.jpg
+
+.. raw:: html
+    
+    <br /><br />
+
+Once you've created your app, the website will redirect you to the Quick Start
+guide for your new app.  The easiest thing to do here is to stay on the
+"I am starting a new XCode project" option.  Follow the instructions listed
+there and you should be up-and-running with your first Clutch app!
+
+.. image:: _static/quick-start-ss.jpg
+
+.. _`create an app`: http://127.0.0.1:8000/apps/create/
+.. _`sign up for an account`: http://127.0.0.1:8000/register/
+.. _`Clutch project README`: https://github.com/clutchio/clutch/blob/master/README.rst
\ No newline at end of file
diff --git a/_sources/index.txt b/_sources/index.txt
new file mode 100644
index 0000000..6c0e660
--- /dev/null
+++ b/_sources/index.txt
@@ -0,0 +1,22 @@
+.. Clutch documentation master file, created by
+   sphinx-quickstart on Tue Nov 29 11:21:00 2011.
+   You can adapt this file completely to your liking, but it should at least
+   contain the root `toctree` directive.
+
+Welcome to Clutch's documentation!
+==================================
+
+.. toctree::
+   :maxdepth: 2
+
+   ab-testing
+   framework
+
+
+Indices and tables
+==================
+
+* :ref:`genindex`
+* :ref:`modindex`
+* :ref:`search`
+
diff --git a/_sources/ioslibrary.txt b/_sources/ioslibrary.txt
new file mode 100644
index 0000000..8693e66
--- /dev/null
+++ b/_sources/ioslibrary.txt
@@ -0,0 +1,177 @@
+iOS Library Reference
+=====================
+
+The Clutch iOS library syncs up your latest code, helps you analyze usage about
+your app, and provides a bi-directional bridge between your JavaScript code and
+your Objective-C code.
+
+
+ClutchSync
+----------
+
+.. code-block:: obj-c
+
+    - (void)sync
+
+Intended to be called when the app finishes launching.  Syncs to the latest
+version of the application code.
+
+.. code-block:: obj-c
+
+    - (void)foreground
+
+Intended to be called when the app is brought into the foreground.  Syncs
+to the latest version of the application code.
+
+
+.. code-block:: obj-c
+
+    - (void)background
+
+Intended to be called when the app is sent to the background.  Performs
+cleanup and sends statistics information.
+
+.. code-block:: obj-c
+
+    + (ClutchSync *)sharedClientForKey:(NSString *)appKey
+                         tunnelURL:(NSString *)tunnelURL
+                            rpcURL:(NSString *)rpcURL;
+
+Returns a ``ClutchSync`` client instance for the given application key, tunnel
+URL, and RPC URL.
+
+
+ClutchView
+----------
+
+.. code-block:: obj-c
+
+    - (id)initWithFrame:(CGRect)frame andSlug:(NSString *)slug
+
+Initializes a Clutch view instance with the given frame and screen slug.
+
+.. code-block:: obj-c
+
+    - (id)callMethod:(NSString *)method withParams:(NSDictionary *)params
+
+Calls a JavaScript method (that has been registered with Clutch) and returns
+its response.  The ``params`` dictionary is the parameters you woud like to
+pass as an argument to the JavaScript function.
+
+.. code-block:: obj-c
+
+    - (id)callMethod:(NSString *)method
+
+The same as the previous call except no ``params``.
+
+.. code-block:: obj-c
+
+    - (void)viewDidAppear:(BOOL)animated
+
+Should be called when its containing view controller's viewDidAppear is called.
+
+.. code-block:: obj-c
+
+    - (void)viewDidDisappear:(BOOL)animated
+
+Should be called when its containing view controller's viewDidDisappear is
+called.
+
+.. code-block:: obj-c
+
+    + (void)logDeviceIdentifier
+
+Logs the current device's identifier, for use on the `add device page`_.
+
+.. code-block:: obj-c
+
+    + (void)prepareForAnimation:(UIViewController *)viewController success:(void(^)(void))block_
+
+    + (void)prepareForDisplay:(UIViewController *)viewController success:(void(^)(void))block_
+
+Prepares the given view controller subclass for animation or display (such as
+adding it to a navigation controller) and then calls the given ``success``
+block.
+
+.. code-block:: obj-c
+
+    + (void)prepareForDisplay:(UIViewController *)viewController;
+
+Prepares the given view controller subclass for display, and does not call any
+callback.
+
+Properties
+~~~~~~~~~~
+
+.. code-block:: obj-c
+
+    id delegate
+
+You may set this property to point to any instance of ClutchViewDelegate_ and
+it will allow you to communicate between JavaScript and Objective-C.
+
+.. code-block:: obj-c
+
+    id scrollDelegate
+
+You may set this property to any instance of ``UIScrollViewDelegate``, which
+will send updates for all of the scrolling that happens on the web view.
+
+.. code-block:: obj-c
+
+    UIWebView *webView
+
+The underlying webview that is the main workhorse of each ClutchView.
+
+.. code-block:: obj-c
+
+    UIScrollView *scrollView
+
+The webview's scrollview.  Useful for being updated as the user scrolls the
+webview's contents, as in a pull-to-refresh implementation.
+
+
+ClutchViewDelegate
+------------------
+
+.. code-block:: obj-c
+
+    - (void)clutchView:(ClutchView *)clutchView
+          methodCalled:(NSString *)method
+            withParams:(NSDictionary *)params
+
+Called when JavaScript calls the ``Clutch.Core.callMethod(method, params)``
+method, which is useful for communication between your JavaScript code and
+your Objective-C code.
+
+.. code-block:: obj-c
+
+    - (void)clutchView:(ClutchView *)clutchView
+          methodCalled:(NSString *)method
+            withParams:(NSDictionary *)params
+              callback:(void(^)(id))callback
+
+Similar to the above method, except that this time it provides a callback that
+you can call.  Whatever object you pass to this callback will be sent to your
+JavaScript callback.
+
+
+.. _ClutchConf:
+
+ClutchConf
+----------
+
+.. code-block:: obj-c
+
+    + (NSDictionary *)conf
+
+Gets the latest configuration (provided by clutch.plist).
+
+.. code-block:: obj-c
+
+    + (NSInteger)version
+
+Gets the latest version of the configuration.
+
+
+.. _`add device page`: http://127.0.0.1:8000/devices/create/
\ No newline at end of file
diff --git a/_sources/jslibrary.txt b/_sources/jslibrary.txt
new file mode 100644
index 0000000..5a62bd1
--- /dev/null
+++ b/_sources/jslibrary.txt
@@ -0,0 +1,358 @@
+JavaScript Library Reference
+============================
+
+Applications using Clutch are made using a combination of native code and
+HTML/CSS/JavaScript.  The Clutch JavaScript library is designed to create
+content areas for your application using web technology that both looks and
+feels native.
+
+To achieve this kind of performance and flexibility, we've built the core of
+the library on top of the best mobile JavaScript code we could find:
+Zepto_, Backbone_, and Underscore_.
+
+
+Core
+----
+
+The first thing that Clutch does when it loads is set up some bookkeeping and
+set up a communication channel between your native code and your JavaScript
+code.  Once that's all finished, it calls the function you attach using
+``Clutch.Core.init``.
+
+.. js:function:: Clutch.Core.init(func)
+
+    :param func: The function to run once Clutch is initialized.
+
+Keep in mind you should not start your rendering until after this function has
+been called.  Here's an example of how that could look in your code:
+
+.. code-block:: javascript
+
+    Clutch.Core.init(function() {
+        alert('Hello from Clutch!');
+    });
+
+Once that is set up, you can go ahead and use any of Clutch's resources--the
+communication channel, the UI helpers, and more.
+
+But the real core of Clutch is really just the communication channel between
+the JavaScript that you write and the iOS code that you write.
+
+.. js:function:: Clutch.Core.callMethod(methodName[, params, callback])
+
+    :param string methodName:
+        The name of the Objective-C method you want to call.
+    :param params: An optional mapping of parameters to pass to the method.
+    :param callback:
+        An optional callback that will be called with the object passed into
+        the callback block in Objective-C.
+    :returns: Nothing
+
+As you can see, it's simple and straightforward.  As an example, if a user
+taps on a button and you want something to happen, you might write something
+like this:
+
+.. code-block:: javascript
+
+    Clutch.Core.callMethod('userTapped', {userId: 10});
+
+In this example, we're calling the ``userTapped`` method in your iOS code, and
+passing an NSDictionary whose key ``userId`` is set to ``10``.  You can also
+pass a callback function, which might look something like this:
+
+.. code-block:: javascript
+
+    Clutch.Core.callMethod('getUsername', function(data) {
+        alert('Hello, ' + data.username);
+    });
+
+To register a function on the JavaScript side that iOS can call, Clutch
+provides a ``registerMethod`` function.
+
+.. js:function:: Clutch.Core.registerMethod(methodName, func)
+
+    :param string methodName:
+        The name of the JavaScript method that you are exposing.
+    :param func: The actual JavaScript function to be exposed.
+
+.. note::
+
+    The function that you expose will always receive a single argument: an
+    object of parameters passed from iOS.
+
+Here's how it might look if you were to expose an ``alertUser`` function which
+pops open an alert dialog with the given alert text:
+
+.. code-block:: javascript
+
+    function alertUser(params) {
+        alert(params.alertText);
+    }
+    Clutch.Core.registerMethod('alertUser', alertUser);
+
+
+Loading
+-------
+
+One thing we need to do all the time in building iOS apps is to wait for some
+data.  Whenever we do that, we need to somehow indicate to the user that
+there's something loading.  Clutch provides an easy mechanism for showing and
+hiding loading screens.
+
+.. js:function:: Clutch.Load.begin([loadingText], [top])
+
+    :param string loadingText:
+        Optional text to show to the user inside of the loading dialog.
+
+    :param float top:
+        Optional offset from the top of the ClutchView, in pixels.
+
+    Pops up the loading dialog with optional loading text.
+
+.. js:function:: Clutch.Load.end()
+
+    Removes the loading dialog.
+
+
+UI
+--
+
+Clutch helps you present a UI to your users that looks and feels like it's
+native.  Here's what's provided:
+
+.. js:function:: Clutch.UI.View([options])
+
+    :param options: A mapping of options to be provided to the view instance.
+
+    This view is the core of all of the Clutch-provided UI constructs.  It's
+    actually a subclass of `Backbone.View`_, with a few added extras.  Here are
+    the added properties and functions:
+
+    .. js:attribute:: template
+
+        The default template provided for all Clutch.UI.View subclasses is
+        a simple `underscore template`_ that looks like ``<%= c.value %>``.
+    
+    .. js:function:: render()
+
+        The default render for all Clutch.UI.View subclasses renders the
+        template but passes the view options as the ``c`` varible.  It's
+        equivalent to this implementation:
+
+        .. code-block:: javascript
+
+            $(this.el).html(this.template({c: this.options}));
+
+
+.. js:function:: Clutch.UI.Table([options])
+
+    :param options: A mapping of options to be provided to the view instance.
+
+    This view creates a user interface that looks and acts like Cocoa's
+    ``UITableView``.
+
+    You must extend this view to populate it with any data, and here are the
+    parameters you can provide in your extension:
+
+    **Required**
+
+    .. js:attribute:: numSections
+
+        The number of table sections that should be displayed.
+    
+    .. js:function:: numCells(section)
+
+        :param section: The 0-indexed integer of the current section.
+
+        Determines the number of cells to be rendered for the given section.
+    
+    .. js:function:: cell(section, row)
+
+        :param section: The 0-indexed integer of the current section.
+        :param row: The 0-indexed integer of the current row.
+
+        Returns the ``Clutch.UI.TableCell`` subclass that should render the
+        requested table cell.
+
+    **Optional**
+
+    .. js:attribute:: style
+
+        Determines the visual style of the table.  Currently only supports
+        ``'normal'`` and ``'grouped'``.
+
+    .. js:function:: tableHeader()
+
+        Returns the ``Clutch.UI.TableHeader`` subclass that should render into
+        the table's header area.
+    
+    .. js:function:: tableFooter()
+
+        Returns tje ``Clutch.UI.TableFooter`` subclass that should render into
+        the table's footer area.
+    
+    .. js:function:: sectionHeader(section)
+
+        :param section: The 0-indexed integer of the current section.
+
+        Returns a ``Clutch.UI.SectionHeader`` subclass that should render into
+        the given table section's header area.
+    
+    .. js:function:: sectionFooter(section)
+
+        :param section: The 0-indexed integer of the current section.
+
+        Returns a ``Clutch.UI.SectionHeader`` subclass that should render into
+        the given table section's footer area.
+
+
+.. js:function:: Clutch.UI.TableHeader([options])
+
+    :param options: A mapping of options to be provided to the view instance.
+
+    A ``Clutch.UI.View`` subclass for rendering table headers.
+
+
+.. js:function:: Clutch.UI.TableFooter([options])
+
+    :param options: A mapping of options to be provided to the view instance.
+
+    A ``Clutch.UI.View`` subclass for rendering table footers.
+
+
+.. js:function:: Clutch.UI.SectionHeader([options])
+
+    :param options: A mapping of options to be provided to the view instance.
+
+    A ``Clutch.UI.View`` subclass for rendering table section headers.
+
+
+.. js:function:: Clutch.UI.SectionFooter([options])
+
+    :param options: A mapping of options to be provided to the view instance.
+
+    A ``Clutch.UI.View`` subclass for rendering table section footers.
+
+
+.. js:function:: Clutch.UI.TableCell([options])
+
+    :param options: A mapping of options to be provided to the view instance.
+    
+    In that ``options`` object, here are the expected and optional parameters:
+
+    **Required**
+    
+    .. js:attribute:: value
+
+        The value that should be displayed in the cell.
+    
+    **Optional**
+
+    .. js:attribute:: accessory
+
+        Determines which accessory to display for the cell.  Should be one of
+        ``Clutch.UI.Accessories``. 
+
+    .. js:function:: tap(e)
+
+        An optional function which will receive an event whenever this table
+        cell is tapped by the end user.
+    
+
+.. note::
+    
+    If you subclass ``Clutch.UI.TableCell``, then you can set the ``multiline``
+    attribute to ``true`` and it will be able to display more than one line
+    of content.
+
+    .. code-block:: javascript
+
+        var MultiLineCell = Clutch.UI.TableCell.extend({
+            multiline: true
+        });
+
+
+.. js:attribute:: Clutch.UI.Accessories
+
+    Accessories that can be used to decorate a table cell.
+
+    .. js:attribute:: Checkmark
+
+        Shows a check mark.
+    
+    .. js:attribute:: DisclosureButton
+
+        Shows a button with a right-facing triangle indicating that there is
+        more content.
+    
+    .. js:attribute:: DisclosureIndicator
+
+        Shows a right-facing triangle indicating that there is more content.
+
+
+Example
+-------
+
+Here's an example of how you could use this JavaScript library to create a
+table which has some cells and a few headers.
+
+.. code-block:: javascript
+
+    // Let's create a simple table by subclassing Clutch.UI.Table
+    var SimpleTable = Clutch.UI.Table.extend({
+        // Our table should have two sections
+        numSections: 2,
+        // We want it to display in the "grouped" style which looks cooler
+        style: 'grouped',
+    
+        numCells: function(section) {
+            // Each section has 4 cells
+            return 4;
+        },
+
+        sectionHeader: function(section) {
+            // The section header just displays its own index
+            return new Clutch.UI.TableSectionHeader(
+                {value: 'Section ' + section + ' Header'}
+            );
+        },
+
+        sectionFooter: function(section) {
+            // The first section doesn't have a footer
+            if(section === 0) {
+                return null;
+            }
+            // The second section does have a footer though
+            return new Clutch.UI.TableSectionFooter(
+                {value: 'Section ' + section + ' Footer'}
+            );
+        },
+
+        cell: function(section, row) {
+            var value = 'Section ' + section + ' Cell ' + row;
+            return new Clutch.UI.TableCell({
+                value: value,
+                accessory: Clutch.UI.Accessories.DisclosureButton,
+                tap: function(e) {
+                    // Call the "tapped" method on iOS, and pass
+                    // the text value of the cell as an argument.
+                    Clutch.Core.callMethod('tapped', {value: value});
+                }
+            });
+        }
+    });
+
+    // Remember to wait for this event before rendering out our table.
+    Clutch.Core.init(function() {
+        // Instantiate our new table
+        var table = new SimpleTable();
+        // Render the table
+        $('body').append(table.render().el);
+    });
+
+
+.. _Zepto: http://zeptojs.com/
+.. _Backbone: http://documentcloud.github.com/backbone/
+.. _Underscore: http://documentcloud.github.com/underscore/
+.. _`Backbone.View`: http://documentcloud.github.com/backbone/#View
+.. _`underscore template`: http://documentcloud.github.com/underscore/#template
\ No newline at end of file
diff --git a/_sources/pulltorefresh.txt b/_sources/pulltorefresh.txt
new file mode 100644
index 0000000..3da4118
--- /dev/null
+++ b/_sources/pulltorefresh.txt
@@ -0,0 +1,200 @@
+Integrating Pull-to-Refresh
+===========================
+
+One common UI element that people like to have in their apps is
+pull-to-refresh.  By using some open source software along with a little bit
+of integration with Clutch, you can add this UI element to your Clutch screens
+quite easily!
+
+
+Download and Install EGOTableViewPullRefresh
+--------------------------------------------
+
+For the purposes of this tutorial, we're going to use the open source
+`EGOTableViewPullRefresh`_ project, by the talented team at `enormego.com`_.
+First you need to clone the repository::
+
+    git clone https://github.com/enormego/EGOTableViewPullRefresh.git
+
+Then open the directory::
+
+    open EGOTableViewPullRefresh
+
+Now drag the EGOTableViewPullRefresh folder into your XCode project.
+
+
+Integrate EGOTableViewPullRefresh in Your Header File
+-----------------------------------------------------
+
+In your ViewController's header file, import the pull-to-refresh library
+headers so that we have something to work with:
+
+.. code-block:: obj-c
+
+    #import "EGORefreshTableHeaderView.h"
+
+Then add make sure your Clutch ViewController is a scroll view delegate, and a
+``EGORefreshTableHeaderDelegate``:
+
+.. code-block:: obj-c
+
+    @interface ImageTableController : UIViewController <ClutchViewDelegate, UIScrollViewDelegate, EGORefreshTableHeaderDelegate>
+
+Now add three properties:
+
+.. code-block:: obj-c
+
+    @property (nonatomic, retain) EGORefreshTableHeaderView *refreshHeaderView;
+    @property (nonatomic, retain) NSDate *dateLastUpdated;
+    @property (nonatomic, assign) BOOL reloading;
+
+
+Synthesize and Instantiate Refresh Variables
+--------------------------------------------
+
+First, synthesize the new variables that you have added:
+
+.. code-block:: obj-c
+
+    @synthesize refreshHeaderView = _refreshHeaderView;
+    @synthesize dateLastUpdated = _dateLastUpdated;
+    @synthesize reloading = _reloading;
+
+Now instantiate the view and set the last updated date in your ``loadView``,
+and set this class as both the delegate and the scroll delegate for Clutch:
+
+.. code-block:: obj-c
+
+    - (void)loadView
+    {
+
+        // ...
+
+        self.dateLastUpdated = [NSDate date];
+
+        // Initialize the pull-to-refresh implementation
+        self.refreshHeaderView = [[EGORefreshTableHeaderView alloc] initWithFrame:CGRectMake(0, -324, 320, 368)];
+        [self.refreshHeaderView release];
+        [self.view addSubview:self.refreshHeaderView];
+        self.refreshHeaderView.delegate = self;
+        [self.refreshHeaderView refreshLastUpdatedDate];
+
+        // Set up the Clutch view
+        self.clutchView = [[ClutchView alloc] initWithFrame:CGRectMake(0, 0, 320, 411)
+                                                    andSlug:@"SOMESLUG"];
+        [self.clutchView release];
+        self.clutchView.delegate = self;
+        self.clutchView.scrollDelegate = self;
+        [self.view addSubview:self.clutchView];
+
+        // ...
+
+    }
+
+
+Add Delegate Methods
+--------------------
+
+We're almost there!  Everything is set up, except there are a bunch of delegate
+methods that are being called and we haven't yet implemented them yet.  First
+up is the ``EGORefreshTableHeaderView`` delegate methods:
+
+.. code-block:: obj-c
+
+    - (void)egoRefreshTableHeaderDidTriggerRefresh:(EGORefreshTableHeaderView *)view
+    {
+        [self.clutchView.webView reload];
+        self.reloading = TRUE;
+    }
+
+    - (BOOL)egoRefreshTableHeaderDataSourceIsLoading:(EGORefreshTableHeaderView *)view
+    {
+        return self.reloading;
+    }
+
+    - (NSDate*)egoRefreshTableHeaderDataSourceLastUpdated:(EGORefreshTableHeaderView *)view
+    {
+        return self.dateLastUpdated;
+    }
+
+    - (void)doneLoadingTableViewData
+    {
+        self.reloading = FALSE;
+        self.dateLastUpdated = [NSDate date];
+        [self.refreshHeaderView egoRefreshScrollViewDataSourceDidFinishedLoading:self.clutchView.scrollView];
+    }
+
+.. note::
+
+    You may not want to just call ``[self.clutchView.webView reload]``.  You
+    could also call a method in the JavaScript to refresh the data, or get the
+    data using Objective-C code.  This is the easiest and simplest way to
+    achieve a reload though.
+
+Now we need to implement one of the ``ScrollViewDelegate`` delegate methods:
+
+.. code-block:: obj-c
+
+    
+    - (void)scrollViewDidScroll:(UIScrollView *)scrollView
+    {
+        [self.refreshHeaderView egoRefreshScrollViewDidScroll:scrollView];
+        
+        // This slides the pull-to-refresh view into the proper location
+        self.refreshHeaderView.frame = CGRectMake(self.refreshHeaderView.frame.origin.x,
+                                                  -324.0f - scrollView.contentOffset.y,
+                                                  self.refreshHeaderView.frame.size.width,
+                                                  self.refreshHeaderView.frame.size.height);
+    }
+
+
+Pulling it All Together
+-----------------------
+
+We have one last step before this will all work properly.  Right now you have
+a Clutch view that, when dragged, will reveal a pull-to-refresh panel.  When
+you drag it down, it will reload the page.  But it won't yet know when it's
+done refreshing.  That's a bummer, so let's fix it:
+
+.. code-block:: obj-c
+
+    - (void)clutchView:(ClutchView *)clutchView
+          methodCalled:(NSString *)method
+            withParams:(NSDictionary *)params
+              callback:(void(^)(id))callback
+    {
+        // ...
+
+        if([method isEqualToString:@"clutch.loading.end"]) {
+            [self doneLoadingTableViewData];
+        }
+
+        // ...
+    }
+
+As you can see, we're hooking into the ``clutch.loading.end`` method call
+to determine when loading is complete.  Now all that's left to do is call that
+method in our JavaScript code:
+
+.. code-block:: javascript
+
+    Clutch.Core.init(function() {
+        // Do your loading here, and then call...
+        Clutch.Loading.end();
+    });
+
+Boom!  Now we're done integrating a pull-to-refresh into our Clutch screen.
+Thanks to the power of great open source code and a bit of integration, it's
+quite easy to get this great effect in your app.
+
+
+Example
+-------
+
+We've built an example application called Imgs which uses this technique, so
+you can `check out the code`_ and see how we did it in a real app.
+
+
+.. _`EGOTableViewPullRefresh`: https://github.com/enormego/EGOTableViewPullRefresh
+.. _`enormego.com`: http://enormego.com/
+.. _`check out the code`: https://github.com/boilerplate/imgs
\ No newline at end of file
diff --git a/_sources/reference.txt b/_sources/reference.txt
new file mode 100644
index 0000000..80033a5
--- /dev/null
+++ b/_sources/reference.txt
@@ -0,0 +1,10 @@
+Reference
+=========
+
+.. toctree::
+   :maxdepth: 2
+
+   jslibrary
+   ioslibrary
+   commandclient
+   termsanddefinitions
\ No newline at end of file
diff --git a/_sources/screencasts.txt b/_sources/screencasts.txt
new file mode 100644
index 0000000..8b1e603
--- /dev/null
+++ b/_sources/screencasts.txt
@@ -0,0 +1,59 @@
+Screencasts
+===========
+
+Everyone learns in different ways.  For some, the best way to learn a new tool
+is to pore over documentation for hours.  For others, jumping in on the deep
+end and just starting to build something is the best.  For others still, visual
+and/or audio walkthroughs are best.  Because of that, we want to make sure
+there are ample examples of each!  Here's our collection of screencasts:
+
+Getting Started - New XCode Project
+-----------------------------------
+
+In this screencast we will start a new Clutch project from scratch, explaining
+in detail each step that's required and why.
+
+.. raw:: html
+
+    <iframe src="http://player.vimeo.com/video/36469397?title=0&amp;byline=0&amp;portrait=0" width="670" height="380" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+
+
+Getting Started - Existing XCode Project
+----------------------------------------
+
+In this screencast we will start a new Clutch project for an existing iOS
+application, explaining in detail each step that's required and why.
+
+.. raw:: html
+
+    <iframe src="http://player.vimeo.com/video/36468715?byline=0&amp;portrait=0" width="670" height="380" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+
+Tutorial - Adding a Screen
+--------------------------
+
+Once you have your project all set up, this tutorial will help show you how to
+add a new Clutch screen to your project.
+
+.. raw:: html
+
+    <iframe src="http://player.vimeo.com/video/40030181?byline=0&amp;portrait=0" width="670" height="380" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+
+Tutorial - Demo App Walkthrough
+-------------------------------
+
+Our Demo app, Imgs, has a lot of code and it's fairly large.  In this tutorial,
+we'll go over the basics of how it fits together and how it works.
+
+.. raw:: html
+
+    <iframe src="http://player.vimeo.com/video/40035209?byline=0&amp;portrait=0" width="670" height="380" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+
+Tutorial - Building a Twitter Search App
+----------------------------------------
+
+In this video we'll demonstrate the power of Clutch by building a very simple
+Twitter search app.
+
+.. raw:: html
+
+    <iframe src="http://player.vimeo.com/video/40037859?byline=0&amp;portrait=0" width="670" height="380" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
\ No newline at end of file
diff --git a/_sources/termsanddefinitions.txt b/_sources/termsanddefinitions.txt
new file mode 100644
index 0000000..404def7
--- /dev/null
+++ b/_sources/termsanddefinitions.txt
@@ -0,0 +1,24 @@
+Terms and Definitions
+---------------------
+
+.. glossary::
+
+    Clutch App
+        A container holding all of the files that will make up the
+        HTML/JavaScript/CSS portion of your app.  This container is registered
+        with Clutch and is given a name and a short name to easily talk about it.
+
+    Screen
+        A content area that will be shown to the user using your app. Each
+        :term:`Clutch App` contains one or more screens.  Examples of a screen could be
+        a user profile or a list of friends.  This roughly corresponds one-to-one
+        with the number of UIViewControllers in your app that use Clutch.
+    
+    Short Name
+        The short version of an app name that is used in the URL for your
+        :term:`Clutch App` and is typed into the command line.  For instance an
+        app named "Example App" might have the short name "exampleapp", which
+        you might type into the command line like ``clutch dev -a exampleapp``.
+        Some people might refer to this as a Slug_.
+
+.. _Slug: http://en.wikipedia.org/wiki/Slug_(web_publishing)
\ No newline at end of file
diff --git a/_sources/tutorials.txt b/_sources/tutorials.txt
new file mode 100644
index 0000000..0083d4d
--- /dev/null
+++ b/_sources/tutorials.txt
@@ -0,0 +1,11 @@
+Tutorials and Articles
+======================
+
+.. toctree::
+   :maxdepth: 2
+
+   examples
+   gettingstarted
+   anatomy
+   addingnewscreen
+   pulltorefresh
\ No newline at end of file
diff --git a/_static/ajax-loader.gif b/_static/ajax-loader.gif
new file mode 100644
index 0000000..61faf8c
Binary files /dev/null and b/_static/ajax-loader.gif differ
diff --git a/_static/basic.css b/_static/basic.css
new file mode 100644
index 0000000..3fe08ac
--- /dev/null
+++ b/_static/basic.css
@@ -0,0 +1,551 @@
+/*** CSS document by Eric Maguire for Boilerplate Inc. 11/2011 ***/
+
+/* reset styles 
+--------------------------------------------- */
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;border: 0;outline: 0;background: transparent;}
+ol, ul {list-style: none;}
+blockquote, q {quotes: none;}
+table {border-collapse: collapse;border-spacing: 0;}
+
+ol {list-style:decimal outside none;margin:0 0 0 20px;}
+ul.bullets {list-style:disc outside none;margin:0 0 0 20px;}
+ol li, ul.bullets li {margin: 0 0 10px;}
+
+ul.simple {padding-left: 30px;margin: 20px 0;list-style: none outside none;}
+ul.simple li {list-style-type: disc;margin: 0 0 10px;}
+
+/**
+ * General Global Stuff.
+ */
+/* Textual elements */
+
+body {font: 14px/20px "helvetica neue",helvetica,arial,sans-serif;background:url(images/bkg/bkg2.png) -30% 0% #222;color:#27231A;margin:0;padding:0;}
+h1, h2, h3, h4, h5, h6 {color:#38342B;font-weight:normal;}
+  h1 {font-size:27px;}
+  h2 {font-size:26px;}
+  h3 {font-size:24px;text-shadow:0 1px 0 #fff;}
+  h4 {font-size:14px;}
+  h5 {font-size:12px;}
+  h6 {font-size:12px;}
+  
+a {color:#b73d06;}  
+a:hover {color:#e06321;}
+p{margin:0 0 20px 0;}
+
+#header {border-bottom:1px solid #000;background:url(images/bkg/header-bkg3.jpg) scroll -40% 0% #222;height:90px;}
+.secondary #header {border-bottom:0;}
+#header .content {background:url(images/bkg/highlight2.png) top center no-repeat;min-height:90px;position:relative;}
+#header .content h1.logo a {position:absolute;top:18px;left:5px;z-index:3;background:url(images/btn/logo1.png) top center no-repeat;width:225px;height:46px;text-indent:-5000px;}
+#header .content .main-nav {position:absolute;top:0;right:0;width:685px;height:90px;}
+#header .content .main-nav.in-app {width:475px;}
+#header .content .main-nav li {float: left;margin: 12px 0 0;padding:13px 37px 0 37px;height:54px;background:url(images/bkg/nav-line.png) center left no-repeat }
+#header .content .main-nav li.last {background-image: url(images/bkg/nav-line.png), url(images/bkg/nav-line.png);background-position: center left, center right;background-repeat: no-repeat;}
+#header .content .main-nav li.active {
+    background-image: url(images/bkg/nav-line.png);
+    background-position: center left, 88% 33%;
+    background-repeat: no-repeat;
+    }
+#header .content .main-nav li a {color:#fff;text-decoration:none;}
+#header .content .main-nav li.active a {color:#e06321;}
+#header .content .main-nav li a strong {font-size:17px;text-shadow: 0px -2px 3px #000;}
+#header .content .main-nav li a:hover strong {color:#f4742f;}
+#header .content .main-nav li a em {font-size:12px;font-weight:normal;display:block;font-style:normal;}
+#header .content .main-nav li.active a em {color:#fff;}
+#header .content .main-nav li a:hover em {color:#fff;}
+#header .content .main-nav li a.logout-link:hover em {color:red}
+
+.relbar {width:960px;margin:0 auto 10px;font-size:11px;}
+.relbar .breadcrumbs {float:left;color:#666;}
+.relbar .rellinks {float:right;}
+.relbar .rellinks a {margin:0 10px 0 0;}
+.section-wrap {background:url(images/bkg/bkg1.jpg) scroll -200% 0% #efe9dd;border-bottom:1px solid #c3b397;border-top:1px solid #fff;}
+.secondary .section-wrap {border:none;padding:20px 0 45px;}
+.secondary .section-wrap .content {width:960px;margin:0 auto;background:url(images/bkg/content-bkg1.png);border-radius:10px;box-shadow:0 2px 3px rgba(78, 68, 60, 0.3);min-height:300px;position:relative;}
+.secondary .section-wrap .content .title {border-bottom:1px solid #ccc;box-shadow: 0 2px 0 -1px #fff;margin:0 0 15px 0;padding:11px 20px 3px 19px;position:relative;}
+
+.secondary .section-wrap .content .main-link {font-size:28px;text-decoration:none;}
+.secondary .section-wrap .content .parents {position:absolute;top:17px; right:215px;}
+.secondary .section-wrap .content .rellinks {position:absolute;top:14px; right:15px;}
+.secondary .section-wrap .content .rellinks a {margin:0 0 0 8px;}
+
+.main-sec {width:669px;float:right;margin:0 0 20px 0;border-left:1px solid #CCCCCC;padding:0 30px 25px;}
+.main-sec .section {margin:0;}
+.main-sec .section h1 {border-bottom: 1px solid #ccc;font-weight:normal;
+box-shadow: 0 2px 0 -1px #FFFFFF;margin:0 0 10px -30px;padding:0;padding:18px 20px 15px 30px;width:679px;}
+.main-sec .section h2 {color:#38342B;border-bottom: 1px solid #ccc;
+box-shadow: 0 2px 0 -1px #FFFFFF;margin:45px 0 10px -30px;padding:18px 20px 17px 30px;font-size:27px;width:679px;position:relative;}
+.main-sec h3 {margin:20px 0 0;font-size:21px;}
+
+h1 .headerlink,h2 .headerlink,h3 .headerlink
+{width:33px;height:30px;background:url(images/bkg/perma-tag.png);top:30px;right:-33px;text-indent:-5000px;position:absolute;}
+h1:hover .headerlink,h2:hover .headerlink,h3:hover .headerlink,dt:hover .headerlink {}
+
+dt .headerlink {
+    background: url(images/bkg/perma-tag2.png) repeat scroll 0 0 transparent;
+    height: 30px;
+    position: absolute;
+    right: -59px;
+    text-indent: -5000px;
+    top: 1px;
+    width: 30px;
+}
+
+.sphinxsidebarwrapper h3.contents {border-top:none;}
+
+.secondary-sec {width:230px;float:left;overflow:hidden;padding:0 0 30px 0;}
+.secondary-sec h3 {border-bottom: 1px dotted #CCCCCC;border-top:1px solid #CCCCCC;
+color: #999999;font-size: 14px;font-weight: bold;margin: 0 0 20px;padding: 9px 20px;text-transform: uppercase;}
+.secondary-sec h4 {border-bottom: 1px dotted #CCCCCC;border-top:1px solid #CCCCCC;
+color: #999999;font-size: 14px;font-weight: bold;margin: 0 0 20px;padding: 9px 20px;text-transform: uppercase;}
+.secondary-sec h3 a {text-decoration:none;}
+.index .secondary-sec h3 {border-top:none;}
+
+.secondary-sec .pad {padding:0 20px 20px;}
+.secondary-sec ul li a {display:block;padding:0 0 10px 0;text-decoration:none;font-size:12px;width:200px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;
+}
+.secondary-sec .topless a {text-decoration:none;font-size:12px;}
+.secondary-sec .topless {margin:0;font-size:12px;}
+.secondary-sec #searchbox form.search {position:relative;margin:8px 0 3px 0;height:33px;}
+.secondary-sec #searchbox input[type="text"] {width:133px;font-size:14px;position:absolute;top:0;left:0;}
+.secondary-sec #searchbox input[type="submit"] {font-size:14px;margin:0;width:38px;position:absolute;top:3px;right:0;padding:5px;height:28px;}
+.secondary-sec #searchbox .searchtip {color:#666;font-size:11px;}
+
+.secondary-sec .secondary-nav {margin:0 0 10px 0;}
+.secondary-sec .secondary-nav li{background:url(images/bkg/nav-line2.png) left bottom no-repeat;}
+.secondary-sec .secondary-nav li.active {background:none;}
+.secondary-sec .secondary-nav li a {display:block;padding:10px 0 11px 20px;font-size:18px;text-decoration:none;}
+.secondary-sec .secondary-nav li.active a {background:url(images/bkg/ribbon2.png) left bottom no-repeat;margin:0 0 0 -5px;color:#fff;padding:11px 0 15px 27px;text-shadow: 0px -1px 2px rgba(0, 0, 0, 0.8);}
+
+.secondary-sec .callout {
+    border-radius: 6px 6px 6px 6px;
+    color: rgba(0, 0, 0, 0.6);
+    font-size: 0.75em;
+    font-weight: normal;
+    margin: 20px 30px 25px 22px;
+}
+
+#homepage .cta1 .content {background:url(images/bkg/iphone-ss1.jpg) left bottom no-repeat;padding:0 0 0 420px;width:540px;min-height:276px;}
+#homepage .cta2 .content {background:url(images/bkg/gears-icon1.png) right center no-repeat;padding:0 420px 0 0;width:540px;min-height:315px;}
+#homepage .cta1 .content p, #homepage .cta2 .content p {margin:0 0 25px 0;}
+
+.content {width:960px;margin:0 auto;}
+#homepage .content h3 {padding:30px 0 7px 0;}
+#homepage .content p {text-shadow:0 1px 0 #fff;}
+
+.appselector {width:255px;position:absolute;top:12px;right:12px;height:37px;}
+.appselector h4 {font-size:18px;position:absolute;top:8px;left:0;}
+.appselector select#app-jumper {width:200px;font-size:16px;position:absolute;top:0;right:0;height:34px;}
+
+.full .main-sec {width:920px;border:none;padding:20px;}
+.full .main-sec h2 {width:794px;}
+
+div.note {
+    background-color: #ffc;
+    border: 1px solid #fbe58b;
+    border-radius:3px;
+    font-size:12px;
+}
+
+div.admonition {
+    margin-bottom: 10px;
+    margin-top: 10px;
+    padding: 7px;
+}
+
+div.note p {margin:0;}
+
+p.admonition-title:after {
+    content: ":";
+    margin:0 5px 0 0;
+}
+
+div.body p, div.body dd, div.body li {
+    line-height: 130%;
+    text-align: justify;
+}
+p.admonition-title {
+    display: inline;
+    font-weight: bold;
+    margin: 0 10px 0 0;
+    float:left;
+}
+
+.edge {background:url(images/bkg/edge1.png) scroll -200% -300%;height:13px;margin:-12px 0 0 0;position:relative;z-index:1;}
+.secondary .edge {margin:-9px 0 0 0;}
+.ribbon {width:54px;height:104px;background:url(images/bkg/ribbon1.png) top left no-repeat;position:absolute;top:0px;left:0;z-index:2;}
+
+#footer {height:150px;background:url(images/bkg/edge2.png) scroll -200% 0% repeat-x;color:#555;}
+#footer a {color:#777;text-decoration:none;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.6) !important}
+#footer a:hover {color:#666;}  
+#footer p {text-shadow:1px 1px 0 rgba(0, 0, 0, 0.6) !important}
+#footer .left {width:475px;float:left;margin:50px 0 0 0;}
+#footer .right {width:450px;float:right;margin:50px 0 0 0;}
+#footer ul li {float:left;margin:0 10px 0 0;}
+#footer ul li.last {margin:0;}
+#footer .copyright {text-align:right;}
+#footer .left .twitter-follow-button {margin: 10px 0 0;}
+
+.clear {clear:both;}
+.last {margin-right:0 !important;}
+.right {float:right;}
+.left {float:left;}
+
+/* homepage specific */
+
+.doc-home {}
+.doc-home .main-sec {border-left:none;width:900px;}
+.doc-home.secondary .section-wrap .content .title {position:relative;border-bottom: 1px solid #CCCCCC;box-shadow: 0 2px 0 -1px #FFFFFF;font-weight: normal;margin: 0 0 10px -30px;
+padding: 23px 20px 22px 26px;width: 914px;}
+.doc-home.secondary .section-wrap .content .title h1 {font-size:32px;}
+.doc-home .main-sec .title .search-box {position:absolute;top:16px;right:10px;width:241px;}
+.doc-home .main-sec .title .search-box input[type="text"] {font-size:16px;width:180px;}
+.doc-home .main-sec .title .search-box input[type="submit"] {margin:0;padding:6px 5px 5px;font-size:14px !important;}
+
+.doc-home .row {padding:0;}
+.doc-home .row .first, .doc-home .row .second {float:left;margin:15px 0 0 0;}
+.doc-home .row .first {padding:0 30px 0 0;width:400px;}
+.doc-home .row .second {padding:0 0 0 30px;width:439px;}
+.doc-home .main-sec .row h3 {border-bottom: 1px solid #CCCCCC;box-shadow: 0 2px 0 -1px #FFFFFF;display: block;font-size: 24px;
+margin: 15px 0 15px 0;padding: 0 20px 10px 0;text-align:center;}
+.doc-home .main-sec .row h3 a {text-decoration:none;}
+
+.doc-home .row .screencasts, .doc-home .row .example {min-height:300px;}
+.doc-home .row .downloads, .doc-home .row .tutorials {min-height:232px;}
+.doc-home .row .reference {margin:15px 0 0 0;}
+.doc-home .row .contact {min-height:300px;margin:11px 0 0 0;}
+
+a.ab-testing-btn {width:299px;height:171px;background:url(images/btn/clutch-ab-big-btn.png) bottom left no-repeat;text-indent:-5000px;display:block;margin:30px 0 26px 42px}
+a.ab-testing-btn:hover {background-position:top left;}
+a.framework-btn {width:299px;height:171px;background:url(images/btn/clutch-fw-big-btn.png) bottom left no-repeat;text-indent:-5000px;display:block;margin:30px 0 26px 42px}
+a.framework-btn:hover {background-position:top left;}
+
+.doc-home .row ul {list-style:disc inside none;}
+.doc-home .row ul li {margin:10px 0 15px 2px;}
+.doc-home .row ul li a {font-size:16px;}
+
+.doc-home .main-sec .row .contact h2{border-bottom: 1px solid #CCCCCC;box-shadow: 0 2px 0 -1px #FFFFFF;display: block;font-size: 24px;
+margin: 0 0 15px 0;padding: 18px 20px 10px 0;font-family:"helvetica neue",helvetica,arial,sans-serif;}
+
+.doc-home .downloads .btn {font-size: 21px !important;margin: 0 10px 15px 0;padding: 15px 0 15px 30px;text-align: center;width: 156px;}
+.doc-home .downloads .command-line {padding:10px;border:1px solid #ccc;border-radius:7px;width:367px;}
+.doc-home .downloads .command-line p {font-size:12px;font-style:italic;margin:0 0 10px 0;}
+.doc-home .downloads .command-line p strong {font-size:14px;}
+.doc-home .downloads .command-line pre {margin:0;}
+
+.doc-home .screencasts .screencast {width:192px;overflow:hidden;float:left;margin:0 15px 0 0;}
+
+.doc-home .example .screenshots img {float:left;margin:0 19px 0 0;}
+.doc-home .links {margin:15px 0 0 0;}
+.doc-home .links .btn {margin:0 0 0 10px;}
+
+.doc-home .downloads .btn.green {
+    background: url(images/btn/download-icon.png) 22px 10px no-repeat;
+    background: 
+	    url(images/btn/download-icon.png) 22px 10px no-repeat,
+	    -webkit-linear-gradient(top , #57A957, #62C462);
+    background: 
+        url(images/btn/download-icon.png) 22px 10px no-repeat,
+        -moz-linear-gradient(top , #57A957, #62C462);}
+
+.doc-home .downloads .btn.green:hover {
+    background: url(images/btn/download-icon.png) 22px 10px no-repeat;
+    background: 
+	    url(images/btn/download-icon.png) 22px 10px no-repeat,
+	    -webkit-linear-gradient(top , #57A957, #6eda6e);
+    background: 
+        url(images/btn/download-icon.png) 22px 10px no-repeat,
+        -moz-linear-gradient(top , #57A957, #6eda6e);}
+
+.doc-home .screencasts a.thumb {float:left;width:192px;margin:0 5px 0 0;}
+        
+
+/* page specific */
+#docs ul li a {text-decoration:none;}
+#docs ul li.toctree-l1 {margin:0 0 20px 0;padding:0 0 20px 0;}
+#docs ul li.toctree-l1 a {font-size:24px;border-bottom: 1px solid #CCCCCC;box-shadow: 0 2px 0 -1px #FFFFFF;display:block;padding:18px 20px 10px 29px;margin:0 0 8px -30px;width:631px;}
+
+#docs ul li.toctree-l2 a,#docs ul li.toctree-l3 a,#docs ul li.toctree-l4 a {box-shadow:none;font-weight:normal;font-size:14px;border:none;padding:0;margin:0px 0 7px 1px;width:100%;}
+
+body.search-results ul.search li {border-bottom:1px solid #ccc;box-shadow:0 2px 0 -1px #FFFFFF;margin:0 0 15px 0;padding:0 0 15px 0;}
+body.search-results ul.search li a {font-weight:bold;}
+body.search-results ul.search li .context{font-size:14px;}
+.highlighted {background:#EEDC94;font-weight:bold;}
+
+body.search-results .main-sec h2 {border-bottom: 1px solid #CCCCCC;
+box-shadow: 0 2px 0 -1px #FFFFFF;color: #57A957;margin: 0 0 10px;padding:10px 0;;width: 100%;}
+
+body.search-results #search-documentation {border-bottom: 1px solid #B1E3F2;
+box-shadow: 0 2px 0 -1px rgba(255, 255, 255, 0.55);color: #38342B;margin: 0 0 10px;padding: 0 0 10px 0;width: 100%;}
+
+#docs .alert-message.blue {padding:11px 20px 15px 20px;}
+#docs .alert-message form {margin:15px 0 0 0;}
+#docs .alert-message form input[type="submit"] {margin:0 0 0 5px;}
+
+#docs.index .section-wrap .content .main-sec .title {height:42px;border-bottom:1px solid #ccc;box-shadow: 0 2px 0 -1px #fff;margin:0 0 15px 0;padding:11px 20px 3px 19px;position:relative;}
+#docs.index .section-wrap .content .main-sec .title h1 {position:absolute;top:21px;left:0;color: #57A957;}
+
+#docs.index .section-wrap .content .main-sec .title .genindex-jumpbox {position:absolute;top:22px;right:0;}
+#docs.index .main-sec h2 {color:#38342B;border-bottom:none;box-shadow:none;font-size:21px;margin:0;text-shadow:none;}
+
+#docs.index table {border:none;}
+#docs.index table td {border-top:none;padding:0 0 20px 0;box-shadow:0 2px 0 -1px #FFFFFF;}
+#docs.index table th + th, #docs.index table td + td, #docs.index table th + td {border-left:none;}
+
+#docs table.docutils {margin:7px 0;}
+#docs table.docutils ul.simple {margin:0;}
+#docs table.docutils ul.simple li {margin:0;}
+
+dl.function {font-size:15px;margin:0 0 35px 0;}
+dl.function dd {margin:0 0 0 20px;}
+tt.docutils {
+    background-color: #fff;
+    font-size: 0.95em;
+    padding: 0 1px;
+    font-family:Monaco,Andale Mono,Courier New,monospace;
+    color:#336633;
+}
+
+tt.descname {font-weight:bold;}
+dt {position:relative;}
+
+/* login pages */
+.form-box {border-right:1px solid #fff;width:440px;float:left;margin:15px 0 15px 0;min-height:392px;}
+.help-box {border-left:1px solid #ccc;width:420px;float:left;padding:0 0 0 40px;min-height:392px;margin:15px 0 15px 0;}
+.help-box h3 {margin:0;}
+
+/* General Thumbnail Styles */
+a.thumb {position:relative;display:inline-block;text-decoration:none;font-size:10px;text-align:center;}
+a.thumb .play-btn {width:55px;height:56px;position:absolute;top:34px;left:61px;background:url(images/btn/play-btn.png) bottom left;text-indent:-5000px;}
+a.thumb:hover .play-btn {background-position:top left;}
+
+img.frame {border: 4px solid #FFFFFF;
+    border-radius: 4px;
+    box-shadow: 0 2px 3px rgba(78, 68, 60, 0.3);}
+    
+/* General Global Button Styles */   
+.btn {background-color: #b43a04;
+    background-image: -moz-linear-gradient(top , #b43a04, #de6020);
+    background-image: -webkit-linear-gradient(top , #b43a04, #de6020);
+    background-repeat: repeat-x;
+    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+    color:#fff;
+    text-decoration:none;
+    border-radius:60px;
+    border-width:1px;
+    border-style:solid;
+    box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
+    font-size:18px !important;
+    padding:7px 14px 8px;
+    font-weight:bold;
+    display:inline-block;
+    }
+
+.btn:hover {color:#fff;
+    background-image: -moz-linear-gradient(top , #b43a04, #fa7934);
+    background-image: -webkit-linear-gradient(top , #b43a04, #fa7934);
+    }
+    
+.btn.green {background-color: #57A957;
+    background-image: -moz-linear-gradient(top , #57A957, #62C462);
+    background-image: -webkit-linear-gradient(top , #57A957, #62C462);
+    }
+
+.btn.green:hover {color:#fff;
+    background-image: -moz-linear-gradient(top , #57A957, #6eda6e);
+    background-image: -webkit-linear-gradient(top , #57A957, #6eda6e);
+    }
+
+.btn.gray {background-color: #57A957;
+    background-image: -moz-linear-gradient(top , #ddd, #eee);
+    background-image: -webkit-linear-gradient(top , #ddd, #eee);
+    border-color:#ccc #ccc #c0c5c2;
+    text-shadow: 0 1px 1px #fff;
+    color:#b73d06;
+    box-shadow:0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
+    font-size:16px !important;
+    padding:7px 14px 8px;
+    }
+
+.btn.gray:hover {color:#e06321;
+    background-image: -moz-linear-gradient(top , #ddd, #fff);
+    background-image: -webkit-linear-gradient(top , #ddd, #fff);
+    }
+
+.btn.big {
+    padding:11px 24px;
+    }
+.btn.small{
+    font-size: 11px !important;
+    padding: 4px 10px;
+}
+    
+/* alert and message boxes */   
+.alert-message {
+    background-color: #EEDC94;
+    background-image: -moz-linear-gradient(top , #FCEEC1, #EEDC94);
+    background-image: -webkit-linear-gradient(top , #FCEEC1, #EEDC94);
+    background-repeat: repeat-x;
+    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+    border-radius: 5px;
+    border-style: solid;
+    border-width: 1px;
+    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
+    color: #404040;
+    margin-bottom: 18px;
+    padding: 15px 20px;
+    position: relative;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+    font-size:14px;
+}
+
+.alert-message.blue {background-color: #DDF4FB;
+background-image: -moz-linear-gradient(top , #DDF4FB, #C6EDF9);
+background-image: -webkit-linear-gradient(top , #DDF4FB, #C6EDF9);
+border-color: #b1e3f2;}
+    
+.alert-message p {margin:0;}
+.alert-message .alert-actions {margin:10px 0 0 0;}
+.close {color: #000000;float: right;font-size: 20px;font-weight: bold;line-height: 13.5px;opacity: 0.25;text-shadow: 0 1px 0 #FFFFFF;text-decoration: none;}
+.close:hover {color: #000000;opacity: 0.4;text-decoration: none;}
+
+
+/* forms */
+code,pre{padding:0 3px 2px;font-family:Monaco, Andale Mono, Courier New, monospace;font-size:12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
+code{background-color:#fee9cc;color:rgba(0, 0, 0, 0.75);padding:1px 3px;}
+pre{background-color:#fff;box-shadow:0 2px 3px rgba(78, 68, 60, 0.3);display:block;padding:8.5px;margin:0 0 18px;line-height:18px;font-size:12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
+
+
+
+form{margin-bottom:18px;}
+form ul li {margin:0 0 15px 0;clear:both;}
+fieldset{margin-bottom:18px;padding-top:18px;}fieldset legend{display:block;padding-left:150px;font-size:19.5px;line-height:1;color:#404040;*padding:0 0 5px 145px;*line-height:1.5;}
+form .clearfix{margin-bottom:18px;zoom:1;}form .clearfix:before,form .clearfix:after{display:table;content:"";zoom:1;*display:inline;}
+form .clearfix:after{clear:both;}
+label,input,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:normal;}
+label{padding-top:10px;font-size:14px;line-height:18px;float:left;width:120px;text-align:right;color:#404040;margin:0 10px 0 0;}
+form .input{margin-left:150px;}
+input[type=checkbox],input[type=radio]{cursor:pointer;}
+input,textarea,select,.uneditable-input{display:inline-block;width:246px;padding:6px;font-size:21px;color:#808080;border:1px solid #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
+input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;border:none;}
+input[type=file]{background-color:#ffffff;padding:initial;border:initial;line-height:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
+input[type=button],input[type=reset],input[type=submit]{width:auto;height:auto;margin:0 0 0 130px;cursor:pointer;}
+select,input[type=file]{line-height:27px;*margin-top:4px;}
+select[multiple]{height:inherit;}
+textarea{height:auto;}
+.uneditable-input{background-color:#ffffff;display:block;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;}
+:-moz-placeholder{color:#bfbfbf;}
+::-webkit-input-placeholder{color:#bfbfbf;}
+input,textarea{-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);}
+input:focus,textarea:focus{outline:0;border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);}
+input[type=file]:focus,input[type=checkbox]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:1px dotted #666;}
+.errorlist li {color:red;font-style:italic;font-weight:bold;margin:0 0 -8px 0;width:120px;text-align:right;font-size:10px;}
+
+
+
+
+/* modal pop-up styles */
+.fade {
+  -webkit-transition: opacity 0.15s linear;
+  -moz-transition: opacity 0.15s linear;
+  -ms-transition: opacity 0.15s linear;
+  -o-transition: opacity 0.15s linear;
+  transition: opacity 0.15s linear;
+  opacity: 0;
+}
+.fade.in {
+  opacity: 1;
+}
+.modal-open .dropdown-menu {
+  z-index: 2050;
+}
+.modal-open .dropdown.open {
+  *z-index: 2050;
+}
+.modal-open .popover {
+  z-index: 2060;
+}
+.modal-open .tooltip {
+  z-index: 2070;
+}
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: #f3f1eb;
+}
+.modal-backdrop.fade {
+  opacity: 0;
+}
+.modal-backdrop, .modal-backdrop.fade.in {
+  opacity: 0.7;
+  filter: alpha(opacity=70);
+}
+.modal {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  z-index: 1050;
+  max-height: 500px;
+  overflow: auto;
+  width: 560px;
+  margin: -250px 0 0 -280px;
+  background-color: #ffffff;
+  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  -webkit-background-clip: padding-box;
+  -moz-background-clip: padding-box;
+  background-clip: padding-box;
+}
+.modal.fade {
+  -webkit-transition: opacity .3s linear, top .3s ease-out;
+  -moz-transition: opacity .3s linear, top .3s ease-out;
+  -ms-transition: opacity .3s linear, top .3s ease-out;
+  -o-transition: opacity .3s linear, top .3s ease-out;
+  transition: opacity .3s linear, top .3s ease-out;
+  top: -25%;
+}
+.modal.fade.in {
+  top: 50%;
+}
+.modal-header {
+  padding: 9px 15px;
+  border-bottom: 1px solid #eee;
+}
+.modal-header .close {
+  margin-top: 2px;
+}
+.modal-body {
+  padding: 15px;
+}
+.modal-footer {
+  padding: 14px 15px 15px;
+  margin-bottom: 0;
+  background-color: #f5f5f5;
+  border-top: 1px solid #ddd;
+  -webkit-border-radius: 0 0 6px 6px;
+  -moz-border-radius: 0 0 6px 6px;
+  border-radius: 0 0 6px 6px;
+  -webkit-box-shadow: inset 0 1px 0 #ffffff;
+  -moz-box-shadow: inset 0 1px 0 #ffffff;
+  box-shadow: inset 0 1px 0 #ffffff;
+  *zoom: 1;
+}
+.modal-footer:before, .modal-footer:after {
+  display: table;
+  content: "";
+}
+.modal-footer:after {
+  clear: both;
+}
+.modal-footer .btn {
+  float: right;
+  margin-left: 5px;
+  margin-bottom: 0;
+}
+
+.modal iframe {float:left;}
\ No newline at end of file
diff --git a/_static/bootstrap-modal.js b/_static/bootstrap-modal.js
new file mode 100644
index 0000000..bac0dee
--- /dev/null
+++ b/_static/bootstrap-modal.js
@@ -0,0 +1,209 @@
+/* =========================================================
+ * bootstrap-modal.js v2.0.0
+ * http://twitter.github.com/bootstrap/javascript.html#modals
+ * =========================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================= */
+
+
+!function( $ ){
+
+  "use strict"
+
+ /* MODAL CLASS DEFINITION
+  * ====================== */
+
+  var Modal = function ( content, options ) {
+    this.options = $.extend({}, $.fn.modal.defaults, options)
+    this.$element = $(content)
+      .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this))
+  }
+
+  Modal.prototype = {
+
+      constructor: Modal
+
+    , toggle: function () {
+        return this[!this.isShown ? 'show' : 'hide']()
+      }
+
+    , show: function () {
+        var that = this
+
+        if (this.isShown) return
+
+        $('body').addClass('modal-open')
+
+        this.isShown = true
+        this.$element.trigger('show')
+
+        escape.call(this)
+        backdrop.call(this, function () {
+          var transition = $.support.transition && that.$element.hasClass('fade')
+
+          !that.$element.parent().length && that.$element.appendTo(document.body) //don't move modals dom position
+
+          that.$element
+            .show()
+
+          if (transition) {
+            that.$element[0].offsetWidth // force reflow
+          }
+
+          that.$element.addClass('in')
+
+          transition ?
+            that.$element.one($.support.transition.end, function () { that.$element.trigger('shown') }) :
+            that.$element.trigger('shown')
+
+        })
+      }
+
+    , hide: function ( e ) {
+        e && e.preventDefault()
+
+        if (!this.isShown) return
+
+        var that = this
+        this.isShown = false
+
+        $('body').removeClass('modal-open')
+
+        escape.call(this)
+
+        this.$element
+          .trigger('hide')
+          .removeClass('in')
+
+        $.support.transition && this.$element.hasClass('fade') ?
+          hideWithTransition.call(this) :
+          hideModal.call(this)
+      }
+
+  }
+
+
+ /* MODAL PRIVATE METHODS
+  * ===================== */
+
+  function hideWithTransition() {
+    var that = this
+      , timeout = setTimeout(function () {
+          that.$element.off($.support.transition.end)
+          hideModal.call(that)
+        }, 500)
+
+    this.$element.one($.support.transition.end, function () {
+      clearTimeout(timeout)
+      hideModal.call(that)
+    })
+  }
+
+  function hideModal( that ) {
+    this.$element
+      .hide()
+      .trigger('hidden')
+
+    backdrop.call(this)
+  }
+
+  function backdrop( callback ) {
+    var that = this
+      , animate = this.$element.hasClass('fade') ? 'fade' : ''
+
+    if (this.isShown && this.options.backdrop) {
+      var doAnimate = $.support.transition && animate
+
+      this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />')
+        .appendTo(document.body)
+
+      if (this.options.backdrop != 'static') {
+        this.$backdrop.click($.proxy(this.hide, this))
+      }
+
+      if (doAnimate) this.$backdrop[0].offsetWidth // force reflow
+
+      this.$backdrop.addClass('in')
+
+      doAnimate ?
+        this.$backdrop.one($.support.transition.end, callback) :
+        callback()
+
+    } else if (!this.isShown && this.$backdrop) {
+      this.$backdrop.removeClass('in')
+
+      $.support.transition && this.$element.hasClass('fade')?
+        this.$backdrop.one($.support.transition.end, $.proxy(removeBackdrop, this)) :
+        removeBackdrop.call(this)
+
+    } else if (callback) {
+      callback()
+    }
+  }
+
+  function removeBackdrop() {
+    this.$backdrop.remove()
+    this.$backdrop = null
+  }
+
+  function escape() {
+    var that = this
+    if (this.isShown && this.options.keyboard) {
+      $(document).on('keyup.dismiss.modal', function ( e ) {
+        e.which == 27 && that.hide()
+      })
+    } else if (!this.isShown) {
+      $(document).off('keyup.dismiss.modal')
+    }
+  }
+
+
+ /* MODAL PLUGIN DEFINITION
+  * ======================= */
+
+  $.fn.modal = function ( option ) {
+    return this.each(function () {
+      var $this = $(this)
+        , data = $this.data('modal')
+        , options = typeof option == 'object' && option
+      if (!data) $this.data('modal', (data = new Modal(this, options)))
+      if (typeof option == 'string') data[option]()
+      else data.show()
+    })
+  }
+
+  $.fn.modal.defaults = {
+      backdrop: true
+    , keyboard: true
+  }
+
+  $.fn.modal.Constructor = Modal
+
+
+ /* MODAL DATA-API
+  * ============== */
+
+  $(function () {
+    $('body').on('click.modal.data-api', '[data-toggle="modal"]', function ( e ) {
+      var $this = $(this), href
+        , $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
+        , option = $target.data('modal') ? 'toggle' : $.extend({}, $target.data(), $this.data())
+
+      e.preventDefault()
+      $target.modal(option)
+    })
+  })
+
+}( window.jQuery )
\ No newline at end of file
diff --git a/_static/clutch-ab-big-btn.png b/_static/clutch-ab-big-btn.png
new file mode 100644
index 0000000..af51903
Binary files /dev/null and b/_static/clutch-ab-big-btn.png differ
diff --git a/_static/clutch-fw-big-btn.png b/_static/clutch-fw-big-btn.png
new file mode 100644
index 0000000..36b2676
Binary files /dev/null and b/_static/clutch-fw-big-btn.png differ
diff --git a/_static/comment-bright.png b/_static/comment-bright.png
new file mode 100644
index 0000000..551517b
Binary files /dev/null and b/_static/comment-bright.png differ
diff --git a/_static/comment-close.png b/_static/comment-close.png
new file mode 100644
index 0000000..09b54be
Binary files /dev/null and b/_static/comment-close.png differ
diff --git a/_static/comment.png b/_static/comment.png
new file mode 100644
index 0000000..92feb52
Binary files /dev/null and b/_static/comment.png differ
diff --git a/_static/creating-app-ss.jpg b/_static/creating-app-ss.jpg
new file mode 100644
index 0000000..99495e0
Binary files /dev/null and b/_static/creating-app-ss.jpg differ
diff --git a/_static/doctools.js b/_static/doctools.js
new file mode 100644
index 0000000..d4619fd
--- /dev/null
+++ b/_static/doctools.js
@@ -0,0 +1,247 @@
+/*
+ * doctools.js
+ * ~~~~~~~~~~~
+ *
+ * Sphinx JavaScript utilities for all documentation.
+ *
+ * :copyright: Copyright 2007-2011 by the Sphinx team, see AUTHORS.
+ * :license: BSD, see LICENSE for details.
+ *
+ */
+
+/**
+ * select a different prefix for underscore
+ */
+$u = _.noConflict();
+
+/**
+ * make the code below compatible with browsers without
+ * an installed firebug like debugger
+if (!window.console || !console.firebug) {
+  var names = ["log", "debug", "info", "warn", "error", "assert", "dir",
+    "dirxml", "group", "groupEnd", "time", "timeEnd", "count", "trace",
+    "profile", "profileEnd"];
+  window.console = {};
+  for (var i = 0; i < names.length; ++i)
+    window.console[names[i]] = function() {};
+}
+ */
+
+/**
+ * small helper function to urldecode strings
+ */
+jQuery.urldecode = function(x) {
+  return decodeURIComponent(x).replace(/\+/g, ' ');
+}
+
+/**
+ * small helper function to urlencode strings
+ */
+jQuery.urlencode = encodeURIComponent;
+
+/**
+ * This function returns the parsed url parameters of the
+ * current request. Multiple values per key are supported,
+ * it will always return arrays of strings for the value parts.
+ */
+jQuery.getQueryParameters = function(s) {
+  if (typeof s == 'undefined')
+    s = document.location.search;
+  var parts = s.substr(s.indexOf('?') + 1).split('&');
+  var result = {};
+  for (var i = 0; i < parts.length; i++) {
+    var tmp = parts[i].split('=', 2);
+    var key = jQuery.urldecode(tmp[0]);
+    var value = jQuery.urldecode(tmp[1]);
+    if (key in result)
+      result[key].push(value);
+    else
+      result[key] = [value];
+  }
+  return result;
+};
+
+/**
+ * small function to check if an array contains
+ * a given item.
+ */
+jQuery.contains = function(arr, item) {
+  for (var i = 0; i < arr.length; i++) {
+    if (arr[i] == item)
+      return true;
+  }
+  return false;
+};
+
+/**
+ * highlight a given string on a jquery object by wrapping it in
+ * span elements with the given class name.
+ */
+jQuery.fn.highlightText = function(text, className) {
+  function highlight(node) {
+    if (node.nodeType == 3) {
+      var val = node.nodeValue;
+      var pos = val.toLowerCase().indexOf(text);
+      if (pos >= 0 && !jQuery(node.parentNode).hasClass(className)) {
+        var span = document.createElement("span");
+        span.className = className;
+        span.appendChild(document.createTextNode(val.substr(pos, text.length)));
+        node.parentNode.insertBefore(span, node.parentNode.insertBefore(
+          document.createTextNode(val.substr(pos + text.length)),
+          node.nextSibling));
+        node.nodeValue = val.substr(0, pos);
+      }
+    }
+    else if (!jQuery(node).is("button, select, textarea")) {
+      jQuery.each(node.childNodes, function() {
+        highlight(this);
+      });
+    }
+  }
+  return this.each(function() {
+    highlight(this);
+  });
+};
+
+/**
+ * Small JavaScript module for the documentation.
+ */
+var Documentation = {
+
+  init : function() {
+    this.fixFirefoxAnchorBug();
+    this.highlightSearchWords();
+    this.initIndexTable();
+  },
+
+  /**
+   * i18n support
+   */
+  TRANSLATIONS : {},
+  PLURAL_EXPR : function(n) { return n == 1 ? 0 : 1; },
+  LOCALE : 'unknown',
+
+  // gettext and ngettext don't access this so that the functions
+  // can safely bound to a different name (_ = Documentation.gettext)
+  gettext : function(string) {
+    var translated = Documentation.TRANSLATIONS[string];
+    if (typeof translated == 'undefined')
+      return string;
+    return (typeof translated == 'string') ? translated : translated[0];
+  },
+
+  ngettext : function(singular, plural, n) {
+    var translated = Documentation.TRANSLATIONS[singular];
+    if (typeof translated == 'undefined')
+      return (n == 1) ? singular : plural;
+    return translated[Documentation.PLURALEXPR(n)];
+  },
+
+  addTranslations : function(catalog) {
+    for (var key in catalog.messages)
+      this.TRANSLATIONS[key] = catalog.messages[key];
+    this.PLURAL_EXPR = new Function('n', 'return +(' + catalog.plural_expr + ')');
+    this.LOCALE = catalog.locale;
+  },
+
+  /**
+   * add context elements like header anchor links
+   */
+  addContextElements : function() {
+    $('div[id] > :header:first').each(function() {
+      $('<a class="headerlink">\u00B6</a>').
+      attr('href', '#' + this.id).
+      attr('title', _('Permalink to this headline')).
+      appendTo(this);
+    });
+    $('dt[id]').each(function() {
+      $('<a class="headerlink">\u00B6</a>').
+      attr('href', '#' + this.id).
+      attr('title', _('Permalink to this definition')).
+      appendTo(this);
+    });
+  },
+
+  /**
+   * workaround a firefox stupidity
+   */
+  fixFirefoxAnchorBug : function() {
+    if (document.location.hash && $.browser.mozilla)
+      window.setTimeout(function() {
+        document.location.href += '';
+      }, 10);
+  },
+
+  /**
+   * highlight the search words provided in the url in the text
+   */
+  highlightSearchWords : function() {
+    var params = $.getQueryParameters();
+    var terms = (params.highlight) ? params.highlight[0].split(/\s+/) : [];
+    if (terms.length) {
+      var body = $('div.body');
+      window.setTimeout(function() {
+        $.each(terms, function() {
+          body.highlightText(this.toLowerCase(), 'highlighted');
+        });
+      }, 10);
+      $('<p class="highlight-link"><a href="javascript:Documentation.' +
+        'hideSearchWords()">' + _('Hide Search Matches') + '</a></p>')
+          .appendTo($('#searchbox'));
+    }
+  },
+
+  /**
+   * init the domain index toggle buttons
+   */
+  initIndexTable : function() {
+    var togglers = $('img.toggler').click(function() {
+      var src = $(this).attr('src');
+      var idnum = $(this).attr('id').substr(7);
+      $('tr.cg-' + idnum).toggle();
+      if (src.substr(-9) == 'minus.png')
+        $(this).attr('src', src.substr(0, src.length-9) + 'plus.png');
+      else
+        $(this).attr('src', src.substr(0, src.length-8) + 'minus.png');
+    }).css('display', '');
+    if (DOCUMENTATION_OPTIONS.COLLAPSE_INDEX) {
+        togglers.click();
+    }
+  },
+
+  /**
+   * helper function to hide the search marks again
+   */
+  hideSearchWords : function() {
+    $('#searchbox .highlight-link').fadeOut(300);
+    $('span.highlighted').removeClass('highlighted');
+  },
+
+  /**
+   * make the url absolute
+   */
+  makeURL : function(relativeURL) {
+    return DOCUMENTATION_OPTIONS.URL_ROOT + '/' + relativeURL;
+  },
+
+  /**
+   * get the current relative url
+   */
+  getCurrentURL : function() {
+    var path = document.location.pathname;
+    var parts = path.split(/\//);
+    $.each(DOCUMENTATION_OPTIONS.URL_ROOT.split(/\//), function() {
+      if (this == '..')
+        parts.pop();
+    });
+    var url = parts.join('/');
+    return path.substring(url.lastIndexOf('/') + 1, path.length - 1);
+  }
+};
+
+// quick alias for translations
+_ = Documentation.gettext;
+
+$(document).ready(function() {
+  Documentation.init();
+});
diff --git a/_static/down-pressed.png b/_static/down-pressed.png
new file mode 100644
index 0000000..6f7ad78
Binary files /dev/null and b/_static/down-pressed.png differ
diff --git a/_static/down.png b/_static/down.png
new file mode 100644
index 0000000..3003a88
Binary files /dev/null and b/_static/down.png differ
diff --git a/_static/favicon.ico b/_static/favicon.ico
new file mode 100644
index 0000000..506fe1b
Binary files /dev/null and b/_static/favicon.ico differ
diff --git a/_static/file.png b/_static/file.png
new file mode 100644
index 0000000..d18082e
Binary files /dev/null and b/_static/file.png differ
diff --git a/_static/fonts/Sanchezblack.otf b/_static/fonts/Sanchezblack.otf
new file mode 100644
index 0000000..ebb7da2
Binary files /dev/null and b/_static/fonts/Sanchezblack.otf differ
diff --git a/_static/fonts/Sanchezbold.otf b/_static/fonts/Sanchezbold.otf
new file mode 100644
index 0000000..e3bf38a
Binary files /dev/null and b/_static/fonts/Sanchezbold.otf differ
diff --git a/_static/fonts/Sanchezextralight-ita.otf b/_static/fonts/Sanchezextralight-ita.otf
new file mode 100644
index 0000000..608e21b
Binary files /dev/null and b/_static/fonts/Sanchezextralight-ita.otf differ
diff --git a/_static/fonts/Sanchezextralight.otf b/_static/fonts/Sanchezextralight.otf
new file mode 100644
index 0000000..55e7047
Binary files /dev/null and b/_static/fonts/Sanchezextralight.otf differ
diff --git a/_static/fonts/Sanchezlight.otf b/_static/fonts/Sanchezlight.otf
new file mode 100644
index 0000000..f76c634
Binary files /dev/null and b/_static/fonts/Sanchezlight.otf differ
diff --git a/_static/fonts/Sanchezregular.otf b/_static/fonts/Sanchezregular.otf
new file mode 100644
index 0000000..8a9a6f4
Binary files /dev/null and b/_static/fonts/Sanchezregular.otf differ
diff --git a/_static/images/bkg/arrow-icon1.png b/_static/images/bkg/arrow-icon1.png
new file mode 100644
index 0000000..31e8a26
Binary files /dev/null and b/_static/images/bkg/arrow-icon1.png differ
diff --git a/_static/images/bkg/bkg1.jpg b/_static/images/bkg/bkg1.jpg
new file mode 100644
index 0000000..b76f1c7
Binary files /dev/null and b/_static/images/bkg/bkg1.jpg differ
diff --git a/_static/images/bkg/bkg2.png b/_static/images/bkg/bkg2.png
new file mode 100644
index 0000000..9d273c5
Binary files /dev/null and b/_static/images/bkg/bkg2.png differ
diff --git a/_static/images/bkg/content-bkg1.png b/_static/images/bkg/content-bkg1.png
new file mode 100644
index 0000000..017e84f
Binary files /dev/null and b/_static/images/bkg/content-bkg1.png differ
diff --git a/_static/images/bkg/date-tag.png b/_static/images/bkg/date-tag.png
new file mode 100644
index 0000000..6d186c1
Binary files /dev/null and b/_static/images/bkg/date-tag.png differ
diff --git a/_static/images/bkg/edge1.png b/_static/images/bkg/edge1.png
new file mode 100644
index 0000000..fae2ab6
Binary files /dev/null and b/_static/images/bkg/edge1.png differ
diff --git a/_static/images/bkg/edge2.png b/_static/images/bkg/edge2.png
new file mode 100644
index 0000000..ce35ef2
Binary files /dev/null and b/_static/images/bkg/edge2.png differ
diff --git a/_static/images/bkg/footer-bkg.jpg b/_static/images/bkg/footer-bkg.jpg
new file mode 100644
index 0000000..f3e64d4
Binary files /dev/null and b/_static/images/bkg/footer-bkg.jpg differ
diff --git a/_static/images/bkg/gears-icon1.png b/_static/images/bkg/gears-icon1.png
new file mode 100644
index 0000000..a6fc589
Binary files /dev/null and b/_static/images/bkg/gears-icon1.png differ
diff --git a/_static/images/bkg/gears-icon2.png b/_static/images/bkg/gears-icon2.png
new file mode 100644
index 0000000..736a478
Binary files /dev/null and b/_static/images/bkg/gears-icon2.png differ
diff --git a/_static/images/bkg/gears-icon3.png b/_static/images/bkg/gears-icon3.png
new file mode 100644
index 0000000..01f9bca
Binary files /dev/null and b/_static/images/bkg/gears-icon3.png differ
diff --git a/_static/images/bkg/header-bkg1.jpg b/_static/images/bkg/header-bkg1.jpg
new file mode 100644
index 0000000..c8dd3c8
Binary files /dev/null and b/_static/images/bkg/header-bkg1.jpg differ
diff --git a/_static/images/bkg/header-bkg2.jpg b/_static/images/bkg/header-bkg2.jpg
new file mode 100644
index 0000000..101370a
Binary files /dev/null and b/_static/images/bkg/header-bkg2.jpg differ
diff --git a/_static/images/bkg/header-bkg3.jpg b/_static/images/bkg/header-bkg3.jpg
new file mode 100644
index 0000000..ca6edff
Binary files /dev/null and b/_static/images/bkg/header-bkg3.jpg differ
diff --git a/_static/images/bkg/highlight1.png b/_static/images/bkg/highlight1.png
new file mode 100644
index 0000000..84ddc35
Binary files /dev/null and b/_static/images/bkg/highlight1.png differ
diff --git a/_static/images/bkg/highlight2.png b/_static/images/bkg/highlight2.png
new file mode 100644
index 0000000..3e88bac
Binary files /dev/null and b/_static/images/bkg/highlight2.png differ
diff --git a/_static/images/bkg/iphone-ss1.jpg b/_static/images/bkg/iphone-ss1.jpg
new file mode 100644
index 0000000..71e46fc
Binary files /dev/null and b/_static/images/bkg/iphone-ss1.jpg differ
diff --git a/_static/images/bkg/iphone-ss2.png b/_static/images/bkg/iphone-ss2.png
new file mode 100644
index 0000000..141ab09
Binary files /dev/null and b/_static/images/bkg/iphone-ss2.png differ
diff --git a/_static/images/bkg/main-nav-star.png b/_static/images/bkg/main-nav-star.png
new file mode 100644
index 0000000..9ae12b3
Binary files /dev/null and b/_static/images/bkg/main-nav-star.png differ
diff --git a/_static/images/bkg/nav-line.png b/_static/images/bkg/nav-line.png
new file mode 100644
index 0000000..fa9b0ee
Binary files /dev/null and b/_static/images/bkg/nav-line.png differ
diff --git a/_static/images/bkg/nav-line2.png b/_static/images/bkg/nav-line2.png
new file mode 100644
index 0000000..ccb4600
Binary files /dev/null and b/_static/images/bkg/nav-line2.png differ
diff --git a/_static/images/bkg/perma-tag.png b/_static/images/bkg/perma-tag.png
new file mode 100644
index 0000000..d4739ec
Binary files /dev/null and b/_static/images/bkg/perma-tag.png differ
diff --git a/_static/images/bkg/perma-tag2.png b/_static/images/bkg/perma-tag2.png
new file mode 100644
index 0000000..c84fc74
Binary files /dev/null and b/_static/images/bkg/perma-tag2.png differ
diff --git a/_static/images/bkg/phone-icon1.png b/_static/images/bkg/phone-icon1.png
new file mode 100644
index 0000000..ff828d3
Binary files /dev/null and b/_static/images/bkg/phone-icon1.png differ
diff --git a/_static/images/bkg/ribbon1.png b/_static/images/bkg/ribbon1.png
new file mode 100644
index 0000000..5cd36a8
Binary files /dev/null and b/_static/images/bkg/ribbon1.png differ
diff --git a/_static/images/bkg/ribbon2.png b/_static/images/bkg/ribbon2.png
new file mode 100644
index 0000000..2fd7ebc
Binary files /dev/null and b/_static/images/bkg/ribbon2.png differ
diff --git a/_static/images/bkg/title-line1.gif b/_static/images/bkg/title-line1.gif
new file mode 100644
index 0000000..cf699b4
Binary files /dev/null and b/_static/images/bkg/title-line1.gif differ
diff --git a/_static/images/bkg/trans-gears1.png b/_static/images/bkg/trans-gears1.png
new file mode 100644
index 0000000..539e17c
Binary files /dev/null and b/_static/images/bkg/trans-gears1.png differ
diff --git a/_static/images/bkg/welcome-bkg1.jpg b/_static/images/bkg/welcome-bkg1.jpg
new file mode 100644
index 0000000..69f8bfb
Binary files /dev/null and b/_static/images/bkg/welcome-bkg1.jpg differ
diff --git a/_static/images/btn/clutch-ab-big-btn.png b/_static/images/btn/clutch-ab-big-btn.png
new file mode 100644
index 0000000..af51903
Binary files /dev/null and b/_static/images/btn/clutch-ab-big-btn.png differ
diff --git a/_static/images/btn/clutch-fw-big-btn.png b/_static/images/btn/clutch-fw-big-btn.png
new file mode 100644
index 0000000..36b2676
Binary files /dev/null and b/_static/images/btn/clutch-fw-big-btn.png differ
diff --git a/_static/images/btn/download-icon.png b/_static/images/btn/download-icon.png
new file mode 100644
index 0000000..dcf9149
Binary files /dev/null and b/_static/images/btn/download-icon.png differ
diff --git a/_static/images/btn/logo1.png b/_static/images/btn/logo1.png
new file mode 100644
index 0000000..2d6f2e1
Binary files /dev/null and b/_static/images/btn/logo1.png differ
diff --git a/_static/images/btn/play-btn.png b/_static/images/btn/play-btn.png
new file mode 100644
index 0000000..0cee991
Binary files /dev/null and b/_static/images/btn/play-btn.png differ
diff --git a/_static/images/btn/video-thumb-01.jpg b/_static/images/btn/video-thumb-01.jpg
new file mode 100644
index 0000000..27051d4
Binary files /dev/null and b/_static/images/btn/video-thumb-01.jpg differ
diff --git a/_static/images/btn/video-thumb-02.jpg b/_static/images/btn/video-thumb-02.jpg
new file mode 100644
index 0000000..263a4aa
Binary files /dev/null and b/_static/images/btn/video-thumb-02.jpg differ
diff --git a/_static/images/btn/video-thumb-03.jpg b/_static/images/btn/video-thumb-03.jpg
new file mode 100644
index 0000000..3882d87
Binary files /dev/null and b/_static/images/btn/video-thumb-03.jpg differ
diff --git a/_static/images/eflo.png b/_static/images/eflo.png
new file mode 100644
index 0000000..4bb8df6
Binary files /dev/null and b/_static/images/eflo.png differ
diff --git a/_static/images/emag.png b/_static/images/emag.png
new file mode 100644
index 0000000..26cd88b
Binary files /dev/null and b/_static/images/emag.png differ
diff --git a/_static/imgs_114.png b/_static/imgs_114.png
new file mode 100644
index 0000000..53ea5f8
Binary files /dev/null and b/_static/imgs_114.png differ
diff --git a/_static/jquery.js b/_static/jquery.js
new file mode 100644
index 0000000..ee02337
--- /dev/null
+++ b/_static/jquery.js
@@ -0,0 +1,4 @@
+/*! jQuery v1.7.1 jquery.com | jquery.org/license */
+(function(a,b){function cy(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cv(a){if(!ck[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){cl||(cl=c.createElement("iframe"),cl.frameBorder=cl.width=cl.height=0),b.appendChild(cl);if(!cm||!cl.createElement)cm=(cl.contentWindow||cl.contentDocument).document,cm.write((c.compatMode==="CSS1Compat"?"<!doctype html>":"")+"<html><body>"),cm.close();d=cm.createElement(a),cm.body.appendChild(d),e=f.css(d,"display"),b.removeChild(cl)}ck[a]=e}return ck[a]}function cu(a,b){var c={};f.each(cq.concat.apply([],cq.slice(0,b)),function(){c[this]=a});return c}function ct(){cr=b}function cs(){setTimeout(ct,0);return cr=f.now()}function cj(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ci(){try{return new a.XMLHttpRequest}catch(b){}}function cc(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g<i;g++){if(g===1)for(h in a.converters)typeof h=="string"&&(e[h.toLowerCase()]=a.converters[h]);l=k,k=d[g];if(k==="*")k=l;else if(l!=="*"&&l!==k){m=l+" "+k,n=e[m]||e["* "+k];if(!n){p=b;for(o in e){j=o.split(" ");if(j[0]===l||j[0]==="*"){p=e[j[1]+" "+k];if(p){o=e[o],o===!0?n=p:p===!0&&(n=o);break}}}}!n&&!p&&f.error("No conversion from "+m.replace(" "," to ")),n!==!0&&(c=n?n(c):p(o(c)))}}return c}function cb(a,c,d){var e=a.contents,f=a.dataTypes,g=a.responseFields,h,i,j,k;for(i in g)i in d&&(c[g[i]]=d[i]);while(f[0]==="*")f.shift(),h===b&&(h=a.mimeType||c.getResponseHeader("content-type"));if(h)for(i in e)if(e[i]&&e[i].test(h)){f.unshift(i);break}if(f[0]in d)j=f[0];else{for(i in d){if(!f[0]||a.converters[i+" "+f[0]]){j=i;break}k||(k=i)}j=j||k}if(j){j!==f[0]&&f.unshift(j);return d[j]}}function ca(a,b,c,d){if(f.isArray(b))f.each(b,function(b,e){c||bE.test(a)?d(a,e):ca(a+"["+(typeof e=="object"||f.isArray(e)?b:"")+"]",e,c,d)});else if(!c&&b!=null&&typeof b=="object")for(var e in b)ca(a+"["+e+"]",b[e],c,d);else d(a,b)}function b_(a,c){var d,e,g=f.ajaxSettings.flatOptions||{};for(d in c)c[d]!==b&&((g[d]?a:e||(e={}))[d]=c[d]);e&&f.extend(!0,a,e)}function b$(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;var h=a[f],i=0,j=h?h.length:0,k=a===bT,l;for(;i<j&&(k||!l);i++)l=h[i](c,d,e),typeof l=="string"&&(!k||g[l]?l=b:(c.dataTypes.unshift(l),l=b$(a,c,d,e,l,g)));(k||!l)&&!g["*"]&&(l=b$(a,c,d,e,"*",g));return l}function bZ(a){return function(b,c){typeof b!="string"&&(c=b,b="*");if(f.isFunction(c)){var d=b.toLowerCase().split(bP),e=0,g=d.length,h,i,j;for(;e<g;e++)h=d[e],j=/^\+/.test(h),j&&(h=h.substr(1)||"*"),i=a[h]=a[h]||[],i[j?"unshift":"push"](c)}}}function bC(a,b,c){var d=b==="width"?a.offsetWidth:a.offsetHeight,e=b==="width"?bx:by,g=0,h=e.length;if(d>0){if(c!=="border")for(;g<h;g++)c||(d-=parseFloat(f.css(a,"padding"+e[g]))||0),c==="margin"?d+=parseFloat(f.css(a,c+e[g]))||0:d-=parseFloat(f.css(a,"border"+e[g]+"Width"))||0;return d+"px"}d=bz(a,b,b);if(d<0||d==null)d=a.style[b]||0;d=parseFloat(d)||0;if(c)for(;g<h;g++)d+=parseFloat(f.css(a,"padding"+e[g]))||0,c!=="padding"&&(d+=parseFloat(f.css(a,"border"+e[g]+"Width"))||0),c==="margin"&&(d+=parseFloat(f.css(a,c+e[g]))||0);return d+"px"}function bp(a,b){b.src?f.ajax({url:b.src,async:!1,dataType:"script"}):f.globalEval((b.text||b.textContent||b.innerHTML||"").replace(bf,"/*$0*/")),b.parentNode&&b.parentNode.removeChild(b)}function bo(a){var b=c.createElement("div");bh.appendChild(b),b.innerHTML=a.outerHTML;return b.firstChild}function bn(a){var b=(a.nodeName||"").toLowerCase();b==="input"?bm(a):b!=="script"&&typeof a.getElementsByTagName!="undefined"&&f.grep(a.getElementsByTagName("input"),bm)}function bm(a){if(a.type==="checkbox"||a.type==="radio")a.defaultChecked=a.checked}function bl(a){return typeof a.getElementsByTagName!="undefined"?a.getElementsByTagName("*"):typeof a.querySelectorAll!="undefined"?a.querySelectorAll("*"):[]}function bk(a,b){var c;if(b.nodeType===1){b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase();if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&a.type!=="radio"){if(c==="option")b.selected=a.defaultSelected;else if(c==="input"||c==="textarea")b.defaultValue=a.defaultValue}else a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value);b.removeAttribute(f.expando)}}function bj(a,b){if(b.nodeType===1&&!!f.hasData(a)){var c,d,e,g=f._data(a),h=f._data(b,g),i=g.events;if(i){delete h.handle,h.events={};for(c in i)for(d=0,e=i[c].length;d<e;d++)f.event.add(b,c+(i[c][d].namespace?".":"")+i[c][d].namespace,i[c][d],i[c][d].data)}h.data&&(h.data=f.extend({},h.data))}}function bi(a,b){return f.nodeName(a,"table")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function U(a){var b=V.split("|"),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}function T(a,b,c){b=b||0;if(f.isFunction(b))return f.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return f.grep(a,function(a,d){return a===b===c});if(typeof b=="string"){var d=f.grep(a,function(a){return a.nodeType===1});if(O.test(b))return f.filter(b,d,!c);b=f.filter(b,d)}return f.grep(a,function(a,d){return f.inArray(a,b)>=0===c})}function S(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function K(){return!0}function J(){return!1}function n(a,b,c){var d=b+"defer",e=b+"queue",g=b+"mark",h=f._data(a,d);h&&(c==="queue"||!f._data(a,e))&&(c==="mark"||!f._data(a,g))&&setTimeout(function(){!f._data(a,e)&&!f._data(a,g)&&(f.removeData(a,d,!0),h.fire())},0)}function m(a){for(var b in a){if(b==="data"&&f.isEmptyObject(a[b]))continue;if(b!=="toJSON")return!1}return!0}function l(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(k,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNumeric(d)?parseFloat(d):j.test(d)?f.parseJSON(d):d}catch(g){}f.data(a,c,d)}else d=b}return d}function h(a){var b=g[a]={},c,d;a=a.split(/\s+/);for(c=0,d=a.length;c<d;c++)b[a[c]]=!0;return b}var c=a.document,d=a.navigator,e=a.location,f=function(){function J(){if(!e.isReady){try{c.documentElement.doScroll("left")}catch(a){setTimeout(J,1);return}e.ready()}}var e=function(a,b){return new e.fn.init(a,b,h)},f=a.jQuery,g=a.$,h,i=/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,n=/^[\],:{}\s]*$/,o=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,p=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,q=/(?:^|:|,)(?:\s*\[)+/g,r=/(webkit)[ \/]([\w.]+)/,s=/(opera)(?:.*version)?[ \/]([\w.]+)/,t=/(msie) ([\w.]+)/,u=/(mozilla)(?:.*? rv:([\w.]+))?/,v=/-([a-z]|[0-9])/ig,w=/^-ms-/,x=function(a,b){return(b+"").toUpperCase()},y=d.userAgent,z,A,B,C=Object.prototype.toString,D=Object.prototype.hasOwnProperty,E=Array.prototype.push,F=Array.prototype.slice,G=String.prototype.trim,H=Array.prototype.indexOf,I={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=m.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.7.1",length:0,size:function(){return this.length},toArray:function(){return F.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?E.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),A.add(a);return this},eq:function(a){a=+a;return a===-1?this.slice(a):this.slice(a,a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(F.apply(this,arguments),"slice",F.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:E,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j<k;j++)if((a=arguments[j])!=null)for(c in a){d=i[c],f=a[c];if(i===f)continue;l&&f&&(e.isPlainObject(f)||(g=e.isArray(f)))?(g?(g=!1,h=d&&e.isArray(d)?d:[]):h=d&&e.isPlainObject(d)?d:{},i[c]=e.extend(l,h,f)):f!==b&&(i[c]=f)}return i},e.extend({noConflict:function(b){a.$===e&&(a.$=g),b&&a.jQuery===e&&(a.jQuery=f);return e},isReady:!1,readyWait:1,holdReady:function(a){a?e.readyWait++:e.ready(!0)},ready:function(a){if(a===!0&&!--e.readyWait||a!==!0&&!e.isReady){if(!c.body)return setTimeout(e.ready,1);e.isReady=!0;if(a!==!0&&--e.readyWait>0)return;A.fireWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").off("ready")}},bindReady:function(){if(!A){A=e.Callbacks("once memory");if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",B,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",B),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&J()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a&&typeof a=="object"&&"setInterval"in a},isNumeric:function(a){return!isNaN(parseFloat(a))&&isFinite(a)},type:function(a){return a==null?String(a):I[C.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;try{if(a.constructor&&!D.call(a,"constructor")&&!D.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||D.call(a,d)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw new Error(a)},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(n.test(b.replace(o,"@").replace(p,"]").replace(q,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(c){var d,f;try{a.DOMParser?(f=new DOMParser,d=f.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(g){d=b}(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&e.error("Invalid XML: "+c);return d},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(w,"ms-").replace(v,x)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g<h;)if(c.apply(a[g++],d)===!1)break}else if(i){for(f in a)if(c.call(a[f],f,a[f])===!1)break}else for(;g<h;)if(c.call(a[g],g,a[g++])===!1)break;return a},trim:G?function(a){return a==null?"":G.call(a)}:function(a){return a==null?"":(a+"").replace(k,"").replace(l,"")},makeArray:function(a,b){var c=b||[];if(a!=null){var d=e.type(a);a.length==null||d==="string"||d==="function"||d==="regexp"||e.isWindow(a)?E.call(c,a):e.merge(c,a)}return c},inArray:function(a,b,c){var d;if(b){if(H)return H.call(b,a,c);d=b.length,c=c?c<0?Math.max(0,d+c):c:0;for(;c<d;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,c){var d=a.length,e=0;if(typeof c.length=="number")for(var f=c.length;e<f;e++)a[d++]=c[e];else while(c[e]!==b)a[d++]=c[e++];a.length=d;return a},grep:function(a,b,c){var d=[],e;c=!!c;for(var f=0,g=a.length;f<g;f++)e=!!b(a[f],f),c!==e&&d.push(a[f]);return d},map:function(a,c,d){var f,g,h=[],i=0,j=a.length,k=a instanceof e||j!==b&&typeof j=="number"&&(j>0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i<j;i++)f=c(a[i],i,d),f!=null&&(h[h.length]=f);else for(g in a)f=c(a[g],g,d),f!=null&&(h[h.length]=f);return h.concat.apply([],h)},guid:1,proxy:function(a,c){if(typeof c=="string"){var d=a[c];c=a,a=d}if(!e.isFunction(a))return b;var f=F.call(arguments,2),g=function(){return a.apply(c,f.concat(F.call(arguments)))};g.guid=a.guid=a.guid||g.guid||e.guid++;return g},access:function(a,c,d,f,g,h){var i=a.length;if(typeof c=="object"){for(var j in c)e.access(a,j,c[j],f,g,d);return a}if(d!==b){f=!h&&f&&e.isFunction(d);for(var k=0;k<i;k++)g(a[k],c,f?d.call(a[k],k,g(a[k],c)):d,h);return a}return i?g(a[0],c):b},now:function(){return(new Date).getTime()},uaMatch:function(a){a=a.toLowerCase();var b=r.exec(a)||s.exec(a)||t.exec(a)||a.indexOf("compatible")<0&&u.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},sub:function(){function a(b,c){return new a.fn.init(b,c)}e.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.sub=this.sub,a.fn.init=function(d,f){f&&f instanceof e&&!(f instanceof a)&&(f=a(f));return e.fn.init.call(this,d,f,b)},a.fn.init.prototype=a.fn;var b=a(c);return a},browser:{}}),e.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(a,b){I["[object "+b+"]"]=b.toLowerCase()}),z=e.uaMatch(y),z.browser&&(e.browser[z.browser]=!0,e.browser.version=z.version),e.browser.webkit&&(e.browser.safari=!0),j.test(" ")&&(k=/^[\s\xA0]+/,l=/[\s\xA0]+$/),h=e(c),c.addEventListener?B=function(){c.removeEventListener("DOMContentLoaded",B,!1),e.ready()}:c.attachEvent&&(B=function(){c.readyState==="complete"&&(c.detachEvent("onreadystatechange",B),e.ready())});return e}(),g={};f.Callbacks=function(a){a=a?g[a]||h(a):{};var c=[],d=[],e,i,j,k,l,m=function(b){var d,e,g,h,i;for(d=0,e=b.length;d<e;d++)g=b[d],h=f.type(g),h==="array"?m(g):h==="function"&&(!a.unique||!o.has(g))&&c.push(g)},n=function(b,f){f=f||[],e=!a.memory||[b,f],i=!0,l=j||0,j=0,k=c.length;for(;c&&l<k;l++)if(c[l].apply(b,f)===!1&&a.stopOnFalse){e=!0;break}i=!1,c&&(a.once?e===!0?o.disable():c=[]:d&&d.length&&(e=d.shift(),o.fireWith(e[0],e[1])))},o={add:function(){if(c){var a=c.length;m(arguments),i?k=c.length:e&&e!==!0&&(j=a,n(e[0],e[1]))}return this},remove:function(){if(c){var b=arguments,d=0,e=b.length;for(;d<e;d++)for(var f=0;f<c.length;f++)if(b[d]===c[f]){i&&f<=k&&(k--,f<=l&&l--),c.splice(f--,1);if(a.unique)break}}return this},has:function(a){if(c){var b=0,d=c.length;for(;b<d;b++)if(a===c[b])return!0}return!1},empty:function(){c=[];return this},disable:function(){c=d=e=b;return this},disabled:function(){return!c},lock:function(){d=b,(!e||e===!0)&&o.disable();return this},locked:function(){return!d},fireWith:function(b,c){d&&(i?a.once||d.push([b,c]):(!a.once||!e)&&n(b,c));return this},fire:function(){o.fireWith(this,arguments);return this},fired:function(){return!!e}};return o};var i=[].slice;f.extend({Deferred:function(a){var b=f.Callbacks("once memory"),c=f.Callbacks("once memory"),d=f.Callbacks("memory"),e="pending",g={resolve:b,reject:c,notify:d},h={done:b.add,fail:c.add,progress:d.add,state:function(){return e},isResolved:b.fired,isRejected:c.fired,then:function(a,b,c){i.done(a).fail(b).progress(c);return this},always:function(){i.done.apply(i,arguments).fail.apply(i,arguments);return this},pipe:function(a,b,c){return f.Deferred(function(d){f.each({done:[a,"resolve"],fail:[b,"reject"],progress:[c,"notify"]},function(a,b){var c=b[0],e=b[1],g;f.isFunction(c)?i[a](function(){g=c.apply(this,arguments),g&&f.isFunction(g.promise)?g.promise().then(d.resolve,d.reject,d.notify):d[e+"With"](this===i?d:this,[g])}):i[a](d[e])})}).promise()},promise:function(a){if(a==null)a=h;else for(var b in h)a[b]=h[b];return a}},i=h.promise({}),j;for(j in g)i[j]=g[j].fire,i[j+"With"]=g[j].fireWith;i.done(function(){e="resolved"},c.disable,d.lock).fail(function(){e="rejected"},b.disable,d.lock),a&&a.call(i,i);return i},when:function(a){function m(a){return function(b){e[a]=arguments.length>1?i.call(arguments,0):b,j.notifyWith(k,e)}}function l(a){return function(c){b[a]=arguments.length>1?i.call(arguments,0):c,--g||j.resolveWith(j,b)}}var b=i.call(arguments,0),c=0,d=b.length,e=Array(d),g=d,h=d,j=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred(),k=j.promise();if(d>1){for(;c<d;c++)b[c]&&b[c].promise&&f.isFunction(b[c].promise)?b[c].promise().then(l(c),j.reject,m(c)):--g;g||j.resolveWith(j,b)}else j!==a&&j.resolveWith(j,d?[a]:[]);return k}}),f.support=function(){var b,d,e,g,h,i,j,k,l,m,n,o,p,q=c.createElement("div"),r=c.documentElement;q.setAttribute("className","t"),q.innerHTML="   <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>",d=q.getElementsByTagName("*"),e=q.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=q.getElementsByTagName("input")[0],b={leadingWhitespace:q.firstChild.nodeType===3,tbody:!q.getElementsByTagName("tbody").length,htmlSerialize:!!q.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:q.className!=="t",enctype:!!c.createElement("form").enctype,html5Clone:c.createElement("nav").cloneNode(!0).outerHTML!=="<:nav></:nav>",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0},i.checked=!0,b.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,b.optDisabled=!h.disabled;try{delete q.test}catch(s){b.deleteExpando=!1}!q.addEventListener&&q.attachEvent&&q.fireEvent&&(q.attachEvent("onclick",function(){b.noCloneEvent=!1}),q.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),b.radioValue=i.value==="t",i.setAttribute("checked","checked"),q.appendChild(i),k=c.createDocumentFragment(),k.appendChild(q.lastChild),b.checkClone=k.cloneNode(!0).cloneNode(!0).lastChild.checked,b.appendChecked=i.checked,k.removeChild(i),k.appendChild(q),q.innerHTML="",a.getComputedStyle&&(j=c.createElement("div"),j.style.width="0",j.style.marginRight="0",q.style.width="2px",q.appendChild(j),b.reliableMarginRight=(parseInt((a.getComputedStyle(j,null)||{marginRight:0}).marginRight,10)||0)===0);if(q.attachEvent)for(o in{submit:1,change:1,focusin:1})n="on"+o,p=n in q,p||(q.setAttribute(n,"return;"),p=typeof q[n]=="function"),b[o+"Bubbles"]=p;k.removeChild(q),k=g=h=j=q=i=null,f(function(){var a,d,e,g,h,i,j,k,m,n,o,r=c.getElementsByTagName("body")[0];!r||(j=1,k="position:absolute;top:0;left:0;width:1px;height:1px;margin:0;",m="visibility:hidden;border:0;",n="style='"+k+"border:5px solid #000;padding:0;'",o="<div "+n+"><div></div></div>"+"<table "+n+" cellpadding='0' cellspacing='0'>"+"<tr><td></td></tr></table>",a=c.createElement("div"),a.style.cssText=m+"width:0;height:0;position:static;top:0;margin-top:"+j+"px",r.insertBefore(a,r.firstChild),q=c.createElement("div"),a.appendChild(q),q.innerHTML="<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>",l=q.getElementsByTagName("td"),p=l[0].offsetHeight===0,l[0].style.display="",l[1].style.display="none",b.reliableHiddenOffsets=p&&l[0].offsetHeight===0,q.innerHTML="",q.style.width=q.style.paddingLeft="1px",f.boxModel=b.boxModel=q.offsetWidth===2,typeof q.style.zoom!="undefined"&&(q.style.display="inline",q.style.zoom=1,b.inlineBlockNeedsLayout=q.offsetWidth===2,q.style.display="",q.innerHTML="<div style='width:4px;'></div>",b.shrinkWrapBlocks=q.offsetWidth!==2),q.style.cssText=k+m,q.innerHTML=o,d=q.firstChild,e=d.firstChild,h=d.nextSibling.firstChild.firstChild,i={doesNotAddBorder:e.offsetTop!==5,doesAddBorderForTableAndCells:h.offsetTop===5},e.style.position="fixed",e.style.top="20px",i.fixedPosition=e.offsetTop===20||e.offsetTop===15,e.style.position=e.style.top="",d.style.overflow="hidden",d.style.position="relative",i.subtractsBorderForOverflowNotVisible=e.offsetTop===-5,i.doesNotIncludeMarginInBodyOffset=r.offsetTop!==j,r.removeChild(a),q=a=null,f.extend(b,i))});return b}();var j=/^(?:\{.*\}|\[.*\])$/,k=/([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!m(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g,h,i,j=f.expando,k=typeof c=="string",l=a.nodeType,m=l?f.cache:a,n=l?a[j]:a[j]&&j,o=c==="events";if((!n||!m[n]||!o&&!e&&!m[n].data)&&k&&d===b)return;n||(l?a[j]=n=++f.uuid:n=j),m[n]||(m[n]={},l||(m[n].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?m[n]=f.extend(m[n],c):m[n].data=f.extend(m[n].data,c);g=h=m[n],e||(h.data||(h.data={}),h=h.data),d!==b&&(h[f.camelCase(c)]=d);if(o&&!h[c])return g.events;k?(i=h[c],i==null&&(i=h[f.camelCase(c)])):i=h;return i}},removeData:function(a,b,c){if(!!f.acceptData(a)){var d,e,g,h=f.expando,i=a.nodeType,j=i?f.cache:a,k=i?a[h]:h;if(!j[k])return;if(b){d=c?j[k]:j[k].data;if(d){f.isArray(b)||(b in d?b=[b]:(b=f.camelCase(b),b in d?b=[b]:b=b.split(" ")));for(e=0,g=b.length;e<g;e++)delete d[b[e]];if(!(c?m:f.isEmptyObject)(d))return}}if(!c){delete j[k].data;if(!m(j[k]))return}f.support.deleteExpando||!j.setInterval?delete j[k]:j[k]=null,i&&(f.support.deleteExpando?delete a[h]:a.removeAttribute?a.removeAttribute(h):a[h]=null)}},_data:function(a,b,c){return f.data(a,b,c,!0)},acceptData:function(a){if(a.nodeName){var b=f.noData[a.nodeName.toLowerCase()];if(b)return b!==!0&&a.getAttribute("classid")===b}return!0}}),f.fn.extend({data:function(a,c){var d,e,g,h=null;if(typeof a=="undefined"){if(this.length){h=f.data(this[0]);if(this[0].nodeType===1&&!f._data(this[0],"parsedAttrs")){e=this[0].attributes;for(var i=0,j=e.length;i<j;i++)g=e[i].name,g.indexOf("data-")===0&&(g=f.camelCase(g.substring(5)),l(this[0],g,h[g]));f._data(this[0],"parsedAttrs",!0)}}return h}if(typeof a=="object")return this.each(function(){f.data(this,a)});d=a.split("."),d[1]=d[1]?"."+d[1]:"";if(c===b){h=this.triggerHandler("getData"+d[1]+"!",[d[0]]),h===b&&this.length&&(h=f.data(this[0],a),h=l(this[0],a,h));return h===b&&d[1]?this.data(d[0]):h}return this.each(function(){var b=f(this),e=[d[0],c];b.triggerHandler("setData"+d[1]+"!",e),f.data(this,a,c),b.triggerHandler("changeData"+d[1]+"!",e)})},removeData:function(a){return this.each(function(){f.removeData(this,a)})}}),f.extend({_mark:function(a,b){a&&(b=(b||"fx")+"mark",f._data(a,b,(f._data(a,b)||0)+1))},_unmark:function(a,b,c){a!==!0&&(c=b,b=a,a=!1);if(b){c=c||"fx";var d=c+"mark",e=a?0:(f._data(b,d)||1)-1;e?f._data(b,d,e):(f.removeData(b,d,!0),n(b,c,"mark"))}},queue:function(a,b,c){var d;if(a){b=(b||"fx")+"queue",d=f._data(a,b),c&&(!d||f.isArray(c)?d=f._data(a,b,f.makeArray(c)):d.push(c));return d||[]}},dequeue:function(a,b){b=b||"fx";var c=f.queue(a,b),d=c.shift(),e={};d==="inprogress"&&(d=c.shift()),d&&(b==="fx"&&c.unshift("inprogress"),f._data(a,b+".run",e),d.call(a,function(){f.dequeue(a,b)},e)),c.length||(f.removeData(a,b+"queue "+b+".run",!0),n(a,b,"queue"))}}),f.fn.extend({queue:function(a,c){typeof a!="string"&&(c=a,a="fx");if(c===b)return f.queue(this[0],a);return this.each(function(){var b=f.queue(this,a,c);a==="fx"&&b[0]!=="inprogress"&&f.dequeue(this,a)})},dequeue:function(a){return this.each(function(){f.dequeue(this,a)})},delay:function(a,b){a=f.fx?f.fx.speeds[a]||a:a,b=b||"fx";return this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,c){function m(){--h||d.resolveWith(e,[e])}typeof a!="string"&&(c=a,a=b),a=a||"fx";var d=f.Deferred(),e=this,g=e.length,h=1,i=a+"defer",j=a+"queue",k=a+"mark",l;while(g--)if(l=f.data(e[g],i,b,!0)||(f.data(e[g],j,b,!0)||f.data(e[g],k,b,!0))&&f.data(e[g],i,f.Callbacks("once memory"),!0))h++,l.add(m);m();return d.promise()}});var o=/[\n\t\r]/g,p=/\s+/,q=/\r/g,r=/^(?:button|input)$/i,s=/^(?:button|input|object|select|textarea)$/i,t=/^a(?:rea)?$/i,u=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,v=f.support.getSetAttribute,w,x,y;f.fn.extend({attr:function(a,b){return f.access(this,a,b,!0,f.attr)},removeAttr:function(a){return this.each(function(){f.removeAttr(this,a)})},prop:function(a,b){return f.access(this,a,b,!0,f.prop)},removeProp:function(a){a=f.propFix[a]||a;return this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,g,h,i;if(f.isFunction(a))return this.each(function(b){f(this).addClass(a.call(this,b,this.className))});if(a&&typeof a=="string"){b=a.split(p);for(c=0,d=this.length;c<d;c++){e=this[c];if(e.nodeType===1)if(!e.className&&b.length===1)e.className=a;else{g=" "+e.className+" ";for(h=0,i=b.length;h<i;h++)~g.indexOf(" "+b[h]+" ")||(g+=b[h]+" ");e.className=f.trim(g)}}}return this},removeClass:function(a){var c,d,e,g,h,i,j;if(f.isFunction(a))return this.each(function(b){f(this).removeClass(a.call(this,b,this.className))});if(a&&typeof a=="string"||a===b){c=(a||"").split(p);for(d=0,e=this.length;d<e;d++){g=this[d];if(g.nodeType===1&&g.className)if(a){h=(" "+g.className+" ").replace(o," ");for(i=0,j=c.length;i<j;i++)h=h.replace(" "+c[i]+" "," ");g.className=f.trim(h)}else g.className=""}}return this},toggleClass:function(a,b){var c=typeof a,d=typeof b=="boolean";if(f.isFunction(a))return this.each(function(c){f(this).toggleClass(a.call(this,c,this.className,b),b)});return this.each(function(){if(c==="string"){var e,g=0,h=f(this),i=b,j=a.split(p);while(e=j[g++])i=d?i:!h.hasClass(e),h[i?"addClass":"removeClass"](e)}else if(c==="undefined"||c==="boolean")this.className&&f._data(this,"__className__",this.className),this.className=this.className||a===!1?"":f._data(this,"__className__")||""})},hasClass:function(a){var b=" "+a+" ",c=0,d=this.length;for(;c<d;c++)if(this[c].nodeType===1&&(" "+this[c].className+" ").replace(o," ").indexOf(b)>-1)return!0;return!1},val:function(a){var c,d,e,g=this[0];{if(!!arguments.length){e=f.isFunction(a);return this.each(function(d){var g=f(this),h;if(this.nodeType===1){e?h=a.call(this,d,g.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.nodeName.toLowerCase()]||f.valHooks[this.type];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}if(g){c=f.valHooks[g.nodeName.toLowerCase()]||f.valHooks[g.type];if(c&&"get"in c&&(d=c.get(g,"value"))!==b)return d;d=g.value;return typeof d=="string"?d.replace(q,""):d==null?"":d}}}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c,d,e,g=a.selectedIndex,h=[],i=a.options,j=a.type==="select-one";if(g<0)return null;c=j?g:0,d=j?g+1:i.length;for(;c<d;c++){e=i[c];if(e.selected&&(f.support.optDisabled?!e.disabled:e.getAttribute("disabled")===null)&&(!e.parentNode.disabled||!f.nodeName(e.parentNode,"optgroup"))){b=f(e).val();if(j)return b;h.push(b)}}if(j&&!h.length&&i.length)return f(i[g]).val();return h},set:function(a,b){var c=f.makeArray(b);f(a).find("option").each(function(){this.selected=f.inArray(f(this).val(),c)>=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attr:function(a,c,d,e){var g,h,i,j=a.nodeType;if(!!a&&j!==3&&j!==8&&j!==2){if(e&&c in f.attrFn)return f(a)[c](d);if(typeof a.getAttribute=="undefined")return f.prop(a,c,d);i=j!==1||!f.isXMLDoc(a),i&&(c=c.toLowerCase(),h=f.attrHooks[c]||(u.test(c)?x:w));if(d!==b){if(d===null){f.removeAttr(a,c);return}if(h&&"set"in h&&i&&(g=h.set(a,d,c))!==b)return g;a.setAttribute(c,""+d);return d}if(h&&"get"in h&&i&&(g=h.get(a,c))!==null)return g;g=a.getAttribute(c);return g===null?b:g}},removeAttr:function(a,b){var c,d,e,g,h=0;if(b&&a.nodeType===1){d=b.toLowerCase().split(p),g=d.length;for(;h<g;h++)e=d[h],e&&(c=f.propFix[e]||e,f.attr(a,e,""),a.removeAttribute(v?e:c),u.test(e)&&c in a&&(a[c]=!1))}},attrHooks:{type:{set:function(a,b){if(r.test(a.nodeName)&&a.parentNode)f.error("type property can't be changed");else if(!f.support.radioValue&&b==="radio"&&f.nodeName(a,"input")){var c=a.value;a.setAttribute("type",b),c&&(a.value=c);return b}}},value:{get:function(a,b){if(w&&f.nodeName(a,"button"))return w.get(a,b);return b in a?a.value:null},set:function(a,b,c){if(w&&f.nodeName(a,"button"))return w.set(a,b,c);a.value=b}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(a,c,d){var e,g,h,i=a.nodeType;if(!!a&&i!==3&&i!==8&&i!==2){h=i!==1||!f.isXMLDoc(a),h&&(c=f.propFix[c]||c,g=f.propHooks[c]);return d!==b?g&&"set"in g&&(e=g.set(a,d,c))!==b?e:a[c]=d:g&&"get"in g&&(e=g.get(a,c))!==null?e:a[c]}},propHooks:{tabIndex:{get:function(a){var c=a.getAttributeNode("tabindex");return c&&c.specified?parseInt(c.value,10):s.test(a.nodeName)||t.test(a.nodeName)&&a.href?0:b}}}}),f.attrHooks.tabindex=f.propHooks.tabIndex,x={get:function(a,c){var d,e=f.prop(a,c);return e===!0||typeof e!="boolean"&&(d=a.getAttributeNode(c))&&d.nodeValue!==!1?c.toLowerCase():b},set:function(a,b,c){var d;b===!1?f.removeAttr(a,c):(d=f.propFix[c]||c,d in a&&(a[d]=!0),a.setAttribute(c,c.toLowerCase()));return c}},v||(y={name:!0,id:!0},w=f.valHooks.button={get:function(a,c){var d;d=a.getAttributeNode(c);return d&&(y[c]?d.nodeValue!=="":d.specified)?d.nodeValue:b},set:function(a,b,d){var e=a.getAttributeNode(d);e||(e=c.createAttribute(d),a.setAttributeNode(e));return e.nodeValue=b+""}},f.attrHooks.tabindex.set=w.set,f.each(["width","height"],function(a,b){f.attrHooks[b]=f.extend(f.attrHooks[b],{set:function(a,c){if(c===""){a.setAttribute(b,"auto");return c}}})}),f.attrHooks.contenteditable={get:w.get,set:function(a,b,c){b===""&&(b="false"),w.set(a,b,c)}}),f.support.hrefNormalized||f.each(["href","src","width","height"],function(a,c){f.attrHooks[c]=f.extend(f.attrHooks[c],{get:function(a){var d=a.getAttribute(c,2);return d===null?b:d}})}),f.support.style||(f.attrHooks.style={get:function(a){return a.style.cssText.toLowerCase()||b},set:function(a,b){return a.style.cssText=""+b}}),f.support.optSelected||(f.propHooks.selected=f.extend(f.propHooks.selected,{get:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex);return null}})),f.support.enctype||(f.propFix.enctype="encoding"),f.support.checkOn||f.each(["radio","checkbox"],function(){f.valHooks[this]={get:function(a){return a.getAttribute("value")===null?"on":a.value}}}),f.each(["radio","checkbox"],function(){f.valHooks[this]=f.extend(f.valHooks[this],{set:function(a,b){if(f.isArray(b))return a.checked=f.inArray(f(a).val(),b)>=0}})});var z=/^(?:textarea|input|select)$/i,A=/^([^\.]*)?(?:\.(.+))?$/,B=/\bhover(\.\S+)?\b/,C=/^key/,D=/^(?:mouse|contextmenu)|click/,E=/^(?:focusinfocus|focusoutblur)$/,F=/^(\w*)(?:#([\w\-]+))?(?:\.([\w\-]+))?$/,G=function(a){var b=F.exec(a);b&&(b[1]=(b[1]||"").toLowerCase(),b[3]=b[3]&&new RegExp("(?:^|\\s)"+b[3]+"(?:\\s|$)"));return b},H=function(a,b){var c=a.attributes||{};return(!b[1]||a.nodeName.toLowerCase()===b[1])&&(!b[2]||(c.id||{}).value===b[2])&&(!b[3]||b[3].test((c["class"]||{}).value))},I=function(a){return f.event.special.hover?a:a.replace(B,"mouseenter$1 mouseleave$1")};
+f.event={add:function(a,c,d,e,g){var h,i,j,k,l,m,n,o,p,q,r,s;if(!(a.nodeType===3||a.nodeType===8||!c||!d||!(h=f._data(a)))){d.handler&&(p=d,d=p.handler),d.guid||(d.guid=f.guid++),j=h.events,j||(h.events=j={}),i=h.handle,i||(h.handle=i=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.dispatch.apply(i.elem,arguments):b},i.elem=a),c=f.trim(I(c)).split(" ");for(k=0;k<c.length;k++){l=A.exec(c[k])||[],m=l[1],n=(l[2]||"").split(".").sort(),s=f.event.special[m]||{},m=(g?s.delegateType:s.bindType)||m,s=f.event.special[m]||{},o=f.extend({type:m,origType:l[1],data:e,handler:d,guid:d.guid,selector:g,quick:G(g),namespace:n.join(".")},p),r=j[m];if(!r){r=j[m]=[],r.delegateCount=0;if(!s.setup||s.setup.call(a,e,n,i)===!1)a.addEventListener?a.addEventListener(m,i,!1):a.attachEvent&&a.attachEvent("on"+m,i)}s.add&&(s.add.call(a,o),o.handler.guid||(o.handler.guid=d.guid)),g?r.splice(r.delegateCount++,0,o):r.push(o),f.event.global[m]=!0}a=null}},global:{},remove:function(a,b,c,d,e){var g=f.hasData(a)&&f._data(a),h,i,j,k,l,m,n,o,p,q,r,s;if(!!g&&!!(o=g.events)){b=f.trim(I(b||"")).split(" ");for(h=0;h<b.length;h++){i=A.exec(b[h])||[],j=k=i[1],l=i[2];if(!j){for(j in o)f.event.remove(a,j+b[h],c,d,!0);continue}p=f.event.special[j]||{},j=(d?p.delegateType:p.bindType)||j,r=o[j]||[],m=r.length,l=l?new RegExp("(^|\\.)"+l.split(".").sort().join("\\.(?:.*\\.)?")+"(\\.|$)"):null;for(n=0;n<r.length;n++)s=r[n],(e||k===s.origType)&&(!c||c.guid===s.guid)&&(!l||l.test(s.namespace))&&(!d||d===s.selector||d==="**"&&s.selector)&&(r.splice(n--,1),s.selector&&r.delegateCount--,p.remove&&p.remove.call(a,s));r.length===0&&m!==r.length&&((!p.teardown||p.teardown.call(a,l)===!1)&&f.removeEvent(a,j,g.handle),delete o[j])}f.isEmptyObject(o)&&(q=g.handle,q&&(q.elem=null),f.removeData(a,["events","handle"],!0))}},customEvent:{getData:!0,setData:!0,changeData:!0},trigger:function(c,d,e,g){if(!e||e.nodeType!==3&&e.nodeType!==8){var h=c.type||c,i=[],j,k,l,m,n,o,p,q,r,s;if(E.test(h+f.event.triggered))return;h.indexOf("!")>=0&&(h=h.slice(0,-1),k=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.shift(),i.sort());if((!e||f.event.customEvent[h])&&!f.event.global[h])return;c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.isTrigger=!0,c.exclusive=k,c.namespace=i.join("."),c.namespace_re=c.namespace?new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)"):null,o=h.indexOf(":")<0?"on"+h:"";if(!e){j=f.cache;for(l in j)j[l].events&&j[l].events[h]&&f.event.trigger(c,d,j[l].handle.elem,!0);return}c.result=b,c.target||(c.target=e),d=d!=null?f.makeArray(d):[],d.unshift(c),p=f.event.special[h]||{};if(p.trigger&&p.trigger.apply(e,d)===!1)return;r=[[e,p.bindType||h]];if(!g&&!p.noBubble&&!f.isWindow(e)){s=p.delegateType||h,m=E.test(s+h)?e:e.parentNode,n=null;for(;m;m=m.parentNode)r.push([m,s]),n=m;n&&n===e.ownerDocument&&r.push([n.defaultView||n.parentWindow||a,s])}for(l=0;l<r.length&&!c.isPropagationStopped();l++)m=r[l][0],c.type=r[l][1],q=(f._data(m,"events")||{})[c.type]&&f._data(m,"handle"),q&&q.apply(m,d),q=o&&m[o],q&&f.acceptData(m)&&q.apply(m,d)===!1&&c.preventDefault();c.type=h,!g&&!c.isDefaultPrevented()&&(!p._default||p._default.apply(e.ownerDocument,d)===!1)&&(h!=="click"||!f.nodeName(e,"a"))&&f.acceptData(e)&&o&&e[h]&&(h!=="focus"&&h!=="blur"||c.target.offsetWidth!==0)&&!f.isWindow(e)&&(n=e[o],n&&(e[o]=null),f.event.triggered=h,e[h](),f.event.triggered=b,n&&(e[o]=n));return c.result}},dispatch:function(c){c=f.event.fix(c||a.event);var d=(f._data(this,"events")||{})[c.type]||[],e=d.delegateCount,g=[].slice.call(arguments,0),h=!c.exclusive&&!c.namespace,i=[],j,k,l,m,n,o,p,q,r,s,t;g[0]=c,c.delegateTarget=this;if(e&&!c.target.disabled&&(!c.button||c.type!=="click")){m=f(this),m.context=this.ownerDocument||this;for(l=c.target;l!=this;l=l.parentNode||this){o={},q=[],m[0]=l;for(j=0;j<e;j++)r=d[j],s=r.selector,o[s]===b&&(o[s]=r.quick?H(l,r.quick):m.is(s)),o[s]&&q.push(r);q.length&&i.push({elem:l,matches:q})}}d.length>e&&i.push({elem:this,matches:d.slice(e)});for(j=0;j<i.length&&!c.isPropagationStopped();j++){p=i[j],c.currentTarget=p.elem;for(k=0;k<p.matches.length&&!c.isImmediatePropagationStopped();k++){r=p.matches[k];if(h||!c.namespace&&!r.namespace||c.namespace_re&&c.namespace_re.test(r.namespace))c.data=r.data,c.handleObj=r,n=((f.event.special[r.origType]||{}).handle||r.handler).apply(p.elem,g),n!==b&&(c.result=n,n===!1&&(c.preventDefault(),c.stopPropagation()))}}return c.result},props:"attrChange attrName relatedNode srcElement altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){a.which==null&&(a.which=b.charCode!=null?b.charCode:b.keyCode);return a}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,d){var e,f,g,h=d.button,i=d.fromElement;a.pageX==null&&d.clientX!=null&&(e=a.target.ownerDocument||c,f=e.documentElement,g=e.body,a.pageX=d.clientX+(f&&f.scrollLeft||g&&g.scrollLeft||0)-(f&&f.clientLeft||g&&g.clientLeft||0),a.pageY=d.clientY+(f&&f.scrollTop||g&&g.scrollTop||0)-(f&&f.clientTop||g&&g.clientTop||0)),!a.relatedTarget&&i&&(a.relatedTarget=i===a.target?d.toElement:i),!a.which&&h!==b&&(a.which=h&1?1:h&2?3:h&4?2:0);return a}},fix:function(a){if(a[f.expando])return a;var d,e,g=a,h=f.event.fixHooks[a.type]||{},i=h.props?this.props.concat(h.props):this.props;a=f.Event(g);for(d=i.length;d;)e=i[--d],a[e]=g[e];a.target||(a.target=g.srcElement||c),a.target.nodeType===3&&(a.target=a.target.parentNode),a.metaKey===b&&(a.metaKey=a.ctrlKey);return h.filter?h.filter(a,g):a},special:{ready:{setup:f.bindReady},load:{noBubble:!0},focus:{delegateType:"focusin"},blur:{delegateType:"focusout"},beforeunload:{setup:function(a,b,c){f.isWindow(this)&&(this.onbeforeunload=c)},teardown:function(a,b){this.onbeforeunload===b&&(this.onbeforeunload=null)}}},simulate:function(a,b,c,d){var e=f.extend(new f.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?f.event.trigger(e,null,b):f.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},f.event.handle=f.event.dispatch,f.removeEvent=c.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){a.detachEvent&&a.detachEvent("on"+b,c)},f.Event=function(a,b){if(!(this instanceof f.Event))return new f.Event(a,b);a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||a.returnValue===!1||a.getPreventDefault&&a.getPreventDefault()?K:J):this.type=a,b&&f.extend(this,b),this.timeStamp=a&&a.timeStamp||f.now(),this[f.expando]=!0},f.Event.prototype={preventDefault:function(){this.isDefaultPrevented=K;var a=this.originalEvent;!a||(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){this.isPropagationStopped=K;var a=this.originalEvent;!a||(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=K,this.stopPropagation()},isDefaultPrevented:J,isPropagationStopped:J,isImmediatePropagationStopped:J},f.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){f.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c=this,d=a.relatedTarget,e=a.handleObj,g=e.selector,h;if(!d||d!==c&&!f.contains(c,d))a.type=e.origType,h=e.handler.apply(this,arguments),a.type=b;return h}}}),f.support.submitBubbles||(f.event.special.submit={setup:function(){if(f.nodeName(this,"form"))return!1;f.event.add(this,"click._submit keypress._submit",function(a){var c=a.target,d=f.nodeName(c,"input")||f.nodeName(c,"button")?c.form:b;d&&!d._submit_attached&&(f.event.add(d,"submit._submit",function(a){this.parentNode&&!a.isTrigger&&f.event.simulate("submit",this.parentNode,a,!0)}),d._submit_attached=!0)})},teardown:function(){if(f.nodeName(this,"form"))return!1;f.event.remove(this,"._submit")}}),f.support.changeBubbles||(f.event.special.change={setup:function(){if(z.test(this.nodeName)){if(this.type==="checkbox"||this.type==="radio")f.event.add(this,"propertychange._change",function(a){a.originalEvent.propertyName==="checked"&&(this._just_changed=!0)}),f.event.add(this,"click._change",function(a){this._just_changed&&!a.isTrigger&&(this._just_changed=!1,f.event.simulate("change",this,a,!0))});return!1}f.event.add(this,"beforeactivate._change",function(a){var b=a.target;z.test(b.nodeName)&&!b._change_attached&&(f.event.add(b,"change._change",function(a){this.parentNode&&!a.isSimulated&&!a.isTrigger&&f.event.simulate("change",this.parentNode,a,!0)}),b._change_attached=!0)})},handle:function(a){var b=a.target;if(this!==b||a.isSimulated||a.isTrigger||b.type!=="radio"&&b.type!=="checkbox")return a.handleObj.handler.apply(this,arguments)},teardown:function(){f.event.remove(this,"._change");return z.test(this.nodeName)}}),f.support.focusinBubbles||f.each({focus:"focusin",blur:"focusout"},function(a,b){var d=0,e=function(a){f.event.simulate(b,a.target,f.event.fix(a),!0)};f.event.special[b]={setup:function(){d++===0&&c.addEventListener(a,e,!0)},teardown:function(){--d===0&&c.removeEventListener(a,e,!0)}}}),f.fn.extend({on:function(a,c,d,e,g){var h,i;if(typeof a=="object"){typeof c!="string"&&(d=c,c=b);for(i in a)this.on(i,c,d,a[i],g);return this}d==null&&e==null?(e=c,d=c=b):e==null&&(typeof c=="string"?(e=d,d=b):(e=d,d=c,c=b));if(e===!1)e=J;else if(!e)return this;g===1&&(h=e,e=function(a){f().off(a);return h.apply(this,arguments)},e.guid=h.guid||(h.guid=f.guid++));return this.each(function(){f.event.add(this,a,e,d,c)})},one:function(a,b,c,d){return this.on.call(this,a,b,c,d,1)},off:function(a,c,d){if(a&&a.preventDefault&&a.handleObj){var e=a.handleObj;f(a.delegateTarget).off(e.namespace?e.type+"."+e.namespace:e.type,e.selector,e.handler);return this}if(typeof a=="object"){for(var g in a)this.off(g,c,a[g]);return this}if(c===!1||typeof c=="function")d=c,c=b;d===!1&&(d=J);return this.each(function(){f.event.remove(this,a,d,c)})},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},live:function(a,b,c){f(this.context).on(a,this.selector,b,c);return this},die:function(a,b){f(this.context).off(a,this.selector||"**",b);return this},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return arguments.length==1?this.off(a,"**"):this.off(b,a,c)},trigger:function(a,b){return this.each(function(){f.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0])return f.event.trigger(a,b,this[0],!0)},toggle:function(a){var b=arguments,c=a.guid||f.guid++,d=0,e=function(c){var e=(f._data(this,"lastToggle"+a.guid)||0)%d;f._data(this,"lastToggle"+a.guid,e+1),c.preventDefault();return b[e].apply(this,arguments)||!1};e.guid=c;while(d<b.length)b[d++].guid=c;return this.click(e)},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}}),f.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){f.fn[b]=function(a,c){c==null&&(c=a,a=null);return arguments.length>0?this.on(b,null,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0),C.test(b)&&(f.event.fixHooks[b]=f.event.keyHooks),D.test(b)&&(f.event.fixHooks[b]=f.event.mouseHooks)}),function(){function x(a,b,c,e,f,g){for(var h=0,i=e.length;h<i;h++){var j=e[h];if(j){var k=!1;j=j[a];while(j){if(j[d]===c){k=e[j.sizset];break}if(j.nodeType===1){g||(j[d]=c,j.sizset=h);if(typeof b!="string"){if(j===b){k=!0;break}}else if(m.filter(b,[j]).length>0){k=j;break}}j=j[a]}e[h]=k}}}function w(a,b,c,e,f,g){for(var h=0,i=e.length;h<i;h++){var j=e[h];if(j){var k=!1;j=j[a];while(j){if(j[d]===c){k=e[j.sizset];break}j.nodeType===1&&!g&&(j[d]=c,j.sizset=h);if(j.nodeName.toLowerCase()===b){k=j;break}j=j[a]}e[h]=k}}}var a=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d="sizcache"+(Math.random()+"").replace(".",""),e=0,g=Object.prototype.toString,h=!1,i=!0,j=/\\/g,k=/\r\n/g,l=/\W/;[0,0].sort(function(){i=!1;return 0});var m=function(b,d,e,f){e=e||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return e;var i,j,k,l,n,q,r,t,u=!0,v=m.isXML(d),w=[],x=b;do{a.exec(""),i=a.exec(x);if(i){x=i[3],w.push(i[1]);if(i[2]){l=i[3];break}}}while(i);if(w.length>1&&p.exec(b))if(w.length===2&&o.relative[w[0]])j=y(w[0]+w[1],d,f);else{j=o.relative[w[0]]?[d]:m(w.shift(),d);while(w.length)b=w.shift(),o.relative[b]&&(b+=w.shift()),j=y(b,j,f)}else{!f&&w.length>1&&d.nodeType===9&&!v&&o.match.ID.test(w[0])&&!o.match.ID.test(w[w.length-1])&&(n=m.find(w.shift(),d,v),d=n.expr?m.filter(n.expr,n.set)[0]:n.set[0]);if(d){n=f?{expr:w.pop(),set:s(f)}:m.find(w.pop(),w.length===1&&(w[0]==="~"||w[0]==="+")&&d.parentNode?d.parentNode:d,v),j=n.expr?m.filter(n.expr,n.set):n.set,w.length>0?k=s(j):u=!1;while(w.length)q=w.pop(),r=q,o.relative[q]?r=w.pop():q="",r==null&&(r=d),o.relative[q](k,r,v)}else k=w=[]}k||(k=j),k||m.error(q||b);if(g.call(k)==="[object Array]")if(!u)e.push.apply(e,k);else if(d&&d.nodeType===1)for(t=0;k[t]!=null;t++)k[t]&&(k[t]===!0||k[t].nodeType===1&&m.contains(d,k[t]))&&e.push(j[t]);else for(t=0;k[t]!=null;t++)k[t]&&k[t].nodeType===1&&e.push(j[t]);else s(k,e);l&&(m(l,h,e,f),m.uniqueSort(e));return e};m.uniqueSort=function(a){if(u){h=i,a.sort(u);if(h)for(var b=1;b<a.length;b++)a[b]===a[b-1]&&a.splice(b--,1)}return a},m.matches=function(a,b){return m(a,null,null,b)},m.matchesSelector=function(a,b){return m(b,null,null,[a]).length>0},m.find=function(a,b,c){var d,e,f,g,h,i;if(!a)return[];for(e=0,f=o.order.length;e<f;e++){h=o.order[e];if(g=o.leftMatch[h].exec(a)){i=g[1],g.splice(1,1);if(i.substr(i.length-1)!=="\\"){g[1]=(g[1]||"").replace(j,""),d=o.find[h](g,b,c);if(d!=null){a=a.replace(o.match[h],"");break}}}}d||(d=typeof b.getElementsByTagName!="undefined"?b.getElementsByTagName("*"):[]);return{set:d,expr:a}},m.filter=function(a,c,d,e){var f,g,h,i,j,k,l,n,p,q=a,r=[],s=c,t=c&&c[0]&&m.isXML(c[0]);while(a&&c.length){for(h in o.filter)if((f=o.leftMatch[h].exec(a))!=null&&f[2]){k=o.filter[h],l=f[1],g=!1,f.splice(1,1);if(l.substr(l.length-1)==="\\")continue;s===r&&(r=[]);if(o.preFilter[h]){f=o.preFilter[h](f,s,d,r,e,t);if(!f)g=i=!0;else if(f===!0)continue}if(f)for(n=0;(j=s[n])!=null;n++)j&&(i=k(j,f,n,s),p=e^i,d&&i!=null?p?g=!0:s[n]=!1:p&&(r.push(j),g=!0));if(i!==b){d||(s=r),a=a.replace(o.match[h],"");if(!g)return[];break}}if(a===q)if(g==null)m.error(a);else break;q=a}return s},m.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)};var n=m.getText=function(a){var b,c,d=a.nodeType,e="";if(d){if(d===1||d===9){if(typeof a.textContent=="string")return a.textContent;if(typeof a.innerText=="string")return a.innerText.replace(k,"");for(a=a.firstChild;a;a=a.nextSibling)e+=n(a)}else if(d===3||d===4)return a.nodeValue}else for(b=0;c=a[b];b++)c.nodeType!==8&&(e+=n(c));return e},o=m.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(a){return a.getAttribute("href")},type:function(a){return a.getAttribute("type")}},relative:{"+":function(a,b){var c=typeof b=="string",d=c&&!l.test(b),e=c&&!d;d&&(b=b.toLowerCase());for(var f=0,g=a.length,h;f<g;f++)if(h=a[f]){while((h=h.previousSibling)&&h.nodeType!==1);a[f]=e||h&&h.nodeName.toLowerCase()===b?h||!1:h===b}e&&m.filter(b,a,!0)},">":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!l.test(b)){b=b.toLowerCase();for(;e<f;e++){c=a[e];if(c){var g=c.parentNode;a[e]=g.nodeName.toLowerCase()===b?g:!1}}}else{for(;e<f;e++)c=a[e],c&&(a[e]=d?c.parentNode:c.parentNode===b);d&&m.filter(b,a,!0)}},"":function(a,b,c){var d,f=e++,g=x;typeof b=="string"&&!l.test(b)&&(b=b.toLowerCase(),d=b,g=w),g("parentNode",b,f,a,d,c)},"~":function(a,b,c){var d,f=e++,g=x;typeof b=="string"&&!l.test(b)&&(b=b.toLowerCase(),d=b,g=w),g("previousSibling",b,f,a,d,c)}},find:{ID:function(a,b,c){if(typeof b.getElementById!="undefined"&&!c){var d=b.getElementById(a[1]);return d&&d.parentNode?[d]:[]}},NAME:function(a,b){if(typeof b.getElementsByName!="undefined"){var c=[],d=b.getElementsByName(a[1]);for(var e=0,f=d.length;e<f;e++)d[e].getAttribute("name")===a[1]&&c.push(d[e]);return c.length===0?null:c}},TAG:function(a,b){if(typeof b.getElementsByTagName!="undefined")return b.getElementsByTagName(a[1])}},preFilter:{CLASS:function(a,b,c,d,e,f){a=" "+a[1].replace(j,"")+" ";if(f)return a;for(var g=0,h;(h=b[g])!=null;g++)h&&(e^(h.className&&(" "+h.className+" ").replace(/[\t\n\r]/g," ").indexOf(a)>=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(j,"")},TAG:function(a,b){return a[1].replace(j,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||m.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&m.error(a[0]);a[0]=e++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(j,"");!f&&o.attrMap[g]&&(a[1]=o.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(j,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=m(b[3],null,null,c);else{var g=m.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(o.match.POS.test(b[0])||o.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!m(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return b<c[3]-0},gt:function(a,b,c){return b>c[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=o.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||n([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h<i;h++)if(g[h]===a)return!1;return!0}m.error(e)},CHILD:function(a,b){var c,e,f,g,h,i,j,k=b[1],l=a;switch(k){case"only":case"first":while(l=l.previousSibling)if(l.nodeType===1)return!1;if(k==="first")return!0;l=a;case"last":while(l=l.nextSibling)if(l.nodeType===1)return!1;return!0;case"nth":c=b[2],e=b[3];if(c===1&&e===0)return!0;f=b[0],g=a.parentNode;if(g&&(g[d]!==f||!a.nodeIndex)){i=0;for(l=g.firstChild;l;l=l.nextSibling)l.nodeType===1&&(l.nodeIndex=++i);g[d]=f}j=a.nodeIndex-e;return c===0?j===0:j%c===0&&j/c>=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||!!a.nodeName&&a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=m.attr?m.attr(a,c):o.attrHandle[c]?o.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":!f&&m.attr?d!=null:f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=o.setFilters[e];if(f)return f(a,c,b,d)}}},p=o.match.POS,q=function(a,b){return"\\"+(b-0+1)};for(var r in o.match)o.match[r]=new RegExp(o.match[r].source+/(?![^\[]*\])(?![^\(]*\))/.source),o.leftMatch[r]=new RegExp(/(^(?:.|\r|\n)*?)/.source+o.match[r].source.replace(/\\(\d+)/g,q));var s=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(t){s=function(a,b){var c=0,d=b||[];if(g.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var e=a.length;c<e;c++)d.push(a[c]);else for(;a[c];c++)d.push(a[c]);return d}}var u,v;c.documentElement.compareDocumentPosition?u=function(a,b){if(a===b){h=!0;return 0}if(!a.compareDocumentPosition||!b.compareDocumentPosition)return a.compareDocumentPosition?-1:1;return a.compareDocumentPosition(b)&4?-1:1}:(u=function(a,b){if(a===b){h=!0;return 0}if(a.sourceIndex&&b.sourceIndex)return a.sourceIndex-b.sourceIndex;var c,d,e=[],f=[],g=a.parentNode,i=b.parentNode,j=g;if(g===i)return v(a,b);if(!g)return-1;if(!i)return 1;while(j)e.unshift(j),j=j.parentNode;j=i;while(j)f.unshift(j),j=j.parentNode;c=e.length,d=f.length;for(var k=0;k<c&&k<d;k++)if(e[k]!==f[k])return v(e[k],f[k]);return k===c?v(a,f[k],-1):v(e[k],b,1)},v=function(a,b,c){if(a===b)return c;var d=a.nextSibling;while(d){if(d===b)return-1;d=d.nextSibling}return 1}),function(){var a=c.createElement("div"),d="script"+(new Date).getTime(),e=c.documentElement;a.innerHTML="<a name='"+d+"'/>",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(o.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},o.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(o.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="<a href='#'></a>",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(o.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=m,b=c.createElement("div"),d="__sizzle__";b.innerHTML="<p class='TEST'></p>";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){m=function(b,e,f,g){e=e||c;if(!g&&!m.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return s(e.getElementsByTagName(b),f);if(h[2]&&o.find.CLASS&&e.getElementsByClassName)return s(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return s([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return s([],f);if(i.id===h[3])return s([i],f)}try{return s(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var k=e,l=e.getAttribute("id"),n=l||d,p=e.parentNode,q=/^\s*[+~]/.test(b);l?n=n.replace(/'/g,"\\$&"):e.setAttribute("id",n),q&&p&&(e=e.parentNode);try{if(!q||p)return s(e.querySelectorAll("[id='"+n+"'] "+b),f)}catch(r){}finally{l||k.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)m[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}m.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!m.isXML(a))try{if(e||!o.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return m(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="<div class='test e'></div><div class='test'></div>";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;o.order.splice(1,0,"CLASS"),o.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?m.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?m.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:m.contains=function(){return!1},m.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var y=function(a,b,c){var d,e=[],f="",g=b.nodeType?[b]:b;while(d=o.match.PSEUDO.exec(a))f+=d[0],a=a.replace(o.match.PSEUDO,"");a=o.relative[a]?a+"*":a;for(var h=0,i=g.length;h<i;h++)m(a,g[h],e,c);return m.filter(f,e)};m.attr=f.attr,m.selectors.attrMap={},f.find=m,f.expr=m.selectors,f.expr[":"]=f.expr.filters,f.unique=m.uniqueSort,f.text=m.getText,f.isXMLDoc=m.isXML,f.contains=m.contains}();var L=/Until$/,M=/^(?:parents|prevUntil|prevAll)/,N=/,/,O=/^.[^:#\[\.,]*$/,P=Array.prototype.slice,Q=f.expr.match.POS,R={children:!0,contents:!0,next:!0,prev:!0};f.fn.extend({find:function(a){var b=this,c,d;if(typeof a!="string")return f(a).filter(function(){for(c=0,d=b.length;c<d;c++)if(f.contains(b[c],this))return!0});var e=this.pushStack("","find",a),g,h,i;for(c=0,d=this.length;c<d;c++){g=e.length,f.find(a,this[c],e);if(c>0)for(h=g;h<e.length;h++)for(i=0;i<g;i++)if(e[i]===e[h]){e.splice(h--,1);break}}return e},has:function(a){var b=f(a);return this.filter(function(){for(var a=0,c=b.length;a<c;a++)if(f.contains(this,b[a]))return!0})},not:function(a){return this.pushStack(T(this,a,!1),"not",a)},filter:function(a){return this.pushStack(T(this,a,!0),"filter",a)},is:function(a){return!!a&&(typeof a=="string"?Q.test(a)?f(a,this.context).index(this[0])>=0:f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h=1;while(g&&g.ownerDocument&&g!==b){for(d=0;d<a.length;d++)f(g).is(a[d])&&c.push({selector:a[d],elem:g,level:h});g=g.parentNode,h++}return c}var i=Q.test(a)||typeof a!="string"?f(a,b||this.context):0;for(d=0,e=this.length;d<e;d++){g=this[d];while(g){if(i?i.index(g)>-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a)return this[0]&&this[0].parentNode?this.prevAll().length:-1;if(typeof a=="string")return f.inArray(this[0],f(a));return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(S(c[0])||S(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling(a.parentNode.firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c);L.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!R[a]?f.unique(e):e,(this.length>1||N.test(d))&&M.test(a)&&(e=e.reverse());return this.pushStack(e,a,P.call(arguments).join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var V="abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",W=/ jQuery\d+="(?:\d+|null)"/g,X=/^\s+/,Y=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Z=/<([\w:]+)/,$=/<tbody/i,_=/<|&#?\w+;/,ba=/<(?:script|style)/i,bb=/<(?:script|object|embed|option|style)/i,bc=new RegExp("<(?:"+V+")","i"),bd=/checked\s*(?:[^=]|=\s*.checked.)/i,be=/\/(java|ecma)script/i,bf=/^\s*<!(?:\[CDATA\[|\-\-)/,bg={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]},bh=U(c);bg.optgroup=bg.option,bg.tbody=bg.tfoot=bg.colgroup=bg.caption=bg.thead,bg.th=bg.td,f.support.htmlSerialize||(bg._default=[1,"div<div>","</div>"]),f.fn.extend({text:function(a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return f.text(this)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=f.isFunction(a);return this.each(function(c){f(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f.clean(arguments);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f.clean(arguments));return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function()
+{for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!bg[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1></$2>");try{for(var c=0,d=this.length;c<d;c++)this[c].nodeType===1&&(f.cleanData(this[c].getElementsByTagName("*")),this[c].innerHTML=a)}catch(e){this.empty().append(a)}}else f.isFunction(a)?this.each(function(b){var c=f(this);c.html(a.call(this,b,c.html()))}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&this[0].parentNode){if(f.isFunction(a))return this.each(function(b){var c=f(this),d=c.html();c.replaceWith(a.call(this,b,d))});typeof a!="string"&&(a=f(a).detach());return this.each(function(){var b=this.nextSibling,c=this.parentNode;f(this).remove(),b?f(b).before(a):f(c).append(a)})}return this.length?this.pushStack(f(f.isFunction(a)?a():a),"replaceWith",a):this},detach:function(a){return this.remove(a,!0)},domManip:function(a,c,d){var e,g,h,i,j=a[0],k=[];if(!f.support.checkClone&&arguments.length===3&&typeof j=="string"&&bd.test(j))return this.each(function(){f(this).domManip(a,c,d,!0)});if(f.isFunction(j))return this.each(function(e){var g=f(this);a[0]=j.call(this,e,c?g.html():b),g.domManip(a,c,d)});if(this[0]){i=j&&j.parentNode,f.support.parentNode&&i&&i.nodeType===11&&i.childNodes.length===this.length?e={fragment:i}:e=f.buildFragment(a,this,k),h=e.fragment,h.childNodes.length===1?g=h=h.firstChild:g=h.firstChild;if(g){c=c&&f.nodeName(g,"tr");for(var l=0,m=this.length,n=m-1;l<m;l++)d.call(c?bi(this[l],g):this[l],e.cacheable||m>1&&l<n?f.clone(h,!0,!0):h)}k.length&&f.each(k,bp)}return this}}),f.buildFragment=function(a,b,d){var e,g,h,i,j=a[0];b&&b[0]&&(i=b[0].ownerDocument||b[0]),i.createDocumentFragment||(i=c),a.length===1&&typeof j=="string"&&j.length<512&&i===c&&j.charAt(0)==="<"&&!bb.test(j)&&(f.support.checkClone||!bd.test(j))&&(f.support.html5Clone||!bc.test(j))&&(g=!0,h=f.fragments[j],h&&h!==1&&(e=h)),e||(e=i.createDocumentFragment(),f.clean(a,i,e,d)),g&&(f.fragments[j]=h?e:1);return{fragment:e,cacheable:g}},f.fragments={},f.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){f.fn[a]=function(c){var d=[],e=f(c),g=this.length===1&&this[0].parentNode;if(g&&g.nodeType===11&&g.childNodes.length===1&&e.length===1){e[b](this[0]);return this}for(var h=0,i=e.length;h<i;h++){var j=(h>0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d,e,g,h=f.support.html5Clone||!bc.test("<"+a.nodeName)?a.cloneNode(!0):bo(a);if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bk(a,h),d=bl(a),e=bl(h);for(g=0;d[g];++g)e[g]&&bk(d[g],e[g])}if(b){bj(a,h);if(c){d=bl(a),e=bl(h);for(g=0;d[g];++g)bj(d[g],e[g])}}d=e=null;return h},clean:function(a,b,d,e){var g;b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);var h=[],i;for(var j=0,k;(k=a[j])!=null;j++){typeof k=="number"&&(k+="");if(!k)continue;if(typeof k=="string")if(!_.test(k))k=b.createTextNode(k);else{k=k.replace(Y,"<$1></$2>");var l=(Z.exec(k)||["",""])[1].toLowerCase(),m=bg[l]||bg._default,n=m[0],o=b.createElement("div");b===c?bh.appendChild(o):U(b).appendChild(o),o.innerHTML=m[1]+k+m[2];while(n--)o=o.lastChild;if(!f.support.tbody){var p=$.test(k),q=l==="table"&&!p?o.firstChild&&o.firstChild.childNodes:m[1]==="<table>"&&!p?o.childNodes:[];for(i=q.length-1;i>=0;--i)f.nodeName(q[i],"tbody")&&!q[i].childNodes.length&&q[i].parentNode.removeChild(q[i])}!f.support.leadingWhitespace&&X.test(k)&&o.insertBefore(b.createTextNode(X.exec(k)[0]),o.firstChild),k=o.childNodes}var r;if(!f.support.appendChecked)if(k[0]&&typeof (r=k.length)=="number")for(i=0;i<r;i++)bn(k[i]);else bn(k);k.nodeType?h.push(k):h=f.merge(h,k)}if(d){g=function(a){return!a.type||be.test(a.type)};for(j=0;h[j];j++)if(e&&f.nodeName(h[j],"script")&&(!h[j].type||h[j].type.toLowerCase()==="text/javascript"))e.push(h[j].parentNode?h[j].parentNode.removeChild(h[j]):h[j]);else{if(h[j].nodeType===1){var s=f.grep(h[j].getElementsByTagName("script"),g);h.splice.apply(h,[j+1,0].concat(s))}d.appendChild(h[j])}}return h},cleanData:function(a){var b,c,d=f.cache,e=f.event.special,g=f.support.deleteExpando;for(var h=0,i;(i=a[h])!=null;h++){if(i.nodeName&&f.noData[i.nodeName.toLowerCase()])continue;c=i[f.expando];if(c){b=d[c];if(b&&b.events){for(var j in b.events)e[j]?f.event.remove(i,j):f.removeEvent(i,j,b.handle);b.handle&&(b.handle.elem=null)}g?delete i[f.expando]:i.removeAttribute&&i.removeAttribute(f.expando),delete d[c]}}}});var bq=/alpha\([^)]*\)/i,br=/opacity=([^)]*)/,bs=/([A-Z]|^ms)/g,bt=/^-?\d+(?:px)?$/i,bu=/^-?\d/,bv=/^([\-+])=([\-+.\de]+)/,bw={position:"absolute",visibility:"hidden",display:"block"},bx=["Left","Right"],by=["Top","Bottom"],bz,bA,bB;f.fn.css=function(a,c){if(arguments.length===2&&c===b)return this;return f.access(this,a,c,!0,function(a,c,d){return d!==b?f.style(a,c,d):f.css(a,c)})},f.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=bz(a,"opacity","opacity");return c===""?"1":c}return a.style.opacity}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":f.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!!a&&a.nodeType!==3&&a.nodeType!==8&&!!a.style){var g,h,i=f.camelCase(c),j=a.style,k=f.cssHooks[i];c=f.cssProps[i]||i;if(d===b){if(k&&"get"in k&&(g=k.get(a,!1,e))!==b)return g;return j[c]}h=typeof d,h==="string"&&(g=bv.exec(d))&&(d=+(g[1]+1)*+g[2]+parseFloat(f.css(a,c)),h="number");if(d==null||h==="number"&&isNaN(d))return;h==="number"&&!f.cssNumber[i]&&(d+="px");if(!k||!("set"in k)||(d=k.set(a,d))!==b)try{j[c]=d}catch(l){}}},css:function(a,c,d){var e,g;c=f.camelCase(c),g=f.cssHooks[c],c=f.cssProps[c]||c,c==="cssFloat"&&(c="float");if(g&&"get"in g&&(e=g.get(a,!0,d))!==b)return e;if(bz)return bz(a,c)},swap:function(a,b,c){var d={};for(var e in b)d[e]=a.style[e],a.style[e]=b[e];c.call(a);for(e in b)a.style[e]=d[e]}}),f.curCSS=f.css,f.each(["height","width"],function(a,b){f.cssHooks[b]={get:function(a,c,d){var e;if(c){if(a.offsetWidth!==0)return bC(a,b,d);f.swap(a,bw,function(){e=bC(a,b,d)});return e}},set:function(a,b){if(!bt.test(b))return b;b=parseFloat(b);if(b>=0)return b+"px"}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return br.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNumeric(b)?"alpha(opacity="+b*100+")":"",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bq,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bq.test(g)?g.replace(bq,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){var c;f.swap(a,{display:"inline-block"},function(){b?c=bz(a,"margin-right","marginRight"):c=a.style.marginRight});return c}})}),c.defaultView&&c.defaultView.getComputedStyle&&(bA=function(a,b){var c,d,e;b=b.replace(bs,"-$1").toLowerCase(),(d=a.ownerDocument.defaultView)&&(e=d.getComputedStyle(a,null))&&(c=e.getPropertyValue(b),c===""&&!f.contains(a.ownerDocument.documentElement,a)&&(c=f.style(a,b)));return c}),c.documentElement.currentStyle&&(bB=function(a,b){var c,d,e,f=a.currentStyle&&a.currentStyle[b],g=a.style;f===null&&g&&(e=g[b])&&(f=e),!bt.test(f)&&bu.test(f)&&(c=g.left,d=a.runtimeStyle&&a.runtimeStyle.left,d&&(a.runtimeStyle.left=a.currentStyle.left),g.left=b==="fontSize"?"1em":f||0,f=g.pixelLeft+"px",g.left=c,d&&(a.runtimeStyle.left=d));return f===""?"auto":f}),bz=bA||bB,f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style&&a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)});var bD=/%20/g,bE=/\[\]$/,bF=/\r?\n/g,bG=/#.*$/,bH=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bI=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bJ=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,bK=/^(?:GET|HEAD)$/,bL=/^\/\//,bM=/\?/,bN=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,bO=/^(?:select|textarea)/i,bP=/\s+/,bQ=/([?&])_=[^&]*/,bR=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bS=f.fn.load,bT={},bU={},bV,bW,bX=["*/"]+["*"];try{bV=e.href}catch(bY){bV=c.createElement("a"),bV.href="",bV=bV.href}bW=bR.exec(bV.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bS)return bS.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("<div>").append(c.replace(bN,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bO.test(this.nodeName)||bI.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bF,"\r\n")}}):{name:b.name,value:c.replace(bF,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.on(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?b_(a,f.ajaxSettings):(b=a,a=f.ajaxSettings),b_(a,b);return a},ajaxSettings:{url:bV,isLocal:bJ.test(bW[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":bX},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:bZ(bT),ajaxTransport:bZ(bU),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a>0?4:0;var o,r,u,w=c,x=l?cb(d,v,l):b,y,z;if(a>=200&&a<300||a===304){if(d.ifModified){if(y=v.getResponseHeader("Last-Modified"))f.lastModified[k]=y;if(z=v.getResponseHeader("Etag"))f.etag[k]=z}if(a===304)w="notmodified",o=!0;else try{r=cc(d,x),w="success",o=!0}catch(A){w="parsererror",u=A}}else{u=w;if(!w||a)w="error",a<0&&(a=0)}v.status=a,v.statusText=""+(c||w),o?h.resolveWith(e,[r,w,v]):h.rejectWith(e,[v,w,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.fireWith(e,[v,w]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f.Callbacks("once memory"),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bH.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.add,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bG,"").replace(bL,bW[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bP),d.crossDomain==null&&(r=bR.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bW[1]&&r[2]==bW[2]&&(r[3]||(r[1]==="http:"?80:443))==(bW[3]||(bW[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),b$(bT,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bK.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bM.test(d.url)?"&":"?")+d.data,delete d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bQ,"$1_="+x);d.url=y+(y===d.url?(bM.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", "+bX+"; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=b$(bU,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){if(s<2)w(-1,z);else throw z}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)ca(g,a[g],c,e);return d.join("&").replace(bD,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var cd=f.now(),ce=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+cd++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=b.contentType==="application/x-www-form-urlencoded"&&typeof b.data=="string";if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(ce.test(b.url)||e&&ce.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(ce,l),b.url===j&&(e&&(k=k.replace(ce,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var cf=a.ActiveXObject?function(){for(var a in ch)ch[a](0,1)}:!1,cg=0,ch;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ci()||cj()}:ci,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,cf&&delete ch[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n),m.text=h.responseText;try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cg,cf&&(ch||(ch={},f(a).unload(cf)),ch[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var ck={},cl,cm,cn=/^(?:toggle|show|hide)$/,co=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,cp,cq=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cr;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(cu("show",3),a,b,c);for(var g=0,h=this.length;g<h;g++)d=this[g],d.style&&(e=d.style.display,!f._data(d,"olddisplay")&&e==="none"&&(e=d.style.display=""),e===""&&f.css(d,"display")==="none"&&f._data(d,"olddisplay",cv(d.nodeName)));for(g=0;g<h;g++){d=this[g];if(d.style){e=d.style.display;if(e===""||e==="none")d.style.display=f._data(d,"olddisplay")||""}}return this},hide:function(a,b,c){if(a||a===0)return this.animate(cu("hide",3),a,b,c);var d,e,g=0,h=this.length;for(;g<h;g++)d=this[g],d.style&&(e=f.css(d,"display"),e!=="none"&&!f._data(d,"olddisplay")&&f._data(d,"olddisplay",e));for(g=0;g<h;g++)this[g].style&&(this[g].style.display="none");return this},_toggle:f.fn.toggle,toggle:function(a,b,c){var d=typeof a=="boolean";f.isFunction(a)&&f.isFunction(b)?this._toggle.apply(this,arguments):a==null||d?this.each(function(){var b=d?a:f(this).is(":hidden");f(this)[b?"show":"hide"]()}):this.animate(cu("toggle",3),a,b,c);return this},fadeTo:function(a,b,c,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){function g(){e.queue===!1&&f._mark(this);var b=f.extend({},e),c=this.nodeType===1,d=c&&f(this).is(":hidden"),g,h,i,j,k,l,m,n,o;b.animatedProperties={};for(i in a){g=f.camelCase(i),i!==g&&(a[g]=a[i],delete a[i]),h=a[g],f.isArray(h)?(b.animatedProperties[g]=h[1],h=a[g]=h[0]):b.animatedProperties[g]=b.specialEasing&&b.specialEasing[g]||b.easing||"swing";if(h==="hide"&&d||h==="show"&&!d)return b.complete.call(this);c&&(g==="height"||g==="width")&&(b.overflow=[this.style.overflow,this.style.overflowX,this.style.overflowY],f.css(this,"display")==="inline"&&f.css(this,"float")==="none"&&(!f.support.inlineBlockNeedsLayout||cv(this.nodeName)==="inline"?this.style.display="inline-block":this.style.zoom=1))}b.overflow!=null&&(this.style.overflow="hidden");for(i in a)j=new f.fx(this,b,i),h=a[i],cn.test(h)?(o=f._data(this,"toggle"+i)||(h==="toggle"?d?"show":"hide":0),o?(f._data(this,"toggle"+i,o==="show"?"hide":"show"),j[o]()):j[h]()):(k=co.exec(h),l=j.cur(),k?(m=parseFloat(k[2]),n=k[3]||(f.cssNumber[i]?"":"px"),n!=="px"&&(f.style(this,i,(m||1)+n),l=(m||1)/j.cur()*l,f.style(this,i,l+n)),k[1]&&(m=(k[1]==="-="?-1:1)*m+l),j.custom(l,m,n)):j.custom(l,h,""));return!0}var e=f.speed(b,c,d);if(f.isEmptyObject(a))return this.each(e.complete,[!1]);a=f.extend({},a);return e.queue===!1?this.each(g):this.queue(e.queue,g)},stop:function(a,c,d){typeof a!="string"&&(d=c,c=a,a=b),c&&a!==!1&&this.queue(a||"fx",[]);return this.each(function(){function h(a,b,c){var e=b[c];f.removeData(a,c,!0),e.stop(d)}var b,c=!1,e=f.timers,g=f._data(this);d||f._unmark(!0,this);if(a==null)for(b in g)g[b]&&g[b].stop&&b.indexOf(".run")===b.length-4&&h(this,g,b);else g[b=a+".run"]&&g[b].stop&&h(this,g,b);for(b=e.length;b--;)e[b].elem===this&&(a==null||e[b].queue===a)&&(d?e[b](!0):e[b].saveState(),c=!0,e.splice(b,1));(!d||!c)&&f.dequeue(this,a)})}}),f.each({slideDown:cu("show",1),slideUp:cu("hide",1),slideToggle:cu("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){f.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),f.extend({speed:function(a,b,c){var d=a&&typeof a=="object"?f.extend({},a):{complete:c||!c&&b||f.isFunction(a)&&a,duration:a,easing:c&&b||b&&!f.isFunction(b)&&b};d.duration=f.fx.off?0:typeof d.duration=="number"?d.duration:d.duration in f.fx.speeds?f.fx.speeds[d.duration]:f.fx.speeds._default;if(d.queue==null||d.queue===!0)d.queue="fx";d.old=d.complete,d.complete=function(a){f.isFunction(d.old)&&d.old.call(this),d.queue?f.dequeue(this,d.queue):a!==!1&&f._unmark(this)};return d},easing:{linear:function(a,b,c,d){return c+d*a},swing:function(a,b,c,d){return(-Math.cos(a*Math.PI)/2+.5)*d+c}},timers:[],fx:function(a,b,c){this.options=b,this.elem=a,this.prop=c,b.orig=b.orig||{}}}),f.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this),(f.fx.step[this.prop]||f.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a,b=f.css(this.elem,this.prop);return isNaN(a=parseFloat(b))?!b||b==="auto"?0:b:a},custom:function(a,c,d){function h(a){return e.step(a)}var e=this,g=f.fx;this.startTime=cr||cs(),this.end=c,this.now=this.start=a,this.pos=this.state=0,this.unit=d||this.unit||(f.cssNumber[this.prop]?"":"px"),h.queue=this.options.queue,h.elem=this.elem,h.saveState=function(){e.options.hide&&f._data(e.elem,"fxshow"+e.prop)===b&&f._data(e.elem,"fxshow"+e.prop,e.start)},h()&&f.timers.push(h)&&!cp&&(cp=setInterval(g.tick,g.interval))},show:function(){var a=f._data(this.elem,"fxshow"+this.prop);this.options.orig[this.prop]=a||f.style(this.elem,this.prop),this.options.show=!0,a!==b?this.custom(this.cur(),a):this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur()),f(this.elem).show()},hide:function(){this.options.orig[this.prop]=f._data(this.elem,"fxshow"+this.prop)||f.style(this.elem,this.prop),this.options.hide=!0,this.custom(this.cur(),0)},step:function(a){var b,c,d,e=cr||cs(),g=!0,h=this.elem,i=this.options;if(a||e>=i.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),i.animatedProperties[this.prop]=!0;for(b in i.animatedProperties)i.animatedProperties[b]!==!0&&(g=!1);if(g){i.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){h.style["overflow"+b]=i.overflow[a]}),i.hide&&f(h).hide();if(i.hide||i.show)for(b in i.animatedProperties)f.style(h,b,i.orig[b]),f.removeData(h,"fxshow"+b,!0),f.removeData(h,"toggle"+b,!0);d=i.complete,d&&(i.complete=!1,d.call(h))}return!1}i.duration==Infinity?this.now=e:(c=e-this.startTime,this.state=c/i.duration,this.pos=f.easing[i.animatedProperties[this.prop]](this.state,c,0,1,i.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){var a,b=f.timers,c=0;for(;c<b.length;c++)a=b[c],!a()&&b[c]===a&&b.splice(c--,1);b.length||f.fx.stop()},interval:13,stop:function(){clearInterval(cp),cp=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){f.style(a.elem,"opacity",a.now)},_default:function(a){a.elem.style&&a.elem.style[a.prop]!=null?a.elem.style[a.prop]=a.now+a.unit:a.elem[a.prop]=a.now}}}),f.each(["width","height"],function(a,b){f.fx.step[b]=function(a){f.style(a.elem,b,Math.max(0,a.now)+a.unit)}}),f.expr&&f.expr.filters&&(f.expr.filters.animated=function(a){return f.grep(f.timers,function(b){return a===b.elem}).length});var cw=/^t(?:able|d|h)$/i,cx=/^(?:body|html)$/i;"getBoundingClientRect"in c.documentElement?f.fn.offset=function(a){var b=this[0],c;if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);try{c=b.getBoundingClientRect()}catch(d){}var e=b.ownerDocument,g=e.documentElement;if(!c||!f.contains(g,b))return c?{top:c.top,left:c.left}:{top:0,left:0};var h=e.body,i=cy(e),j=g.clientTop||h.clientTop||0,k=g.clientLeft||h.clientLeft||0,l=i.pageYOffset||f.support.boxModel&&g.scrollTop||h.scrollTop,m=i.pageXOffset||f.support.boxModel&&g.scrollLeft||h.scrollLeft,n=c.top+l-j,o=c.left+m-k;return{top:n,left:o}}:f.fn.offset=function(a){var b=this[0];if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);var c,d=b.offsetParent,e=b,g=b.ownerDocument,h=g.documentElement,i=g.body,j=g.defaultView,k=j?j.getComputedStyle(b,null):b.currentStyle,l=b.offsetTop,m=b.offsetLeft;while((b=b.parentNode)&&b!==i&&b!==h){if(f.support.fixedPosition&&k.position==="fixed")break;c=j?j.getComputedStyle(b,null):b.currentStyle,l-=b.scrollTop,m-=b.scrollLeft,b===d&&(l+=b.offsetTop,m+=b.offsetLeft,f.support.doesNotAddBorder&&(!f.support.doesAddBorderForTableAndCells||!cw.test(b.nodeName))&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),e=d,d=b.offsetParent),f.support.subtractsBorderForOverflowNotVisible&&c.overflow!=="visible"&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),k=c}if(k.position==="relative"||k.position==="static")l+=i.offsetTop,m+=i.offsetLeft;f.support.fixedPosition&&k.position==="fixed"&&(l+=Math.max(h.scrollTop,i.scrollTop),m+=Math.max(h.scrollLeft,i.scrollLeft));return{top:l,left:m}},f.offset={bodyOffset:function(a){var b=a.offsetTop,c=a.offsetLeft;f.support.doesNotIncludeMarginInBodyOffset&&(b+=parseFloat(f.css(a,"marginTop"))||0,c+=parseFloat(f.css(a,"marginLeft"))||0);return{top:b,left:c}},setOffset:function(a,b,c){var d=f.css(a,"position");d==="static"&&(a.style.position="relative");var e=f(a),g=e.offset(),h=f.css(a,"top"),i=f.css(a,"left"),j=(d==="absolute"||d==="fixed")&&f.inArray("auto",[h,i])>-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=cx.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!cx.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each(["Left","Top"],function(a,c){var d="scroll"+c;f.fn[d]=function(c){var e,g;if(c===b){e=this[0];if(!e)return null;g=cy(e);return g?"pageXOffset"in g?g[a?"pageYOffset":"pageXOffset"]:f.support.boxModel&&g.document.documentElement[d]||g.document.body[d]:e[d]}return this.each(function(){g=cy(this),g?g.scrollTo(a?f(g).scrollLeft():c,a?c:f(g).scrollTop()):this[d]=c})}}),f.each(["Height","Width"],function(a,c){var d=c.toLowerCase();f.fn["inner"+c]=function(){var a=this[0];return a?a.style?parseFloat(f.css(a,d,"padding")):this[d]():null},f.fn["outer"+c]=function(a){var b=this[0];return b?b.style?parseFloat(f.css(b,d,a?"margin":"border")):this[d]():null},f.fn[d]=function(a){var e=this[0];if(!e)return a==null?null:this;if(f.isFunction(a))return this.each(function(b){var c=f(this);c[d](a.call(this,b,c[d]()))});if(f.isWindow(e)){var g=e.document.documentElement["client"+c],h=e.document.body;return e.document.compatMode==="CSS1Compat"&&g||h&&h["client"+c]||g}if(e.nodeType===9)return Math.max(e.documentElement["client"+c],e.body["scroll"+c],e.documentElement["scroll"+c],e.body["offset"+c],e.documentElement["offset"+c]);if(a===b){var i=f.css(e,d),j=parseFloat(i);return f.isNumeric(j)?j:i}return this.css(d,typeof a=="string"?a:a+"px")}}),a.jQuery=a.$=f,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return f})})(window);
\ No newline at end of file
diff --git a/_static/main.js b/_static/main.js
new file mode 100644
index 0000000..1aee7cd
--- /dev/null
+++ b/_static/main.js
@@ -0,0 +1,77 @@
+function setupClientDownloadLink() {
+    var elt = $('#command-line-client-download');
+    if(!elt.length) {
+        return;
+    }
+    var popup = $('#command-line-client-download-info');
+    var timeout = null;
+    function hoverIn(e) {
+        if(timeout) {
+            clearTimeout(timeout);
+        }
+        popup.slideDown(200);
+    }
+    function hoverOut(e) {
+        if(timeout) {
+            clearTimeout(timeout);
+        }
+        timeout = setTimeout(function() {
+            popup.slideUp(200);
+        }, 1000);
+    }
+    popup.hover(hoverIn, hoverOut);
+    elt.hover(hoverIn, hoverOut).click(function(e) {
+        return false;
+    });
+}
+
+jQuery.fn.highlight = function(pat, wrapName) {
+ function innerHighlight(node, pat) {
+  var skip = 0;
+  if (node.nodeType == 3) {
+   var pos = node.data.toUpperCase().indexOf(pat);
+   if (pos >= 0) {
+    var spannode = document.createElement('span');
+    spannode.className = wrapName;
+    var middlebit = node.splitText(pos);
+    var endbit = middlebit.splitText(pat.length);
+    var middleclone = middlebit.cloneNode(true);
+    spannode.appendChild(middleclone);
+    middlebit.parentNode.replaceChild(spannode, middlebit);
+    skip = 1;
+   }
+  }
+  else if (node.nodeType == 1 && node.childNodes && !/(script|style)/i.test(node.tagName)) {
+   for (var i = 0; i < node.childNodes.length; ++i) {
+    i += innerHighlight(node.childNodes[i], pat);
+   }
+  }
+  return skip;
+ }
+ return this.each(function() {
+  innerHighlight(this, pat.toUpperCase());
+ });
+};
+
+function setupAddingNewScreenTutorial() {
+    var elt = $('#adding-a-new-screen');
+    if(!elt.length) {
+        return;
+    }
+    var slugElt = $('#id_slug');
+    var nameElt = $('#id_name');
+    elt.highlight('$SLUG$', 'slug-wrap');
+    elt.highlight('$NAME$', 'name-wrap');
+    function update() {
+        $('.slug-wrap').text(slugElt.val());
+        $('.name-wrap').text(nameElt.val());
+    }
+    slugElt.keyup(update).change(update);
+    nameElt.keyup(update).change(update);
+    update();
+}
+
+$(function() {
+    setupClientDownloadLink();
+    setupAddingNewScreenTutorial();
+});
\ No newline at end of file
diff --git a/_static/minus.png b/_static/minus.png
new file mode 100644
index 0000000..da1c562
Binary files /dev/null and b/_static/minus.png differ
diff --git a/_static/play-btn.png b/_static/play-btn.png
new file mode 100644
index 0000000..0cee991
Binary files /dev/null and b/_static/play-btn.png differ
diff --git a/_static/plus.png b/_static/plus.png
new file mode 100644
index 0000000..b3cb374
Binary files /dev/null and b/_static/plus.png differ
diff --git a/_static/pygments.css b/_static/pygments.css
new file mode 100644
index 0000000..1a14f2a
--- /dev/null
+++ b/_static/pygments.css
@@ -0,0 +1,62 @@
+.highlight .hll { background-color: #ffffcc }
+.highlight  { background: #eeffcc; }
+.highlight .c { color: #408090; font-style: italic } /* Comment */
+.highlight .err { border: 1px solid #FF0000 } /* Error */
+.highlight .k { color: #007020; font-weight: bold } /* Keyword */
+.highlight .o { color: #666666 } /* Operator */
+.highlight .cm { color: #408090; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #007020 } /* Comment.Preproc */
+.highlight .c1 { color: #408090; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #408090; background-color: #fff0f0 } /* Comment.Special */
+.highlight .gd { color: #A00000 } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #FF0000 } /* Generic.Error */
+.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #00A000 } /* Generic.Inserted */
+.highlight .go { color: #303030 } /* Generic.Output */
+.highlight .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+.highlight .gt { color: #0040D0 } /* Generic.Traceback */
+.highlight .kc { color: #007020; font-weight: bold } /* Keyword.Constant */
+.highlight .kd { color: #007020; font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { color: #007020; font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { color: #007020 } /* Keyword.Pseudo */
+.highlight .kr { color: #007020; font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #902000 } /* Keyword.Type */
+.highlight .m { color: #208050 } /* Literal.Number */
+.highlight .s { color: #4070a0 } /* Literal.String */
+.highlight .na { color: #4070a0 } /* Name.Attribute */
+.highlight .nb { color: #007020 } /* Name.Builtin */
+.highlight .nc { color: #0e84b5; font-weight: bold } /* Name.Class */
+.highlight .no { color: #60add5 } /* Name.Constant */
+.highlight .nd { color: #555555; font-weight: bold } /* Name.Decorator */
+.highlight .ni { color: #d55537; font-weight: bold } /* Name.Entity */
+.highlight .ne { color: #007020 } /* Name.Exception */
+.highlight .nf { color: #06287e } /* Name.Function */
+.highlight .nl { color: #002070; font-weight: bold } /* Name.Label */
+.highlight .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
+.highlight .nt { color: #062873; font-weight: bold } /* Name.Tag */
+.highlight .nv { color: #bb60d5 } /* Name.Variable */
+.highlight .ow { color: #007020; font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #208050 } /* Literal.Number.Float */
+.highlight .mh { color: #208050 } /* Literal.Number.Hex */
+.highlight .mi { color: #208050 } /* Literal.Number.Integer */
+.highlight .mo { color: #208050 } /* Literal.Number.Oct */
+.highlight .sb { color: #4070a0 } /* Literal.String.Backtick */
+.highlight .sc { color: #4070a0 } /* Literal.String.Char */
+.highlight .sd { color: #4070a0; font-style: italic } /* Literal.String.Doc */
+.highlight .s2 { color: #4070a0 } /* Literal.String.Double */
+.highlight .se { color: #4070a0; font-weight: bold } /* Literal.String.Escape */
+.highlight .sh { color: #4070a0 } /* Literal.String.Heredoc */
+.highlight .si { color: #70a0d0; font-style: italic } /* Literal.String.Interpol */
+.highlight .sx { color: #c65d09 } /* Literal.String.Other */
+.highlight .sr { color: #235388 } /* Literal.String.Regex */
+.highlight .s1 { color: #4070a0 } /* Literal.String.Single */
+.highlight .ss { color: #517918 } /* Literal.String.Symbol */
+.highlight .bp { color: #007020 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #bb60d5 } /* Name.Variable.Class */
+.highlight .vg { color: #bb60d5 } /* Name.Variable.Global */
+.highlight .vi { color: #bb60d5 } /* Name.Variable.Instance */
+.highlight .il { color: #208050 } /* Literal.Number.Integer.Long */
\ No newline at end of file
diff --git a/_static/quick-start-ss.jpg b/_static/quick-start-ss.jpg
new file mode 100644
index 0000000..8204ff6
Binary files /dev/null and b/_static/quick-start-ss.jpg differ
diff --git a/_static/screen1.jpg b/_static/screen1.jpg
new file mode 100644
index 0000000..9efe41a
Binary files /dev/null and b/_static/screen1.jpg differ
diff --git a/_static/screen1.png b/_static/screen1.png
new file mode 100644
index 0000000..176d6a1
Binary files /dev/null and b/_static/screen1.png differ
diff --git a/_static/screen2.jpg b/_static/screen2.jpg
new file mode 100644
index 0000000..51e02ab
Binary files /dev/null and b/_static/screen2.jpg differ
diff --git a/_static/screen2.png b/_static/screen2.png
new file mode 100644
index 0000000..19d9f66
Binary files /dev/null and b/_static/screen2.png differ
diff --git a/_static/searchtools.js b/_static/searchtools.js
new file mode 100644
index 0000000..663be4c
--- /dev/null
+++ b/_static/searchtools.js
@@ -0,0 +1,560 @@
+/*
+ * searchtools.js_t
+ * ~~~~~~~~~~~~~~~~
+ *
+ * Sphinx JavaScript utilties for the full-text search.
+ *
+ * :copyright: Copyright 2007-2011 by the Sphinx team, see AUTHORS.
+ * :license: BSD, see LICENSE for details.
+ *
+ */
+
+/**
+ * helper function to return a node containing the
+ * search summary for a given text. keywords is a list
+ * of stemmed words, hlwords is the list of normal, unstemmed
+ * words. the first one is used to find the occurance, the
+ * latter for highlighting it.
+ */
+
+jQuery.makeSearchSummary = function(text, keywords, hlwords) {
+  var textLower = text.toLowerCase();
+  var start = 0;
+  $.each(keywords, function() {
+    var i = textLower.indexOf(this.toLowerCase());
+    if (i > -1)
+      start = i;
+  });
+  start = Math.max(start - 120, 0);
+  var excerpt = ((start > 0) ? '...' : '') +
+  $.trim(text.substr(start, 240)) +
+  ((start + 240 - text.length) ? '...' : '');
+  var rv = $('<div class="context"></div>').text(excerpt);
+  $.each(hlwords, function() {
+    rv = rv.highlightText(this, 'highlighted');
+  });
+  return rv;
+}
+
+
+/**
+ * Porter Stemmer
+ */
+var Stemmer = function() {
+
+  var step2list = {
+    ational: 'ate',
+    tional: 'tion',
+    enci: 'ence',
+    anci: 'ance',
+    izer: 'ize',
+    bli: 'ble',
+    alli: 'al',
+    entli: 'ent',
+    eli: 'e',
+    ousli: 'ous',
+    ization: 'ize',
+    ation: 'ate',
+    ator: 'ate',
+    alism: 'al',
+    iveness: 'ive',
+    fulness: 'ful',
+    ousness: 'ous',
+    aliti: 'al',
+    iviti: 'ive',
+    biliti: 'ble',
+    logi: 'log'
+  };
+
+  var step3list = {
+    icate: 'ic',
+    ative: '',
+    alize: 'al',
+    iciti: 'ic',
+    ical: 'ic',
+    ful: '',
+    ness: ''
+  };
+
+  var c = "[^aeiou]";          // consonant
+  var v = "[aeiouy]";          // vowel
+  var C = c + "[^aeiouy]*";    // consonant sequence
+  var V = v + "[aeiou]*";      // vowel sequence
+
+  var mgr0 = "^(" + C + ")?" + V + C;                      // [C]VC... is m>0
+  var meq1 = "^(" + C + ")?" + V + C + "(" + V + ")?$";    // [C]VC[V] is m=1
+  var mgr1 = "^(" + C + ")?" + V + C + V + C;              // [C]VCVC... is m>1
+  var s_v   = "^(" + C + ")?" + v;                         // vowel in stem
+
+  this.stemWord = function (w) {
+    var stem;
+    var suffix;
+    var firstch;
+    var origword = w;
+
+    if (w.length < 3)
+      return w;
+
+    var re;
+    var re2;
+    var re3;
+    var re4;
+
+    firstch = w.substr(0,1);
+    if (firstch == "y")
+      w = firstch.toUpperCase() + w.substr(1);
+
+    // Step 1a
+    re = /^(.+?)(ss|i)es$/;
+    re2 = /^(.+?)([^s])s$/;
+
+    if (re.test(w))
+      w = w.replace(re,"$1$2");
+    else if (re2.test(w))
+      w = w.replace(re2,"$1$2");
+
+    // Step 1b
+    re = /^(.+?)eed$/;
+    re2 = /^(.+?)(ed|ing)$/;
+    if (re.test(w)) {
+      var fp = re.exec(w);
+      re = new RegExp(mgr0);
+      if (re.test(fp[1])) {
+        re = /.$/;
+        w = w.replace(re,"");
+      }
+    }
+    else if (re2.test(w)) {
+      var fp = re2.exec(w);
+      stem = fp[1];
+      re2 = new RegExp(s_v);
+      if (re2.test(stem)) {
+        w = stem;
+        re2 = /(at|bl|iz)$/;
+        re3 = new RegExp("([^aeiouylsz])\\1$");
+        re4 = new RegExp("^" + C + v + "[^aeiouwxy]$");
+        if (re2.test(w))
+          w = w + "e";
+        else if (re3.test(w)) {
+          re = /.$/;
+          w = w.replace(re,"");
+        }
+        else if (re4.test(w))
+          w = w + "e";
+      }
+    }
+
+    // Step 1c
+    re = /^(.+?)y$/;
+    if (re.test(w)) {
+      var fp = re.exec(w);
+      stem = fp[1];
+      re = new RegExp(s_v);
+      if (re.test(stem))
+        w = stem + "i";
+    }
+
+    // Step 2
+    re = /^(.+?)(ational|tional|enci|anci|izer|bli|alli|entli|eli|ousli|ization|ation|ator|alism|iveness|fulness|ousness|aliti|iviti|biliti|logi)$/;
+    if (re.test(w)) {
+      var fp = re.exec(w);
+      stem = fp[1];
+      suffix = fp[2];
+      re = new RegExp(mgr0);
+      if (re.test(stem))
+        w = stem + step2list[suffix];
+    }
+
+    // Step 3
+    re = /^(.+?)(icate|ative|alize|iciti|ical|ful|ness)$/;
+    if (re.test(w)) {
+      var fp = re.exec(w);
+      stem = fp[1];
+      suffix = fp[2];
+      re = new RegExp(mgr0);
+      if (re.test(stem))
+        w = stem + step3list[suffix];
+    }
+
+    // Step 4
+    re = /^(.+?)(al|ance|ence|er|ic|able|ible|ant|ement|ment|ent|ou|ism|ate|iti|ous|ive|ize)$/;
+    re2 = /^(.+?)(s|t)(ion)$/;
+    if (re.test(w)) {
+      var fp = re.exec(w);
+      stem = fp[1];
+      re = new RegExp(mgr1);
+      if (re.test(stem))
+        w = stem;
+    }
+    else if (re2.test(w)) {
+      var fp = re2.exec(w);
+      stem = fp[1] + fp[2];
+      re2 = new RegExp(mgr1);
+      if (re2.test(stem))
+        w = stem;
+    }
+
+    // Step 5
+    re = /^(.+?)e$/;
+    if (re.test(w)) {
+      var fp = re.exec(w);
+      stem = fp[1];
+      re = new RegExp(mgr1);
+      re2 = new RegExp(meq1);
+      re3 = new RegExp("^" + C + v + "[^aeiouwxy]$");
+      if (re.test(stem) || (re2.test(stem) && !(re3.test(stem))))
+        w = stem;
+    }
+    re = /ll$/;
+    re2 = new RegExp(mgr1);
+    if (re.test(w) && re2.test(w)) {
+      re = /.$/;
+      w = w.replace(re,"");
+    }
+
+    // and turn initial Y back to y
+    if (firstch == "y")
+      w = firstch.toLowerCase() + w.substr(1);
+    return w;
+  }
+}
+
+
+/**
+ * Search Module
+ */
+var Search = {
+
+  _index : null,
+  _queued_query : null,
+  _pulse_status : -1,
+
+  init : function() {
+      var params = $.getQueryParameters();
+      if (params.q) {
+          var query = params.q[0];
+          $('input[name="q"]')[0].value = query;
+          this.performSearch(query);
+      }
+  },
+
+  loadIndex : function(url) {
+    $.ajax({type: "GET", url: url, data: null, success: null,
+            dataType: "script", cache: true});
+  },
+
+  setIndex : function(index) {
+    var q;
+    this._index = index;
+    if ((q = this._queued_query) !== null) {
+      this._queued_query = null;
+      Search.query(q);
+    }
+  },
+
+  hasIndex : function() {
+      return this._index !== null;
+  },
+
+  deferQuery : function(query) {
+      this._queued_query = query;
+  },
+
+  stopPulse : function() {
+      this._pulse_status = 0;
+  },
+
+  startPulse : function() {
+    if (this._pulse_status >= 0)
+        return;
+    function pulse() {
+      Search._pulse_status = (Search._pulse_status + 1) % 4;
+      var dotString = '';
+      for (var i = 0; i < Search._pulse_status; i++)
+        dotString += '.';
+      Search.dots.text(dotString);
+      if (Search._pulse_status > -1)
+        window.setTimeout(pulse, 500);
+    };
+    pulse();
+  },
+
+  /**
+   * perform a search for something
+   */
+  performSearch : function(query) {
+    // create the required interface elements
+    this.out = $('#search-results');
+    this.title = $('<h2>' + _('Searching') + '</h2>').appendTo(this.out);
+    this.dots = $('<span></span>').appendTo(this.title);
+    this.status = $('<p style="display: none"></p>').appendTo(this.out);
+    this.output = $('<ul class="search"/>').appendTo(this.out);
+
+    $('#search-progress').text(_('Preparing search...'));
+    this.startPulse();
+
+    // index already loaded, the browser was quick!
+    if (this.hasIndex())
+      this.query(query);
+    else
+      this.deferQuery(query);
+  },
+
+  query : function(query) {
+    var stopwords = ["and","then","into","it","as","are","in","if","for","no","there","their","was","is","be","to","that","but","they","not","such","with","by","a","on","these","of","will","this","near","the","or","at"];
+
+    // Stem the searchterms and add them to the correct list
+    var stemmer = new Stemmer();
+    var searchterms = [];
+    var excluded = [];
+    var hlterms = [];
+    var tmp = query.split(/\s+/);
+    var objectterms = [];
+    for (var i = 0; i < tmp.length; i++) {
+      if (tmp[i] != "") {
+          objectterms.push(tmp[i].toLowerCase());
+      }
+
+      if ($u.indexOf(stopwords, tmp[i]) != -1 || tmp[i].match(/^\d+$/) ||
+          tmp[i] == "") {
+        // skip this "word"
+        continue;
+      }
+      // stem the word
+      var word = stemmer.stemWord(tmp[i]).toLowerCase();
+      // select the correct list
+      if (word[0] == '-') {
+        var toAppend = excluded;
+        word = word.substr(1);
+      }
+      else {
+        var toAppend = searchterms;
+        hlterms.push(tmp[i].toLowerCase());
+      }
+      // only add if not already in the list
+      if (!$.contains(toAppend, word))
+        toAppend.push(word);
+    };
+    var highlightstring = '?highlight=' + $.urlencode(hlterms.join(" "));
+
+    // console.debug('SEARCH: searching for:');
+    // console.info('required: ', searchterms);
+    // console.info('excluded: ', excluded);
+
+    // prepare search
+    var filenames = this._index.filenames;
+    var titles = this._index.titles;
+    var terms = this._index.terms;
+    var fileMap = {};
+    var files = null;
+    // different result priorities
+    var importantResults = [];
+    var objectResults = [];
+    var regularResults = [];
+    var unimportantResults = [];
+    $('#search-progress').empty();
+
+    // lookup as object
+    for (var i = 0; i < objectterms.length; i++) {
+      var others = [].concat(objectterms.slice(0,i),
+                             objectterms.slice(i+1, objectterms.length))
+      var results = this.performObjectSearch(objectterms[i], others);
+      // Assume first word is most likely to be the object,
+      // other words more likely to be in description.
+      // Therefore put matches for earlier words first.
+      // (Results are eventually used in reverse order).
+      objectResults = results[0].concat(objectResults);
+      importantResults = results[1].concat(importantResults);
+      unimportantResults = results[2].concat(unimportantResults);
+    }
+
+    // perform the search on the required terms
+    for (var i = 0; i < searchterms.length; i++) {
+      var word = searchterms[i];
+      // no match but word was a required one
+      if ((files = terms[word]) == null)
+        break;
+      if (files.length == undefined) {
+        files = [files];
+      }
+      // create the mapping
+      for (var j = 0; j < files.length; j++) {
+        var file = files[j];
+        if (file in fileMap)
+          fileMap[file].push(word);
+        else
+          fileMap[file] = [word];
+      }
+    }
+
+    // now check if the files don't contain excluded terms
+    for (var file in fileMap) {
+      var valid = true;
+
+      // check if all requirements are matched
+      if (fileMap[file].length != searchterms.length)
+        continue;
+
+      // ensure that none of the excluded terms is in the
+      // search result.
+      for (var i = 0; i < excluded.length; i++) {
+        if (terms[excluded[i]] == file ||
+            $.contains(terms[excluded[i]] || [], file)) {
+          valid = false;
+          break;
+        }
+      }
+
+      // if we have still a valid result we can add it
+      // to the result list
+      if (valid)
+        regularResults.push([filenames[file], titles[file], '', null]);
+    }
+
+    // delete unused variables in order to not waste
+    // memory until list is retrieved completely
+    delete filenames, titles, terms;
+
+    // now sort the regular results descending by title
+    regularResults.sort(function(a, b) {
+      var left = a[1].toLowerCase();
+      var right = b[1].toLowerCase();
+      return (left > right) ? -1 : ((left < right) ? 1 : 0);
+    });
+
+    // combine all results
+    var results = unimportantResults.concat(regularResults)
+      .concat(objectResults).concat(importantResults);
+
+    // print the results
+    var resultCount = results.length;
+    function displayNextItem() {
+      // results left, load the summary and display it
+      if (results.length) {
+        var item = results.pop();
+        var listItem = $('<li style="display:none"></li>');
+        if (DOCUMENTATION_OPTIONS.FILE_SUFFIX == '') {
+          // dirhtml builder
+          var dirname = item[0] + '/';
+          if (dirname.match(/\/index\/$/)) {
+            dirname = dirname.substring(0, dirname.length-6);
+          } else if (dirname == 'index/') {
+            dirname = '';
+          }
+          listItem.append($('<a/>').attr('href',
+            DOCUMENTATION_OPTIONS.URL_ROOT + dirname +
+            highlightstring + item[2]).html(item[1]));
+        } else {
+          // normal html builders
+          listItem.append($('<a/>').attr('href',
+            item[0] + DOCUMENTATION_OPTIONS.FILE_SUFFIX +
+            highlightstring + item[2]).html(item[1]));
+        }
+        if (item[3]) {
+          listItem.append($('<span> (' + item[3] + ')</span>'));
+          Search.output.append(listItem);
+          listItem.slideDown(5, function() {
+            displayNextItem();
+          });
+        } else if (DOCUMENTATION_OPTIONS.HAS_SOURCE) {
+          $.get(DOCUMENTATION_OPTIONS.URL_ROOT + '_sources/' +
+                item[0] + '.txt', function(data) {
+            if (data != '') {
+              listItem.append($.makeSearchSummary(data, searchterms, hlterms));
+              Search.output.append(listItem);
+            }
+            listItem.slideDown(5, function() {
+              displayNextItem();
+            });
+          }, "text");
+        } else {
+          // no source available, just display title
+          Search.output.append(listItem);
+          listItem.slideDown(5, function() {
+            displayNextItem();
+          });
+        }
+      }
+      // search finished, update title and status message
+      else {
+        Search.stopPulse();
+        Search.title.text(_('Search Results'));
+        if (!resultCount)
+          Search.status.text(_('Your search did not match any documents. Please make sure that all words are spelled correctly and that you\'ve selected enough categories.'));
+        else
+            Search.status.text(_('Search finished, found %s page(s) matching the search query.').replace('%s', resultCount));
+        Search.status.fadeIn(500);
+      }
+    }
+    displayNextItem();
+  },
+
+  performObjectSearch : function(object, otherterms) {
+    var filenames = this._index.filenames;
+    var objects = this._index.objects;
+    var objnames = this._index.objnames;
+    var titles = this._index.titles;
+
+    var importantResults = [];
+    var objectResults = [];
+    var unimportantResults = [];
+
+    for (var prefix in objects) {
+      for (var name in objects[prefix]) {
+        var fullname = (prefix ? prefix + '.' : '') + name;
+        if (fullname.toLowerCase().indexOf(object) > -1) {
+          var match = objects[prefix][name];
+          var objname = objnames[match[1]][2];
+          var title = titles[match[0]];
+          // If more than one term searched for, we require other words to be
+          // found in the name/title/description
+          if (otherterms.length > 0) {
+            var haystack = (prefix + ' ' + name + ' ' +
+                            objname + ' ' + title).toLowerCase();
+            var allfound = true;
+            for (var i = 0; i < otherterms.length; i++) {
+              if (haystack.indexOf(otherterms[i]) == -1) {
+                allfound = false;
+                break;
+              }
+            }
+            if (!allfound) {
+              continue;
+            }
+          }
+          var descr = objname + _(', in ') + title;
+          anchor = match[3];
+          if (anchor == '')
+            anchor = fullname;
+          else if (anchor == '-')
+            anchor = objnames[match[1]][1] + '-' + fullname;
+          result = [filenames[match[0]], fullname, '#'+anchor, descr];
+          switch (match[2]) {
+          case 1: objectResults.push(result); break;
+          case 0: importantResults.push(result); break;
+          case 2: unimportantResults.push(result); break;
+          }
+        }
+      }
+    }
+
+    // sort results descending
+    objectResults.sort(function(a, b) {
+      return (a[1] > b[1]) ? -1 : ((a[1] < b[1]) ? 1 : 0);
+    });
+
+    importantResults.sort(function(a, b) {
+      return (a[1] > b[1]) ? -1 : ((a[1] < b[1]) ? 1 : 0);
+    });
+
+    unimportantResults.sort(function(a, b) {
+      return (a[1] > b[1]) ? -1 : ((a[1] < b[1]) ? 1 : 0);
+    });
+
+    return [importantResults, objectResults, unimportantResults]
+  }
+}
+
+$(document).ready(function() {
+  Search.init();
+});
\ No newline at end of file
diff --git a/_static/underscore.js b/_static/underscore.js
new file mode 100644
index 0000000..5d89914
--- /dev/null
+++ b/_static/underscore.js
@@ -0,0 +1,23 @@
+// Underscore.js 0.5.5
+// (c) 2009 Jeremy Ashkenas, DocumentCloud Inc.
+// Underscore is freely distributable under the terms of the MIT license.
+// Portions of Underscore are inspired by or borrowed from Prototype.js,
+// Oliver Steele's Functional, and John Resig's Micro-Templating.
+// For all details and documentation:
+// http://documentcloud.github.com/underscore/
+(function(){var j=this,n=j._,i=function(a){this._wrapped=a},m=typeof StopIteration!=="undefined"?StopIteration:"__break__",b=j._=function(a){return new i(a)};if(typeof exports!=="undefined")exports._=b;var k=Array.prototype.slice,o=Array.prototype.unshift,p=Object.prototype.toString,q=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;b.VERSION="0.5.5";b.each=function(a,c,d){try{if(a.forEach)a.forEach(c,d);else if(b.isArray(a)||b.isArguments(a))for(var e=0,f=a.length;e<f;e++)c.call(d,
+a[e],e,a);else{var g=b.keys(a);f=g.length;for(e=0;e<f;e++)c.call(d,a[g[e]],g[e],a)}}catch(h){if(h!=m)throw h;}return a};b.map=function(a,c,d){if(a&&b.isFunction(a.map))return a.map(c,d);var e=[];b.each(a,function(f,g,h){e.push(c.call(d,f,g,h))});return e};b.reduce=function(a,c,d,e){if(a&&b.isFunction(a.reduce))return a.reduce(b.bind(d,e),c);b.each(a,function(f,g,h){c=d.call(e,c,f,g,h)});return c};b.reduceRight=function(a,c,d,e){if(a&&b.isFunction(a.reduceRight))return a.reduceRight(b.bind(d,e),c);
+var f=b.clone(b.toArray(a)).reverse();b.each(f,function(g,h){c=d.call(e,c,g,h,a)});return c};b.detect=function(a,c,d){var e;b.each(a,function(f,g,h){if(c.call(d,f,g,h)){e=f;b.breakLoop()}});return e};b.select=function(a,c,d){if(a&&b.isFunction(a.filter))return a.filter(c,d);var e=[];b.each(a,function(f,g,h){c.call(d,f,g,h)&&e.push(f)});return e};b.reject=function(a,c,d){var e=[];b.each(a,function(f,g,h){!c.call(d,f,g,h)&&e.push(f)});return e};b.all=function(a,c,d){c=c||b.identity;if(a&&b.isFunction(a.every))return a.every(c,
+d);var e=true;b.each(a,function(f,g,h){(e=e&&c.call(d,f,g,h))||b.breakLoop()});return e};b.any=function(a,c,d){c=c||b.identity;if(a&&b.isFunction(a.some))return a.some(c,d);var e=false;b.each(a,function(f,g,h){if(e=c.call(d,f,g,h))b.breakLoop()});return e};b.include=function(a,c){if(b.isArray(a))return b.indexOf(a,c)!=-1;var d=false;b.each(a,function(e){if(d=e===c)b.breakLoop()});return d};b.invoke=function(a,c){var d=b.rest(arguments,2);return b.map(a,function(e){return(c?e[c]:e).apply(e,d)})};b.pluck=
+function(a,c){return b.map(a,function(d){return d[c]})};b.max=function(a,c,d){if(!c&&b.isArray(a))return Math.max.apply(Math,a);var e={computed:-Infinity};b.each(a,function(f,g,h){g=c?c.call(d,f,g,h):f;g>=e.computed&&(e={value:f,computed:g})});return e.value};b.min=function(a,c,d){if(!c&&b.isArray(a))return Math.min.apply(Math,a);var e={computed:Infinity};b.each(a,function(f,g,h){g=c?c.call(d,f,g,h):f;g<e.computed&&(e={value:f,computed:g})});return e.value};b.sortBy=function(a,c,d){return b.pluck(b.map(a,
+function(e,f,g){return{value:e,criteria:c.call(d,e,f,g)}}).sort(function(e,f){e=e.criteria;f=f.criteria;return e<f?-1:e>f?1:0}),"value")};b.sortedIndex=function(a,c,d){d=d||b.identity;for(var e=0,f=a.length;e<f;){var g=e+f>>1;d(a[g])<d(c)?(e=g+1):(f=g)}return e};b.toArray=function(a){if(!a)return[];if(a.toArray)return a.toArray();if(b.isArray(a))return a;if(b.isArguments(a))return k.call(a);return b.values(a)};b.size=function(a){return b.toArray(a).length};b.first=function(a,c,d){return c&&!d?k.call(a,
+0,c):a[0]};b.rest=function(a,c,d){return k.call(a,b.isUndefined(c)||d?1:c)};b.last=function(a){return a[a.length-1]};b.compact=function(a){return b.select(a,function(c){return!!c})};b.flatten=function(a){return b.reduce(a,[],function(c,d){if(b.isArray(d))return c.concat(b.flatten(d));c.push(d);return c})};b.without=function(a){var c=b.rest(arguments);return b.select(a,function(d){return!b.include(c,d)})};b.uniq=function(a,c){return b.reduce(a,[],function(d,e,f){if(0==f||(c===true?b.last(d)!=e:!b.include(d,
+e)))d.push(e);return d})};b.intersect=function(a){var c=b.rest(arguments);return b.select(b.uniq(a),function(d){return b.all(c,function(e){return b.indexOf(e,d)>=0})})};b.zip=function(){for(var a=b.toArray(arguments),c=b.max(b.pluck(a,"length")),d=new Array(c),e=0;e<c;e++)d[e]=b.pluck(a,String(e));return d};b.indexOf=function(a,c){if(a.indexOf)return a.indexOf(c);for(var d=0,e=a.length;d<e;d++)if(a[d]===c)return d;return-1};b.lastIndexOf=function(a,c){if(a.lastIndexOf)return a.lastIndexOf(c);for(var d=
+a.length;d--;)if(a[d]===c)return d;return-1};b.range=function(a,c,d){var e=b.toArray(arguments),f=e.length<=1;a=f?0:e[0];c=f?e[0]:e[1];d=e[2]||1;e=Math.ceil((c-a)/d);if(e<=0)return[];e=new Array(e);f=a;for(var g=0;1;f+=d){if((d>0?f-c:c-f)>=0)return e;e[g++]=f}};b.bind=function(a,c){var d=b.rest(arguments,2);return function(){return a.apply(c||j,d.concat(b.toArray(arguments)))}};b.bindAll=function(a){var c=b.rest(arguments);if(c.length==0)c=b.functions(a);b.each(c,function(d){a[d]=b.bind(a[d],a)});
+return a};b.delay=function(a,c){var d=b.rest(arguments,2);return setTimeout(function(){return a.apply(a,d)},c)};b.defer=function(a){return b.delay.apply(b,[a,1].concat(b.rest(arguments)))};b.wrap=function(a,c){return function(){var d=[a].concat(b.toArray(arguments));return c.apply(c,d)}};b.compose=function(){var a=b.toArray(arguments);return function(){for(var c=b.toArray(arguments),d=a.length-1;d>=0;d--)c=[a[d].apply(this,c)];return c[0]}};b.keys=function(a){if(b.isArray(a))return b.range(0,a.length);
+var c=[];for(var d in a)q.call(a,d)&&c.push(d);return c};b.values=function(a){return b.map(a,b.identity)};b.functions=function(a){return b.select(b.keys(a),function(c){return b.isFunction(a[c])}).sort()};b.extend=function(a,c){for(var d in c)a[d]=c[d];return a};b.clone=function(a){if(b.isArray(a))return a.slice(0);return b.extend({},a)};b.tap=function(a,c){c(a);return a};b.isEqual=function(a,c){if(a===c)return true;var d=typeof a;if(d!=typeof c)return false;if(a==c)return true;if(!a&&c||a&&!c)return false;
+if(a.isEqual)return a.isEqual(c);if(b.isDate(a)&&b.isDate(c))return a.getTime()===c.getTime();if(b.isNaN(a)&&b.isNaN(c))return true;if(b.isRegExp(a)&&b.isRegExp(c))return a.source===c.source&&a.global===c.global&&a.ignoreCase===c.ignoreCase&&a.multiline===c.multiline;if(d!=="object")return false;if(a.length&&a.length!==c.length)return false;d=b.keys(a);var e=b.keys(c);if(d.length!=e.length)return false;for(var f in a)if(!b.isEqual(a[f],c[f]))return false;return true};b.isEmpty=function(a){return b.keys(a).length==
+0};b.isElement=function(a){return!!(a&&a.nodeType==1)};b.isArray=function(a){return!!(a&&a.concat&&a.unshift)};b.isArguments=function(a){return a&&b.isNumber(a.length)&&!b.isArray(a)&&!r.call(a,"length")};b.isFunction=function(a){return!!(a&&a.constructor&&a.call&&a.apply)};b.isString=function(a){return!!(a===""||a&&a.charCodeAt&&a.substr)};b.isNumber=function(a){return p.call(a)==="[object Number]"};b.isDate=function(a){return!!(a&&a.getTimezoneOffset&&a.setUTCFullYear)};b.isRegExp=function(a){return!!(a&&
+a.test&&a.exec&&(a.ignoreCase||a.ignoreCase===false))};b.isNaN=function(a){return b.isNumber(a)&&isNaN(a)};b.isNull=function(a){return a===null};b.isUndefined=function(a){return typeof a=="undefined"};b.noConflict=function(){j._=n;return this};b.identity=function(a){return a};b.breakLoop=function(){throw m;};var s=0;b.uniqueId=function(a){var c=s++;return a?a+c:c};b.template=function(a,c){a=new Function("obj","var p=[],print=function(){p.push.apply(p,arguments);};with(obj){p.push('"+a.replace(/[\r\t\n]/g,
+" ").replace(/'(?=[^%]*%>)/g,"\t").split("'").join("\\'").split("\t").join("'").replace(/<%=(.+?)%>/g,"',$1,'").split("<%").join("');").split("%>").join("p.push('")+"');}return p.join('');");return c?a(c):a};b.forEach=b.each;b.foldl=b.inject=b.reduce;b.foldr=b.reduceRight;b.filter=b.select;b.every=b.all;b.some=b.any;b.head=b.first;b.tail=b.rest;b.methods=b.functions;var l=function(a,c){return c?b(a).chain():a};b.each(b.functions(b),function(a){var c=b[a];i.prototype[a]=function(){var d=b.toArray(arguments);
+o.call(d,this._wrapped);return l(c.apply(b,d),this._chain)}});b.each(["pop","push","reverse","shift","sort","splice","unshift"],function(a){var c=Array.prototype[a];i.prototype[a]=function(){c.apply(this._wrapped,arguments);return l(this._wrapped,this._chain)}});b.each(["concat","join","slice"],function(a){var c=Array.prototype[a];i.prototype[a]=function(){return l(c.apply(this._wrapped,arguments),this._chain)}});i.prototype.chain=function(){this._chain=true;return this};i.prototype.value=function(){return this._wrapped}})();
diff --git a/_static/up-pressed.png b/_static/up-pressed.png
new file mode 100644
index 0000000..8bd587a
Binary files /dev/null and b/_static/up-pressed.png differ
diff --git a/_static/up.png b/_static/up.png
new file mode 100644
index 0000000..b946256
Binary files /dev/null and b/_static/up.png differ
diff --git a/_static/video-thumb-01.jpg b/_static/video-thumb-01.jpg
new file mode 100644
index 0000000..27051d4
Binary files /dev/null and b/_static/video-thumb-01.jpg differ
diff --git a/_static/video-thumb-02.jpg b/_static/video-thumb-02.jpg
new file mode 100644
index 0000000..263a4aa
Binary files /dev/null and b/_static/video-thumb-02.jpg differ
diff --git a/_static/video-thumb-03.jpg b/_static/video-thumb-03.jpg
new file mode 100644
index 0000000..3882d87
Binary files /dev/null and b/_static/video-thumb-03.jpg differ
diff --git a/_static/websupport.js b/_static/websupport.js
new file mode 100644
index 0000000..e9bd1b8
--- /dev/null
+++ b/_static/websupport.js
@@ -0,0 +1,808 @@
+/*
+ * websupport.js
+ * ~~~~~~~~~~~~~
+ *
+ * sphinx.websupport utilties for all documentation.
+ *
+ * :copyright: Copyright 2007-2011 by the Sphinx team, see AUTHORS.
+ * :license: BSD, see LICENSE for details.
+ *
+ */
+
+(function($) {
+  $.fn.autogrow = function() {
+    return this.each(function() {
+    var textarea = this;
+
+    $.fn.autogrow.resize(textarea);
+
+    $(textarea)
+      .focus(function() {
+        textarea.interval = setInterval(function() {
+          $.fn.autogrow.resize(textarea);
+        }, 500);
+      })
+      .blur(function() {
+        clearInterval(textarea.interval);
+      });
+    });
+  };
+
+  $.fn.autogrow.resize = function(textarea) {
+    var lineHeight = parseInt($(textarea).css('line-height'), 10);
+    var lines = textarea.value.split('\n');
+    var columns = textarea.cols;
+    var lineCount = 0;
+    $.each(lines, function() {
+      lineCount += Math.ceil(this.length / columns) || 1;
+    });
+    var height = lineHeight * (lineCount + 1);
+    $(textarea).css('height', height);
+  };
+})(jQuery);
+
+(function($) {
+  var comp, by;
+
+  function init() {
+    initEvents();
+    initComparator();
+  }
+
+  function initEvents() {
+    $('a.comment-close').live("click", function(event) {
+      event.preventDefault();
+      hide($(this).attr('id').substring(2));
+    });
+    $('a.vote').live("click", function(event) {
+      event.preventDefault();
+      handleVote($(this));
+    });
+    $('a.reply').live("click", function(event) {
+      event.preventDefault();
+      openReply($(this).attr('id').substring(2));
+    });
+    $('a.close-reply').live("click", function(event) {
+      event.preventDefault();
+      closeReply($(this).attr('id').substring(2));
+    });
+    $('a.sort-option').live("click", function(event) {
+      event.preventDefault();
+      handleReSort($(this));
+    });
+    $('a.show-proposal').live("click", function(event) {
+      event.preventDefault();
+      showProposal($(this).attr('id').substring(2));
+    });
+    $('a.hide-proposal').live("click", function(event) {
+      event.preventDefault();
+      hideProposal($(this).attr('id').substring(2));
+    });
+    $('a.show-propose-change').live("click", function(event) {
+      event.preventDefault();
+      showProposeChange($(this).attr('id').substring(2));
+    });
+    $('a.hide-propose-change').live("click", function(event) {
+      event.preventDefault();
+      hideProposeChange($(this).attr('id').substring(2));
+    });
+    $('a.accept-comment').live("click", function(event) {
+      event.preventDefault();
+      acceptComment($(this).attr('id').substring(2));
+    });
+    $('a.delete-comment').live("click", function(event) {
+      event.preventDefault();
+      deleteComment($(this).attr('id').substring(2));
+    });
+    $('a.comment-markup').live("click", function(event) {
+      event.preventDefault();
+      toggleCommentMarkupBox($(this).attr('id').substring(2));
+    });
+  }
+
+  /**
+   * Set comp, which is a comparator function used for sorting and
+   * inserting comments into the list.
+   */
+  function setComparator() {
+    // If the first three letters are "asc", sort in ascending order
+    // and remove the prefix.
+    if (by.substring(0,3) == 'asc') {
+      var i = by.substring(3);
+      comp = function(a, b) { return a[i] - b[i]; };
+    } else {
+      // Otherwise sort in descending order.
+      comp = function(a, b) { return b[by] - a[by]; };
+    }
+
+    // Reset link styles and format the selected sort option.
+    $('a.sel').attr('href', '#').removeClass('sel');
+    $('a.by' + by).removeAttr('href').addClass('sel');
+  }
+
+  /**
+   * Create a comp function. If the user has preferences stored in
+   * the sortBy cookie, use those, otherwise use the default.
+   */
+  function initComparator() {
+    by = 'rating'; // Default to sort by rating.
+    // If the sortBy cookie is set, use that instead.
+    if (document.cookie.length > 0) {
+      var start = document.cookie.indexOf('sortBy=');
+      if (start != -1) {
+        start = start + 7;
+        var end = document.cookie.indexOf(";", start);
+        if (end == -1) {
+          end = document.cookie.length;
+          by = unescape(document.cookie.substring(start, end));
+        }
+      }
+    }
+    setComparator();
+  }
+
+  /**
+   * Show a comment div.
+   */
+  function show(id) {
+    $('#ao' + id).hide();
+    $('#ah' + id).show();
+    var context = $.extend({id: id}, opts);
+    var popup = $(renderTemplate(popupTemplate, context)).hide();
+    popup.find('textarea[name="proposal"]').hide();
+    popup.find('a.by' + by).addClass('sel');
+    var form = popup.find('#cf' + id);
+    form.submit(function(event) {
+      event.preventDefault();
+      addComment(form);
+    });
+    $('#s' + id).after(popup);
+    popup.slideDown('fast', function() {
+      getComments(id);
+    });
+  }
+
+  /**
+   * Hide a comment div.
+   */
+  function hide(id) {
+    $('#ah' + id).hide();
+    $('#ao' + id).show();
+    var div = $('#sc' + id);
+    div.slideUp('fast', function() {
+      div.remove();
+    });
+  }
+
+  /**
+   * Perform an ajax request to get comments for a node
+   * and insert the comments into the comments tree.
+   */
+  function getComments(id) {
+    $.ajax({
+     type: 'GET',
+     url: opts.getCommentsURL,
+     data: {node: id},
+     success: function(data, textStatus, request) {
+       var ul = $('#cl' + id);
+       var speed = 100;
+       $('#cf' + id)
+         .find('textarea[name="proposal"]')
+         .data('source', data.source);
+
+       if (data.comments.length === 0) {
+         ul.html('<li>No comments yet.</li>');
+         ul.data('empty', true);
+       } else {
+         // If there are comments, sort them and put them in the list.
+         var comments = sortComments(data.comments);
+         speed = data.comments.length * 100;
+         appendComments(comments, ul);
+         ul.data('empty', false);
+       }
+       $('#cn' + id).slideUp(speed + 200);
+       ul.slideDown(speed);
+     },
+     error: function(request, textStatus, error) {
+       showError('Oops, there was a problem retrieving the comments.');
+     },
+     dataType: 'json'
+    });
+  }
+
+  /**
+   * Add a comment via ajax and insert the comment into the comment tree.
+   */
+  function addComment(form) {
+    var node_id = form.find('input[name="node"]').val();
+    var parent_id = form.find('input[name="parent"]').val();
+    var text = form.find('textarea[name="comment"]').val();
+    var proposal = form.find('textarea[name="proposal"]').val();
+
+    if (text == '') {
+      showError('Please enter a comment.');
+      return;
+    }
+
+    // Disable the form that is being submitted.
+    form.find('textarea,input').attr('disabled', 'disabled');
+
+    // Send the comment to the server.
+    $.ajax({
+      type: "POST",
+      url: opts.addCommentURL,
+      dataType: 'json',
+      data: {
+        node: node_id,
+        parent: parent_id,
+        text: text,
+        proposal: proposal
+      },
+      success: function(data, textStatus, error) {
+        // Reset the form.
+        if (node_id) {
+          hideProposeChange(node_id);
+        }
+        form.find('textarea')
+          .val('')
+          .add(form.find('input'))
+          .removeAttr('disabled');
+	var ul = $('#cl' + (node_id || parent_id));
+        if (ul.data('empty')) {
+          $(ul).empty();
+          ul.data('empty', false);
+        }
+        insertComment(data.comment);
+        var ao = $('#ao' + node_id);
+        ao.find('img').attr({'src': opts.commentBrightImage});
+        if (node_id) {
+          // if this was a "root" comment, remove the commenting box
+          // (the user can get it back by reopening the comment popup)
+          $('#ca' + node_id).slideUp();
+        }
+      },
+      error: function(request, textStatus, error) {
+        form.find('textarea,input').removeAttr('disabled');
+        showError('Oops, there was a problem adding the comment.');
+      }
+    });
+  }
+
+  /**
+   * Recursively append comments to the main comment list and children
+   * lists, creating the comment tree.
+   */
+  function appendComments(comments, ul) {
+    $.each(comments, function() {
+      var div = createCommentDiv(this);
+      ul.append($(document.createElement('li')).html(div));
+      appendComments(this.children, div.find('ul.comment-children'));
+      // To avoid stagnating data, don't store the comments children in data.
+      this.children = null;
+      div.data('comment', this);
+    });
+  }
+
+  /**
+   * After adding a new comment, it must be inserted in the correct
+   * location in the comment tree.
+   */
+  function insertComment(comment) {
+    var div = createCommentDiv(comment);
+
+    // To avoid stagnating data, don't store the comments children in data.
+    comment.children = null;
+    div.data('comment', comment);
+
+    var ul = $('#cl' + (comment.node || comment.parent));
+    var siblings = getChildren(ul);
+
+    var li = $(document.createElement('li'));
+    li.hide();
+
+    // Determine where in the parents children list to insert this comment.
+    for(i=0; i < siblings.length; i++) {
+      if (comp(comment, siblings[i]) <= 0) {
+        $('#cd' + siblings[i].id)
+          .parent()
+          .before(li.html(div));
+        li.slideDown('fast');
+        return;
+      }
+    }
+
+    // If we get here, this comment rates lower than all the others,
+    // or it is the only comment in the list.
+    ul.append(li.html(div));
+    li.slideDown('fast');
+  }
+
+  function acceptComment(id) {
+    $.ajax({
+      type: 'POST',
+      url: opts.acceptCommentURL,
+      data: {id: id},
+      success: function(data, textStatus, request) {
+        $('#cm' + id).fadeOut('fast');
+        $('#cd' + id).removeClass('moderate');
+      },
+      error: function(request, textStatus, error) {
+        showError('Oops, there was a problem accepting the comment.');
+      }
+    });
+  }
+
+  function deleteComment(id) {
+    $.ajax({
+      type: 'POST',
+      url: opts.deleteCommentURL,
+      data: {id: id},
+      success: function(data, textStatus, request) {
+        var div = $('#cd' + id);
+        if (data == 'delete') {
+          // Moderator mode: remove the comment and all children immediately
+          div.slideUp('fast', function() {
+            div.remove();
+          });
+          return;
+        }
+        // User mode: only mark the comment as deleted
+        div
+          .find('span.user-id:first')
+          .text('[deleted]').end()
+          .find('div.comment-text:first')
+          .text('[deleted]').end()
+          .find('#cm' + id + ', #dc' + id + ', #ac' + id + ', #rc' + id +
+                ', #sp' + id + ', #hp' + id + ', #cr' + id + ', #rl' + id)
+          .remove();
+        var comment = div.data('comment');
+        comment.username = '[deleted]';
+        comment.text = '[deleted]';
+        div.data('comment', comment);
+      },
+      error: function(request, textStatus, error) {
+        showError('Oops, there was a problem deleting the comment.');
+      }
+    });
+  }
+
+  function showProposal(id) {
+    $('#sp' + id).hide();
+    $('#hp' + id).show();
+    $('#pr' + id).slideDown('fast');
+  }
+
+  function hideProposal(id) {
+    $('#hp' + id).hide();
+    $('#sp' + id).show();
+    $('#pr' + id).slideUp('fast');
+  }
+
+  function showProposeChange(id) {
+    $('#pc' + id).hide();
+    $('#hc' + id).show();
+    var textarea = $('#pt' + id);
+    textarea.val(textarea.data('source'));
+    $.fn.autogrow.resize(textarea[0]);
+    textarea.slideDown('fast');
+  }
+
+  function hideProposeChange(id) {
+    $('#hc' + id).hide();
+    $('#pc' + id).show();
+    var textarea = $('#pt' + id);
+    textarea.val('').removeAttr('disabled');
+    textarea.slideUp('fast');
+  }
+
+  function toggleCommentMarkupBox(id) {
+    $('#mb' + id).toggle();
+  }
+
+  /** Handle when the user clicks on a sort by link. */
+  function handleReSort(link) {
+    var classes = link.attr('class').split(/\s+/);
+    for (var i=0; i<classes.length; i++) {
+      if (classes[i] != 'sort-option') {
+	by = classes[i].substring(2);
+      }
+    }
+    setComparator();
+    // Save/update the sortBy cookie.
+    var expiration = new Date();
+    expiration.setDate(expiration.getDate() + 365);
+    document.cookie= 'sortBy=' + escape(by) +
+                     ';expires=' + expiration.toUTCString();
+    $('ul.comment-ul').each(function(index, ul) {
+      var comments = getChildren($(ul), true);
+      comments = sortComments(comments);
+      appendComments(comments, $(ul).empty());
+    });
+  }
+
+  /**
+   * Function to process a vote when a user clicks an arrow.
+   */
+  function handleVote(link) {
+    if (!opts.voting) {
+      showError("You'll need to login to vote.");
+      return;
+    }
+
+    var id = link.attr('id');
+    if (!id) {
+      // Didn't click on one of the voting arrows.
+      return;
+    }
+    // If it is an unvote, the new vote value is 0,
+    // Otherwise it's 1 for an upvote, or -1 for a downvote.
+    var value = 0;
+    if (id.charAt(1) != 'u') {
+      value = id.charAt(0) == 'u' ? 1 : -1;
+    }
+    // The data to be sent to the server.
+    var d = {
+      comment_id: id.substring(2),
+      value: value
+    };
+
+    // Swap the vote and unvote links.
+    link.hide();
+    $('#' + id.charAt(0) + (id.charAt(1) == 'u' ? 'v' : 'u') + d.comment_id)
+      .show();
+
+    // The div the comment is displayed in.
+    var div = $('div#cd' + d.comment_id);
+    var data = div.data('comment');
+
+    // If this is not an unvote, and the other vote arrow has
+    // already been pressed, unpress it.
+    if ((d.value !== 0) && (data.vote === d.value * -1)) {
+      $('#' + (d.value == 1 ? 'd' : 'u') + 'u' + d.comment_id).hide();
+      $('#' + (d.value == 1 ? 'd' : 'u') + 'v' + d.comment_id).show();
+    }
+
+    // Update the comments rating in the local data.
+    data.rating += (data.vote === 0) ? d.value : (d.value - data.vote);
+    data.vote = d.value;
+    div.data('comment', data);
+
+    // Change the rating text.
+    div.find('.rating:first')
+      .text(data.rating + ' point' + (data.rating == 1 ? '' : 's'));
+
+    // Send the vote information to the server.
+    $.ajax({
+      type: "POST",
+      url: opts.processVoteURL,
+      data: d,
+      error: function(request, textStatus, error) {
+        showError('Oops, there was a problem casting that vote.');
+      }
+    });
+  }
+
+  /**
+   * Open a reply form used to reply to an existing comment.
+   */
+  function openReply(id) {
+    // Swap out the reply link for the hide link
+    $('#rl' + id).hide();
+    $('#cr' + id).show();
+
+    // Add the reply li to the children ul.
+    var div = $(renderTemplate(replyTemplate, {id: id})).hide();
+    $('#cl' + id)
+      .prepend(div)
+      // Setup the submit handler for the reply form.
+      .find('#rf' + id)
+      .submit(function(event) {
+        event.preventDefault();
+        addComment($('#rf' + id));
+        closeReply(id);
+      })
+      .find('input[type=button]')
+      .click(function() {
+        closeReply(id);
+      });
+    div.slideDown('fast', function() {
+      $('#rf' + id).find('textarea').focus();
+    });
+  }
+
+  /**
+   * Close the reply form opened with openReply.
+   */
+  function closeReply(id) {
+    // Remove the reply div from the DOM.
+    $('#rd' + id).slideUp('fast', function() {
+      $(this).remove();
+    });
+
+    // Swap out the hide link for the reply link
+    $('#cr' + id).hide();
+    $('#rl' + id).show();
+  }
+
+  /**
+   * Recursively sort a tree of comments using the comp comparator.
+   */
+  function sortComments(comments) {
+    comments.sort(comp);
+    $.each(comments, function() {
+      this.children = sortComments(this.children);
+    });
+    return comments;
+  }
+
+  /**
+   * Get the children comments from a ul. If recursive is true,
+   * recursively include childrens' children.
+   */
+  function getChildren(ul, recursive) {
+    var children = [];
+    ul.children().children("[id^='cd']")
+      .each(function() {
+        var comment = $(this).data('comment');
+        if (recursive)
+          comment.children = getChildren($(this).find('#cl' + comment.id), true);
+        children.push(comment);
+      });
+    return children;
+  }
+
+  /** Create a div to display a comment in. */
+  function createCommentDiv(comment) {
+    if (!comment.displayed && !opts.moderator) {
+      return $('<div class="moderate">Thank you!  Your comment will show up '
+               + 'once it is has been approved by a moderator.</div>');
+    }
+    // Prettify the comment rating.
+    comment.pretty_rating = comment.rating + ' point' +
+      (comment.rating == 1 ? '' : 's');
+    // Make a class (for displaying not yet moderated comments differently)
+    comment.css_class = comment.displayed ? '' : ' moderate';
+    // Create a div for this comment.
+    var context = $.extend({}, opts, comment);
+    var div = $(renderTemplate(commentTemplate, context));
+
+    // If the user has voted on this comment, highlight the correct arrow.
+    if (comment.vote) {
+      var direction = (comment.vote == 1) ? 'u' : 'd';
+      div.find('#' + direction + 'v' + comment.id).hide();
+      div.find('#' + direction + 'u' + comment.id).show();
+    }
+
+    if (opts.moderator || comment.text != '[deleted]') {
+      div.find('a.reply').show();
+      if (comment.proposal_diff)
+        div.find('#sp' + comment.id).show();
+      if (opts.moderator && !comment.displayed)
+        div.find('#cm' + comment.id).show();
+      if (opts.moderator || (opts.username == comment.username))
+        div.find('#dc' + comment.id).show();
+    }
+    return div;
+  }
+
+  /**
+   * A simple template renderer. Placeholders such as <%id%> are replaced
+   * by context['id'] with items being escaped. Placeholders such as <#id#>
+   * are not escaped.
+   */
+  function renderTemplate(template, context) {
+    var esc = $(document.createElement('div'));
+
+    function handle(ph, escape) {
+      var cur = context;
+      $.each(ph.split('.'), function() {
+        cur = cur[this];
+      });
+      return escape ? esc.text(cur || "").html() : cur;
+    }
+
+    return template.replace(/<([%#])([\w\.]*)\1>/g, function() {
+      return handle(arguments[2], arguments[1] == '%' ? true : false);
+    });
+  }
+
+  /** Flash an error message briefly. */
+  function showError(message) {
+    $(document.createElement('div')).attr({'class': 'popup-error'})
+      .append($(document.createElement('div'))
+               .attr({'class': 'error-message'}).text(message))
+      .appendTo('body')
+      .fadeIn("slow")
+      .delay(2000)
+      .fadeOut("slow");
+  }
+
+  /** Add a link the user uses to open the comments popup. */
+  $.fn.comment = function() {
+    return this.each(function() {
+      var id = $(this).attr('id').substring(1);
+      var count = COMMENT_METADATA[id];
+      var title = count + ' comment' + (count == 1 ? '' : 's');
+      var image = count > 0 ? opts.commentBrightImage : opts.commentImage;
+      var addcls = count == 0 ? ' nocomment' : '';
+      $(this)
+        .append(
+          $(document.createElement('a')).attr({
+            href: '#',
+            'class': 'sphinx-comment-open' + addcls,
+            id: 'ao' + id
+          })
+            .append($(document.createElement('img')).attr({
+              src: image,
+              alt: 'comment',
+              title: title
+            }))
+            .click(function(event) {
+              event.preventDefault();
+              show($(this).attr('id').substring(2));
+            })
+        )
+        .append(
+          $(document.createElement('a')).attr({
+            href: '#',
+            'class': 'sphinx-comment-close hidden',
+            id: 'ah' + id
+          })
+            .append($(document.createElement('img')).attr({
+              src: opts.closeCommentImage,
+              alt: 'close',
+              title: 'close'
+            }))
+            .click(function(event) {
+              event.preventDefault();
+              hide($(this).attr('id').substring(2));
+            })
+        );
+    });
+  };
+
+  var opts = {
+    processVoteURL: '/_process_vote',
+    addCommentURL: '/_add_comment',
+    getCommentsURL: '/_get_comments',
+    acceptCommentURL: '/_accept_comment',
+    deleteCommentURL: '/_delete_comment',
+    commentImage: '/static/_static/comment.png',
+    closeCommentImage: '/static/_static/comment-close.png',
+    loadingImage: '/static/_static/ajax-loader.gif',
+    commentBrightImage: '/static/_static/comment-bright.png',
+    upArrow: '/static/_static/up.png',
+    downArrow: '/static/_static/down.png',
+    upArrowPressed: '/static/_static/up-pressed.png',
+    downArrowPressed: '/static/_static/down-pressed.png',
+    voting: false,
+    moderator: false
+  };
+
+  if (typeof COMMENT_OPTIONS != "undefined") {
+    opts = jQuery.extend(opts, COMMENT_OPTIONS);
+  }
+
+  var popupTemplate = '\
+    <div class="sphinx-comments" id="sc<%id%>">\
+      <p class="sort-options">\
+        Sort by:\
+        <a href="#" class="sort-option byrating">best rated</a>\
+        <a href="#" class="sort-option byascage">newest</a>\
+        <a href="#" class="sort-option byage">oldest</a>\
+      </p>\
+      <div class="comment-header">Comments</div>\
+      <div class="comment-loading" id="cn<%id%>">\
+        loading comments... <img src="<%loadingImage%>" alt="" /></div>\
+      <ul id="cl<%id%>" class="comment-ul"></ul>\
+      <div id="ca<%id%>">\
+      <p class="add-a-comment">Add a comment\
+        (<a href="#" class="comment-markup" id="ab<%id%>">markup</a>):</p>\
+      <div class="comment-markup-box" id="mb<%id%>">\
+        reStructured text markup: <i>*emph*</i>, <b>**strong**</b>, \
+        <tt>``code``</tt>, \
+        code blocks: <tt>::</tt> and an indented block after blank line</div>\
+      <form method="post" id="cf<%id%>" class="comment-form" action="">\
+        <textarea name="comment" cols="80"></textarea>\
+        <p class="propose-button">\
+          <a href="#" id="pc<%id%>" class="show-propose-change">\
+            Propose a change &#9657;\
+          </a>\
+          <a href="#" id="hc<%id%>" class="hide-propose-change">\
+            Propose a change &#9663;\
+          </a>\
+        </p>\
+        <textarea name="proposal" id="pt<%id%>" cols="80"\
+                  spellcheck="false"></textarea>\
+        <input type="submit" value="Add comment" />\
+        <input type="hidden" name="node" value="<%id%>" />\
+        <input type="hidden" name="parent" value="" />\
+      </form>\
+      </div>\
+    </div>';
+
+  var commentTemplate = '\
+    <div id="cd<%id%>" class="sphinx-comment<%css_class%>">\
+      <div class="vote">\
+        <div class="arrow">\
+          <a href="#" id="uv<%id%>" class="vote" title="vote up">\
+            <img src="<%upArrow%>" />\
+          </a>\
+          <a href="#" id="uu<%id%>" class="un vote" title="vote up">\
+            <img src="<%upArrowPressed%>" />\
+          </a>\
+        </div>\
+        <div class="arrow">\
+          <a href="#" id="dv<%id%>" class="vote" title="vote down">\
+            <img src="<%downArrow%>" id="da<%id%>" />\
+          </a>\
+          <a href="#" id="du<%id%>" class="un vote" title="vote down">\
+            <img src="<%downArrowPressed%>" />\
+          </a>\
+        </div>\
+      </div>\
+      <div class="comment-content">\
+        <p class="tagline comment">\
+          <span class="user-id"><%username%></span>\
+          <span class="rating"><%pretty_rating%></span>\
+          <span class="delta"><%time.delta%></span>\
+        </p>\
+        <div class="comment-text comment"><#text#></div>\
+        <p class="comment-opts comment">\
+          <a href="#" class="reply hidden" id="rl<%id%>">reply &#9657;</a>\
+          <a href="#" class="close-reply" id="cr<%id%>">reply &#9663;</a>\
+          <a href="#" id="sp<%id%>" class="show-proposal">proposal &#9657;</a>\
+          <a href="#" id="hp<%id%>" class="hide-proposal">proposal &#9663;</a>\
+          <a href="#" id="dc<%id%>" class="delete-comment hidden">delete</a>\
+          <span id="cm<%id%>" class="moderation hidden">\
+            <a href="#" id="ac<%id%>" class="accept-comment">accept</a>\
+          </span>\
+        </p>\
+        <pre class="proposal" id="pr<%id%>">\
+<#proposal_diff#>\
+        </pre>\
+          <ul class="comment-children" id="cl<%id%>"></ul>\
+        </div>\
+        <div class="clearleft"></div>\
+      </div>\
+    </div>';
+
+  var replyTemplate = '\
+    <li>\
+      <div class="reply-div" id="rd<%id%>">\
+        <form id="rf<%id%>">\
+          <textarea name="comment" cols="80"></textarea>\
+          <input type="submit" value="Add reply" />\
+          <input type="button" value="Cancel" />\
+          <input type="hidden" name="parent" value="<%id%>" />\
+          <input type="hidden" name="node" value="" />\
+        </form>\
+      </div>\
+    </li>';
+
+  $(document).ready(function() {
+    init();
+  });
+})(jQuery);
+
+$(document).ready(function() {
+  // add comment anchors for all paragraphs that are commentable
+  $('.sphinx-has-comment').comment();
+
+  // highlight search words in search results
+  $("div.context").each(function() {
+    var params = $.getQueryParameters();
+    var terms = (params.q) ? params.q[0].split(/\s+/) : [];
+    var result = $(this);
+    $.each(terms, function() {
+      result.highlightText(this.toLowerCase(), 'highlighted');
+    });
+  });
+
+  // directly open comment window if requested
+  var anchor = document.location.hash;
+  if (anchor.substring(0, 9) == '#comment-') {
+    $('#ao' + anchor.substring(9)).click();
+    document.location.hash = '#s' + anchor.substring(9);
+  }
+});
diff --git a/_static/wufoo.css b/_static/wufoo.css
new file mode 100644
index 0000000..c74fa27
--- /dev/null
+++ b/_static/wufoo.css
@@ -0,0 +1,51 @@
+/* Wufoo bullshit */
+
+.ltr {border:1px solid #ccc;font-family:"helvetica neue",helvetica,arial,sans-serif !important;}
+.wufoo .info h2 {border-bottom: 1px solid #CCCCCC;
+box-shadow: 0 2px 0 -1px #FFFFFF;display: block;font-size: 24px;margin: 0 0 15px;padding: 0 20px 10px 0;color:#B73D06 !important;font-family:"helvetica neue",helvetica,arial,sans-serif !important;line-height:24px;}
+.wufoo textarea.textarea {height:60px;}
+
+.info {padding:0 1% 0 !important;margin:0 !important;}
+
+.wufoo li.focused {background-color:transparent !important;}
+#errorLi {display:none !important;}
+form li.error {background-color:transparent !important;}
+.wufoo li {width:96% !important;}
+form p.error {font-size:10px !important;}
+
+.wufoo .info div a {color:#B73D06 !important;}
+.wufoo .info div a:hover {color:#e06321 !important;}
+
+.wufoo input.btTxt {background-color: #ddd;
+    background-image: -moz-linear-gradient(top , #ddd, #eee);
+    background-image: -webkit-linear-gradient(top , #ddd, #eee);
+    background-repeat: repeat-x;
+    border-color:#ccc #ccc #c0c5c2;
+    text-shadow: 0 1px 1px #fff;
+    color:#b73d06;
+    text-decoration:none;
+    border-radius: 60px;
+    border-width:1px;
+    border-style:solid;
+    box-shadow:0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
+    font-size:12px !important;
+    padding:4px 10px;
+    font-weight:bold;
+    display:inline-block;
+    float:right;
+    margin:0 -3px 0 0;
+    font-family:"helvetica neue",helvetica,arial,sans-serif !important;
+    }
+    
+.wufoo input.btTxt:hover{
+    color:#e06321;
+    background-image: -moz-linear-gradient(top , #ddd, #fff);
+    background-image: -webkit-linear-gradient(top , #ddd, #fff);
+    cursor:pointer;
+    }
+
+    .wufoo input.text, .wufoo textarea.textarea, .wufoo input.file {
+        border-radius:6px;
+        font-family: inherit;
+        padding: 5px;
+    }
\ No newline at end of file
diff --git a/ab-testing-android.html b/ab-testing-android.html
new file mode 100644
index 0000000..408f4a2
--- /dev/null
+++ b/ab-testing-android.html
@@ -0,0 +1,276 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Android SDK - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="up" title="Clutch A/B Testing" href="ab-testing.html" />
+                  <link rel="next" title="Screencasts" href="ab-testing-screencasts.html" />
+                  <link rel="prev" title="iOS SDK" href="ab-testing-ios.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+      <a href="ab-testing.html" accesskey="U">Clutch A/B Testing</a> &raquo;
+    Android SDK
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="ab-testing-screencasts.html" class="right" title="Screencasts" accesskey="N">next</a>
+    <a href="ab-testing-ios.html" class="right" title="iOS SDK" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="android-sdk">
+<h1>Android SDK<a class="headerlink" href="#android-sdk" title="Permalink to this headline">¶</a></h1>
+<p>If you don&#8217;t have an account on your Clutch.io instance yet, you&#8217;ll need to
+<a class="reference external" href="http://127.0.0.1:8000/register/">do that first</a>.  Otherwise, follow the steps below.</p>
+<div class="section" id="getting-started">
+<h2>Getting Started<a class="headerlink" href="#getting-started" title="Permalink to this headline">¶</a></h2>
+<p>First, download the <a class="reference external" href="https://github.com/downloads/clutchio/clutchandroid/Clutch-Android-Latest.jar">Clutch library</a> JAR file, and add it to your project.
+Now, in your project&#8217;s main Activity, you should add three calls: one in
+<tt class="docutils literal"><span class="pre">onCreate</span></tt>, another in <tt class="docutils literal"><span class="pre">onPause</span></tt>, and finally one in <tt class="docutils literal"><span class="pre">onResume</span></tt>.  Here&#8217;s
+how it should look:</p>
+<p>In your <tt class="docutils literal"><span class="pre">onCreate</span></tt>, call the <tt class="docutils literal"><span class="pre">ClutchAB.setup(Context</span> <span class="pre">ctx,</span> <span class="pre">String</span> <span class="pre">key)</span></tt>
+method:</p>
+<div class="highlight-java"><div class="highlight"><pre><span class="kd">public</span> <span class="kt">void</span> <span class="nf">onCreate</span><span class="o">(</span><span class="n">Bundle</span> <span class="n">savedInstanceState</span><span class="o">)</span> <span class="o">{</span>
+    <span class="kd">super</span><span class="o">.</span><span class="na">onCreate</span><span class="o">(</span><span class="n">savedInstanceState</span><span class="o">);</span>
+
+    <span class="n">ClutchAB</span><span class="o">.</span><span class="na">setup</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="na">getApplicationContext</span><span class="o">()</span>
+        <span class="s">&quot;YOUR_APPLICATION_KEY&quot;</span><span class="o">,</span>
+        <span class="s">&quot;YOUR_RPC_URL&quot;</span>
+    <span class="o">);</span>
+
+    <span class="c1">// The rest of your code here, maybe something like:</span>
+    <span class="c1">// setContentView(R.layout.main);</span>
+<span class="o">}</span>
+</pre></div>
+</div>
+<p>In your <tt class="docutils literal"><span class="pre">onPause</span></tt>, call the <tt class="docutils literal"><span class="pre">ClutchAB.onPause()</span></tt> method:</p>
+<div class="highlight-java"><div class="highlight"><pre><span class="kd">protected</span> <span class="kt">void</span> <span class="nf">onPause</span><span class="o">()</span> <span class="o">{</span>
+    <span class="kd">super</span><span class="o">.</span><span class="na">onPause</span><span class="o">();</span>
+    <span class="n">ClutchAB</span><span class="o">.</span><span class="na">onPause</span><span class="o">();</span>
+<span class="o">}</span>
+</pre></div>
+</div>
+<p>In your <tt class="docutils literal"><span class="pre">onResume</span></tt>, call the <tt class="docutils literal"><span class="pre">ClutchAB.onResume()</span></tt> method:</p>
+<div class="highlight-java"><div class="highlight"><pre><span class="kd">protected</span> <span class="kt">void</span> <span class="nf">onResume</span><span class="o">()</span> <span class="o">{</span>
+    <span class="kd">super</span><span class="o">.</span><span class="na">onResume</span><span class="o">();</span>
+    <span class="n">ClutchAB</span><span class="o">.</span><span class="na">onResume</span><span class="o">();</span>
+<span class="o">}</span>
+</pre></div>
+</div>
+<p>Those three integration points will set everything up, and prepare your code to
+begin A/B testing.</p>
+</div>
+<div class="section" id="normal-tests">
+<h2>Normal Tests<a class="headerlink" href="#normal-tests" title="Permalink to this headline">¶</a></h2>
+<p>The function for running a test is
+<tt class="docutils literal"><span class="pre">ClutchAB.test(String</span> <span class="pre">name,</span> <span class="pre">ClutchABTest</span> <span class="pre">test)</span></tt>.  The <tt class="docutils literal"><span class="pre">ClutchABTest</span></tt> object
+should be an anonymous subclass and you can implement <tt class="docutils literal"><span class="pre">public</span> <span class="pre">void</span> <span class="pre">A()</span></tt> all
+the way up to <tt class="docutils literal"><span class="pre">public</span> <span class="pre">void</span> <span class="pre">J()</span></tt> for up to ten different tests per experiment.</p>
+<p>Example:</p>
+<div class="highlight-java"><div class="highlight"><pre><span class="c1">// Find our login button</span>
+<span class="kd">final</span> <span class="n">Button</span> <span class="n">loginButton</span> <span class="o">=</span> <span class="o">(</span><span class="n">Button</span><span class="o">)</span><span class="n">findViewById</span><span class="o">(</span><span class="n">R</span><span class="o">.</span><span class="na">id</span><span class="o">.</span><span class="na">login_button</span><span class="o">);</span>
+
+<span class="c1">// Test which color performs better</span>
+<span class="n">ClutchAB</span><span class="o">.</span><span class="na">test</span><span class="o">(</span><span class="s">&quot;loginButtonColor&quot;</span><span class="o">,</span> <span class="k">new</span> <span class="n">ClutchABTest</span><span class="o">()</span> <span class="o">{</span>
+    <span class="kd">public</span> <span class="kt">void</span> <span class="nf">A</span><span class="o">()</span> <span class="o">{</span>
+        <span class="c1">// Red?</span>
+        <span class="n">loginButton</span><span class="o">.</span><span class="na">setBackgroundColor</span><span class="o">(</span><span class="n">Color</span><span class="o">.</span><span class="na">RED</span><span class="o">);</span>
+    <span class="o">}</span>
+    <span class="kd">public</span> <span class="kt">void</span> <span class="nf">B</span><span class="o">()</span> <span class="o">{</span>
+        <span class="c1">// Or green?</span>
+        <span class="n">loginButton</span><span class="o">.</span><span class="na">setBackgroundColor</span><span class="o">(</span><span class="n">Color</span><span class="o">.</span><span class="na">GREEN</span><span class="o">);</span>
+    <span class="o">}</span>
+<span class="o">});</span>
+</pre></div>
+</div>
+</div>
+<div class="section" id="data-driven-tests">
+<h2>Data-driven Tests<a class="headerlink" href="#data-driven-tests" title="Permalink to this headline">¶</a></h2>
+<p>The function for running a data-driven test is
+<tt class="docutils literal"><span class="pre">ClutchAB.test(String</span> <span class="pre">name,</span> <span class="pre">ClutchABDataTest</span> <span class="pre">test)</span></tt>.  The
+<tt class="docutils literal"><span class="pre">ClutchABDataTest</span></tt> object should be an anonymous subclass that must implement
+<tt class="docutils literal"><span class="pre">public</span> <span class="pre">void</span> <span class="pre">action(JSONObject</span> <span class="pre">testData)</span></tt>.</p>
+<p>Example:</p>
+<div class="highlight-java"><div class="highlight"><pre><span class="c1">// Find our login button</span>
+<span class="kd">final</span> <span class="n">Button</span> <span class="n">loginButton</span> <span class="o">=</span> <span class="o">(</span><span class="n">Button</span><span class="o">)</span><span class="n">findViewById</span><span class="o">(</span><span class="n">R</span><span class="o">.</span><span class="na">id</span><span class="o">.</span><span class="na">login_button</span><span class="o">);</span>
+
+<span class="n">ClutchAB</span><span class="o">.</span><span class="na">test</span><span class="o">(</span><span class="s">&quot;loginButtonTitle&quot;</span><span class="o">,</span> <span class="k">new</span> <span class="n">ClutchABDataTest</span><span class="o">()</span> <span class="o">{</span>
+    <span class="kd">public</span> <span class="kt">void</span> <span class="nf">action</span><span class="o">(</span><span class="n">JSONObject</span> <span class="n">testData</span><span class="o">)</span> <span class="o">{</span>
+        <span class="n">loginButton</span><span class="o">.</span><span class="na">setText</span><span class="o">(</span><span class="n">testData</span><span class="o">.</span><span class="na">optString</span><span class="o">(</span><span class="s">&quot;title&quot;</span><span class="o">));</span>
+    <span class="o">}</span>
+<span class="o">});</span>
+</pre></div>
+</div>
+</div>
+<div class="section" id="goal-reached">
+<h2>Goal Reached<a class="headerlink" href="#goal-reached" title="Permalink to this headline">¶</a></h2>
+<p>The function for noting that a goal was reached is
+<tt class="docutils literal"><span class="pre">ClutchAB.goalReached(String</span> <span class="pre">name)</span></tt>, where the argument is the test&#8217;s short
+name.</p>
+<p>Example:</p>
+<div class="highlight-java"><div class="highlight"><pre><span class="kd">public</span> <span class="kt">void</span> <span class="nf">onNewAccountCreated</span><span class="o">()</span> <span class="o">{</span>
+    <span class="c1">// A new account was created, so whatever button color was chosen, worked!</span>
+    <span class="n">ClutchAB</span><span class="o">.</span><span class="na">goalReached</span><span class="o">(</span><span class="s">&quot;loginButtonColor&quot;</span><span class="o">);</span>
+<span class="o">}</span>
+</pre></div>
+</div>
+</div>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h3 class="contents">Contents</h3>
+  <div class="pad">
+  <ul>
+<li><a class="reference internal" href="#">Android SDK</a><ul>
+<li><a class="reference internal" href="#getting-started">Getting Started</a></li>
+<li><a class="reference internal" href="#normal-tests">Normal Tests</a></li>
+<li><a class="reference internal" href="#data-driven-tests">Data-driven Tests</a></li>
+<li><a class="reference internal" href="#goal-reached">Goal Reached</a></li>
+</ul>
+</li>
+</ul>
+
+  </div>
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="ab-testing-ios.html" title="previous chapter">iOS SDK</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="ab-testing-screencasts.html" title="next chapter">Screencasts</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/ab-testing-android.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/ab-testing-ios.html b/ab-testing-ios.html
new file mode 100644
index 0000000..060a60c
--- /dev/null
+++ b/ab-testing-ios.html
@@ -0,0 +1,282 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - iOS SDK - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="up" title="Clutch A/B Testing" href="ab-testing.html" />
+                  <link rel="next" title="Android SDK" href="ab-testing-android.html" />
+                  <link rel="prev" title="Overview" href="ab-testing-overview.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+      <a href="ab-testing.html" accesskey="U">Clutch A/B Testing</a> &raquo;
+    iOS SDK
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="ab-testing-android.html" class="right" title="Android SDK" accesskey="N">next</a>
+    <a href="ab-testing-overview.html" class="right" title="Overview" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="ios-sdk">
+<h1>iOS SDK<a class="headerlink" href="#ios-sdk" title="Permalink to this headline">¶</a></h1>
+<p>If you don&#8217;t have an account on your Clutch.io instance yet, you&#8217;ll need to
+<a class="reference external" href="http://127.0.0.1:8000/register/">do that first</a>.  Otherwise, follow the steps below.</p>
+<div class="section" id="getting-started">
+<h2>Getting Started<a class="headerlink" href="#getting-started" title="Permalink to this headline">¶</a></h2>
+<p>First make sure you have the <a class="reference external" href="https://github.com/downloads/clutchio/clutchios/Clutch-iOS-Latest.zip">Clutch library</a> added to your project.  To do
+so, download the library, extract the zip file, and drag the Clutch.framework
+folder into your project.  Make sure that the library is in your project&#8217;s
+linked frameworks section.  The <a class="reference external" href="https://github.com/downloads/clutchio/clutchios/Clutch-iOS-Latest.zip">Clutch library</a> depends on libsqlite3.dylib,
+so make sure to link that as well.</p>
+<p>Now import the Clutch A/B Testing library in your project&#8217;s <tt class="docutils literal"><span class="pre">AppDelegate.h</span></tt>,
+like so:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="cp">#import &lt;Clutch/ClutchAB.h&gt;</span>
+</pre></div>
+</div>
+<p>Now in your project&#8217;s <tt class="docutils literal"><span class="pre">AppDelegate.m</span></tt>, under
+<tt class="docutils literal"><span class="pre">application:didFinishLaunchingWithOptions:</span></tt>, add the following code:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="p">[</span><span class="n">ClutchAB</span> <span class="nl">setupForKey:</span><span class="s">@&quot;YOUR_APPLICATION_KEY&quot;</span> <span class="nl">rpcURL:</span><span class="s">@&quot;YOUR_RPC_URL&quot;</span><span class="p">];</span>
+</pre></div>
+</div>
+<p>That&#8217;s it&#8211;you&#8217;re now set up to run tests!</p>
+</div>
+<div class="section" id="normal-tests">
+<h2>Normal Tests<a class="headerlink" href="#normal-tests" title="Permalink to this headline">¶</a></h2>
+<p>The function for running a test is <tt class="docutils literal"><span class="pre">testWithName:A:B:</span></tt>.  This can be given up
+to 10 different code blocks, by adding the next letter in the alphabet.  A test
+with four code blocks would look like this: <tt class="docutils literal"><span class="pre">testWithName:A:B:C:D:</span></tt>.</p>
+<p>Example:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="c1">// Create a button and add it to the navigation bar</span>
+<span class="n">UIBarButtonItem</span> <span class="o">*</span><span class="n">loginButton</span> <span class="o">=</span> <span class="p">[</span>
+    <span class="p">[</span><span class="n">UIBarButtonItem</span> <span class="n">alloc</span><span class="p">]</span> <span class="nl">initWithTitle:</span><span class="s">@&quot;Log In&quot;</span>
+                                    <span class="nl">style:</span><span class="n">UIBarButtonItemStyleBordered</span>
+                                   <span class="nl">target:</span><span class="n">self</span>
+                                   <span class="nl">action:</span><span class="k">@selector</span><span class="p">(</span><span class="n">ensureUser</span><span class="p">)];</span>
+
+<span class="n">self</span><span class="p">.</span><span class="n">navigationItem</span><span class="p">.</span><span class="n">rightBarButtonItem</span> <span class="o">=</span> <span class="n">loginButton</span><span class="p">;</span>
+
+<span class="c1">// Test which color of tint performs better</span>
+<span class="p">[</span><span class="n">ClutchAB</span> <span class="nl">testWithName:</span><span class="s">@&quot;loginButtonColor&quot;</span> <span class="nl">A:</span><span class="o">^</span><span class="p">{</span>
+    <span class="c1">// Red?</span>
+    <span class="n">loginButton</span><span class="p">.</span><span class="n">tintColor</span> <span class="o">=</span> <span class="p">[</span><span class="n">UIColor</span> <span class="n">redColor</span><span class="p">];</span>
+<span class="p">}</span> <span class="nl">B:</span><span class="o">^</span><span class="p">{</span>
+    <span class="c1">// Or green?</span>
+    <span class="n">loginButton</span><span class="p">.</span><span class="n">tintColor</span> <span class="o">=</span> <span class="p">[</span><span class="n">UIColor</span> <span class="n">greenColor</span><span class="p">];</span>
+<span class="p">}];</span>
+
+<span class="p">[</span><span class="n">loginButton</span> <span class="n">release</span><span class="p">];</span>
+</pre></div>
+</div>
+</div>
+<div class="section" id="data-driven-tests">
+<h2>Data-driven Tests<a class="headerlink" href="#data-driven-tests" title="Permalink to this headline">¶</a></h2>
+<p>The function for running a data-driven test is <tt class="docutils literal"><span class="pre">testWithName:data</span></tt>.  The code
+block that&#8217;s passed in must accept one NSDictionary argument.</p>
+<p>Example:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="c1">// Create a button and add it to the navigation bar</span>
+<span class="n">UIBarButtonItem</span> <span class="o">*</span><span class="n">loginButton</span> <span class="o">=</span> <span class="p">[</span>
+    <span class="p">[</span><span class="n">UIBarButtonItem</span> <span class="n">alloc</span><span class="p">]</span> <span class="nl">initWithTitle:</span><span class="s">@&quot;Log In&quot;</span>
+                                    <span class="nl">style:</span><span class="n">UIBarButtonItemStyleBordered</span>
+                                   <span class="nl">target:</span><span class="n">self</span>
+                                   <span class="nl">action:</span><span class="k">@selector</span><span class="p">(</span><span class="n">ensureUser</span><span class="p">)];</span>
+
+<span class="n">self</span><span class="p">.</span><span class="n">navigationItem</span><span class="p">.</span><span class="n">rightBarButtonItem</span> <span class="o">=</span> <span class="n">loginButton</span><span class="p">;</span>
+
+<span class="p">[</span><span class="n">ClutchAB</span> <span class="nl">testWithName:</span><span class="s">@&quot;loginButtonTitle&quot;</span> <span class="nl">data:</span><span class="o">^</span><span class="p">(</span><span class="n">NSDictionary</span> <span class="o">*</span><span class="n">testData</span><span class="p">)</span> <span class="p">{</span>
+    <span class="c1">// Extract the title from the testData dictionary, and assign it to the button.</span>
+    <span class="n">loginButton</span><span class="p">.</span><span class="n">title</span> <span class="o">=</span> <span class="p">[</span><span class="n">testData</span> <span class="nl">objectForKey:</span><span class="s">@&quot;title&quot;</span><span class="p">];</span>
+<span class="p">}];</span>
+
+<span class="p">[</span><span class="n">loginButton</span> <span class="n">release</span><span class="p">];</span>
+</pre></div>
+</div>
+</div>
+<div class="section" id="goal-reached">
+<h2>Goal Reached<a class="headerlink" href="#goal-reached" title="Permalink to this headline">¶</a></h2>
+<p>The function for noting that a goal was reached is <tt class="docutils literal"><span class="pre">goalReached:</span></tt>, where the
+argument is the test&#8217;s short name.</p>
+<p>Example:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">newAccountCreated</span> <span class="p">{</span>
+    <span class="c1">// A new account was created, so whatever button color was chosen, worked!</span>
+    <span class="p">[</span><span class="n">ClutchAB</span> <span class="nl">goalReached:</span><span class="s">@&quot;loginButtonColor&quot;</span><span class="p">];</span>
+<span class="p">}</span>
+</pre></div>
+</div>
+</div>
+<div class="section" id="extras">
+<h2>Extras<a class="headerlink" href="#extras" title="Permalink to this headline">¶</a></h2>
+<p>It&#8217;s very common for data-driven tests to be color-related.  To aid in this, we
+have provided a simple function for getting a UIColor out of a hex-string.</p>
+<p>Example:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="n">UIColor</span> <span class="o">*</span><span class="n">buttonColor</span> <span class="o">=</span> <span class="p">[</span><span class="n">ClutchAB</span> <span class="nl">colorFromHex:</span><span class="s">@&quot;FF0044&quot;</span><span class="p">];</span>
+</pre></div>
+</div>
+<p>Here&#8217;s how it might be used with a data-driven test:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="p">[</span><span class="n">ClutchAB</span> <span class="nl">testWithName:</span><span class="s">@&quot;loginButtonVariableColor&quot;</span> <span class="nl">data:</span><span class="o">^</span><span class="p">(</span><span class="n">NSDictionary</span> <span class="o">*</span><span class="n">testData</span><span class="p">)</span> <span class="p">{</span>
+    <span class="c1">// Extract the color from the testData dictionary, and assign it to the button.</span>
+    <span class="n">loginButton</span><span class="p">.</span><span class="n">tintColor</span> <span class="o">=</span> <span class="p">[</span><span class="n">ClutchAB</span> <span class="nl">colorFromHex:</span><span class="p">[</span><span class="n">testData</span> <span class="nl">objectForKey:</span><span class="s">@&quot;color&quot;</span><span class="p">]];</span>
+<span class="p">}];</span>
+</pre></div>
+</div>
+</div>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h3 class="contents">Contents</h3>
+  <div class="pad">
+  <ul>
+<li><a class="reference internal" href="#">iOS SDK</a><ul>
+<li><a class="reference internal" href="#getting-started">Getting Started</a></li>
+<li><a class="reference internal" href="#normal-tests">Normal Tests</a></li>
+<li><a class="reference internal" href="#data-driven-tests">Data-driven Tests</a></li>
+<li><a class="reference internal" href="#goal-reached">Goal Reached</a></li>
+<li><a class="reference internal" href="#extras">Extras</a></li>
+</ul>
+</li>
+</ul>
+
+  </div>
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="ab-testing-overview.html" title="previous chapter">Overview</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="ab-testing-android.html" title="next chapter">Android SDK</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/ab-testing-ios.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/ab-testing-overview.html b/ab-testing-overview.html
new file mode 100644
index 0000000..d556499
--- /dev/null
+++ b/ab-testing-overview.html
@@ -0,0 +1,206 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Overview - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="up" title="Clutch A/B Testing" href="ab-testing.html" />
+                  <link rel="next" title="iOS SDK" href="ab-testing-ios.html" />
+                  <link rel="prev" title="Clutch A/B Testing" href="ab-testing.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+      <a href="ab-testing.html" accesskey="U">Clutch A/B Testing</a> &raquo;
+    Overview
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="ab-testing-ios.html" class="right" title="iOS SDK" accesskey="N">next</a>
+    <a href="ab-testing.html" class="right" title="Clutch A/B Testing" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="overview">
+<h1>Overview<a class="headerlink" href="#overview" title="Permalink to this headline">¶</a></h1>
+<p>A/B testing is a way of showing users different variations of your app, and
+then measuring how each variation affects your goals.  For example, if you&#8217;re
+interested in having your users make more in-app purchases, you might test the
+phrase &#8220;buy more coins now!&#8221; versus &#8220;save time by buying coins&#8221;.  Clutch&#8217;s A/B
+testing tools can tell you which one will make you more money.</p>
+<div class="section" id="types-of-tests-normal-vs-data-driven">
+<h2>Types of Tests (Normal vs. Data-Driven)<a class="headerlink" href="#types-of-tests-normal-vs-data-driven" title="Permalink to this headline">¶</a></h2>
+<p>With Clutch&#8217;s A/B testing framework, you have the option of two different types
+of tests: normal, and data-driven.</p>
+<p><strong>Normal</strong> tests are simpler: you give the framework two (or more) different
+pieces of code to run.  We then choose one of those pieces of code, and run it,
+and report back to you which version improves whichever metrics you care about.
+This is best for qualitative things like whether a label should go on the left
+or right side of an image.</p>
+<p><strong>Data-driven</strong> tests only have one code path, but that code is passed data from
+the server, which can be changed after the app is live in the app store.  Your
+code should extract some variable from that data, and use it in it&#8217;s test.
+This is good for quantitative things like button color, font size, or text
+copy.</p>
+</div>
+<div class="section" id="tracking-goals">
+<h2>Tracking Goals<a class="headerlink" href="#tracking-goals" title="Permalink to this headline">¶</a></h2>
+<p>Tests are only good when they can measure some metric and show you which path
+is performing better.  To help out our system, that metric should be a &#8220;goal&#8221;.
+Good examples of goals are things like an in-app purchase, a new account
+created, or even a tap on an advertisement.</p>
+</div>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h3 class="contents">Contents</h3>
+  <div class="pad">
+  <ul>
+<li><a class="reference internal" href="#">Overview</a><ul>
+<li><a class="reference internal" href="#types-of-tests-normal-vs-data-driven">Types of Tests (Normal vs. Data-Driven)</a></li>
+<li><a class="reference internal" href="#tracking-goals">Tracking Goals</a></li>
+</ul>
+</li>
+</ul>
+
+  </div>
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="ab-testing.html" title="previous chapter">Clutch A/B Testing</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="ab-testing-ios.html" title="next chapter">iOS SDK</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/ab-testing-overview.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/ab-testing-screencasts.html b/ab-testing-screencasts.html
new file mode 100644
index 0000000..4ad30f6
--- /dev/null
+++ b/ab-testing-screencasts.html
@@ -0,0 +1,196 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Screencasts - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="up" title="Clutch A/B Testing" href="ab-testing.html" />
+                  <link rel="next" title="Clutch Framework" href="framework.html" />
+                  <link rel="prev" title="Android SDK" href="ab-testing-android.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+      <a href="ab-testing.html" accesskey="U">Clutch A/B Testing</a> &raquo;
+    Screencasts
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="framework.html" class="right" title="Clutch Framework" accesskey="N">next</a>
+    <a href="ab-testing-android.html" class="right" title="Android SDK" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="screencasts">
+<h1>Screencasts<a class="headerlink" href="#screencasts" title="Permalink to this headline">¶</a></h1>
+<p>Everyone learns in different ways.  For some, the best way to learn a new tool
+is to pore over documentation for hours.  For others, jumping in on the deep
+end and just starting to build something is the best.  For others still, visual
+and/or audio walkthroughs are best.  Because of that, we want to make sure
+there are ample examples of each!  Here&#8217;s our collection of screencasts:</p>
+<div class="section" id="getting-started-ios">
+<h2>Getting Started - iOS<a class="headerlink" href="#getting-started-ios" title="Permalink to this headline">¶</a></h2>
+<p>In this screencast we will start a new Clutch A/B testing project for an
+existing iOS application, explaining in detail each step that&#8217;s required and
+why.</p>
+<iframe src="http://player.vimeo.com/video/36469397?title=0&amp;byline=0&amp;portrait=0" width="670" height="380" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
+<div class="section" id="getting-started-android">
+<h2>Getting Started - Android<a class="headerlink" href="#getting-started-android" title="Permalink to this headline">¶</a></h2>
+<p>In this screencast we will start a new Clutch A/B testing project for an
+existing Android application, explaining in detail each step that&#8217;s required
+and why.</p>
+<iframe src="http://player.vimeo.com/video/36468715?byline=0&amp;portrait=0" width="670" height="380" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h3 class="contents">Contents</h3>
+  <div class="pad">
+  <ul>
+<li><a class="reference internal" href="#">Screencasts</a><ul>
+<li><a class="reference internal" href="#getting-started-ios">Getting Started - iOS</a></li>
+<li><a class="reference internal" href="#getting-started-android">Getting Started - Android</a></li>
+</ul>
+</li>
+</ul>
+
+  </div>
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="ab-testing-android.html" title="previous chapter">Android SDK</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="framework.html" title="next chapter">Clutch Framework</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/ab-testing-screencasts.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/ab-testing.html b/ab-testing.html
new file mode 100644
index 0000000..a69ddae
--- /dev/null
+++ b/ab-testing.html
@@ -0,0 +1,195 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Clutch A/B Testing - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="next" title="Overview" href="ab-testing-overview.html" />
+                  <link rel="prev" title="Welcome to Clutch’s documentation!" href="index.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+    Clutch A/B Testing
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="ab-testing-overview.html" class="right" title="Overview" accesskey="N">next</a>
+    <a href="index.html" class="right" title="Welcome to Clutch’s documentation!" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="clutch-a-b-testing">
+<h1>Clutch A/B Testing<a class="headerlink" href="#clutch-a-b-testing" title="Permalink to this headline">¶</a></h1>
+<div class="toctree-wrapper compound">
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="ab-testing-overview.html">Overview</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="ab-testing-overview.html#types-of-tests-normal-vs-data-driven">Types of Tests (Normal vs. Data-Driven)</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ab-testing-overview.html#tracking-goals">Tracking Goals</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="ab-testing-ios.html">iOS SDK</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="ab-testing-ios.html#getting-started">Getting Started</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ab-testing-ios.html#normal-tests">Normal Tests</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ab-testing-ios.html#data-driven-tests">Data-driven Tests</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ab-testing-ios.html#goal-reached">Goal Reached</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ab-testing-ios.html#extras">Extras</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="ab-testing-android.html">Android SDK</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="ab-testing-android.html#getting-started">Getting Started</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ab-testing-android.html#normal-tests">Normal Tests</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ab-testing-android.html#data-driven-tests">Data-driven Tests</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ab-testing-android.html#goal-reached">Goal Reached</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="ab-testing-screencasts.html">Screencasts</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="ab-testing-screencasts.html#getting-started-ios">Getting Started - iOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ab-testing-screencasts.html#getting-started-android">Getting Started - Android</a></li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="index.html" title="previous chapter">Welcome to Clutch&#8217;s documentation!</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="ab-testing-overview.html" title="next chapter">Overview</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/ab-testing.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/addingnewscreen.html b/addingnewscreen.html
new file mode 100644
index 0000000..3b6851f
--- /dev/null
+++ b/addingnewscreen.html
@@ -0,0 +1,283 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Adding a New Screen - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="up" title="Tutorials and Articles" href="tutorials.html" />
+                  <link rel="next" title="Integrating Pull-to-Refresh" href="pulltorefresh.html" />
+                  <link rel="prev" title="Anatomy of an App Using Clutch" href="anatomy.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+      <a href="framework.html" >Clutch Framework</a> &raquo;
+      <a href="tutorials.html" accesskey="U">Tutorials and Articles</a> &raquo;
+    Adding a New Screen
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="pulltorefresh.html" class="right" title="Integrating Pull-to-Refresh" accesskey="N">next</a>
+    <a href="anatomy.html" class="right" title="Anatomy of an App Using Clutch" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="adding-a-new-screen">
+<h1>Adding a New Screen<a class="headerlink" href="#adding-a-new-screen" title="Permalink to this headline">¶</a></h1>
+<p>Once you have your app all set up and configured, the most common task you will
+want to do is add a new screen.  Fortunately, this is quite easy!</p>
+<p>First, come up with a short name that you would like to identify this new
+screen, which we refer to as the &#8220;slug&#8221;, and the Objective-C class name.  For
+example if you are creating a screen to present a photo to the user, you might
+choose <tt class="docutils literal"><span class="pre">photo</span></tt> as your slug, and you might want to choose something like
+<tt class="docutils literal"><span class="pre">PhotoViewController</span></tt> for your new file in XCode.</p>
+<p>To help make this easier, we&#8217;ve created a tool to help get the details right.
+All you have to do is enter your choices below:</p>
+<label for="slug">Slug:</label>
+<input type="text" id="id_slug" name="slug" value="photo" />
+<br />
+<div class="clear"></div>
+<label for="name">Controller Name:</label>
+<input type="text" id="id_name" name="name" value="PhotoViewController" />
+<div class="clear"></div>
+<br /><p>Now you should type this command into
+Terminal.app (make sure you change to the directory holding your Clutch
+JavaScript first):</p>
+<div class="highlight-python"><pre>clutch startscreen $SLUG$</pre>
+</div>
+<p>Now you should go to your XCode project and add a new file.  Choose
+&#8220;UIViewController subclass&#8221; when it asks.  Name it what you decided above, and
+then copy this into $NAME$.h:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="cp">#import &lt;UIKit/UIKit.h&gt;</span>
+<span class="cp">#import &lt;Clutch/Clutch.h&gt;</span>
+
+<span class="k">@interface</span> <span class="nc">$NAME$</span> : <span class="nc">UIViewController</span> <span class="o">&lt;</span><span class="n">ClutchViewDelegate</span><span class="o">&gt;</span>
+
+<span class="k">@property</span> <span class="p">(</span><span class="n">nonatomic</span><span class="p">,</span> <span class="n">retain</span><span class="p">)</span> <span class="n">ClutchView</span> <span class="o">*</span><span class="n">clutchView</span><span class="p">;</span>
+
+<span class="k">@end</span>
+</pre></div>
+</div>
+<p>Now copy this into $NAME$.m:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="cp">#import &quot;$NAME$.h&quot;</span>
+
+<span class="k">@implementation</span> <span class="nc">$NAME$</span>
+
+<span class="k">@synthesize</span> <span class="n">clutchView</span> <span class="o">=</span> <span class="n">_clutchView</span><span class="p">;</span>
+
+<span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">didReceiveMemoryWarning</span>
+<span class="p">{</span>
+    <span class="c1">// Releases the view if it doesn&#39;t have a superview.</span>
+    <span class="p">[</span><span class="n">super</span> <span class="n">didReceiveMemoryWarning</span><span class="p">];</span>
+
+    <span class="c1">// Release any cached data, images, etc that aren&#39;t in use.</span>
+<span class="p">}</span>
+
+<span class="cp">#pragma mark - ClutchViewDelegate</span>
+
+<span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">clutchView:</span><span class="p">(</span><span class="n">ClutchView</span> <span class="o">*</span><span class="p">)</span><span class="nv">clutchView</span>
+      <span class="nf">methodCalled:</span><span class="p">(</span><span class="n">NSString</span> <span class="o">*</span><span class="p">)</span><span class="nv">method</span>
+        <span class="nf">withParams:</span><span class="p">(</span><span class="n">NSDictionary</span> <span class="o">*</span><span class="p">)</span><span class="nv">params</span>
+          <span class="nf">callback:</span><span class="p">(</span><span class="kt">void</span><span class="p">(</span><span class="o">^</span><span class="p">)(</span><span class="kt">id</span><span class="p">))</span><span class="nv">callback</span> <span class="p">{</span>
+    <span class="c1">// Handle any events coming from the JavaScript of your Clutch view here</span>
+    <span class="k">if</span><span class="p">([</span><span class="n">method</span> <span class="nl">isEqualToString:</span><span class="s">@&quot;tapped&quot;</span><span class="p">])</span> <span class="p">{</span>
+        <span class="n">NSLog</span><span class="p">(</span><span class="s">@&quot;Tapped: %@</span><span class="se">\n</span><span class="s">&quot;</span><span class="p">,</span> <span class="p">[</span><span class="n">params</span> <span class="nl">objectForKey:</span><span class="s">@&quot;value&quot;</span><span class="p">]);</span>
+    <span class="p">}</span>
+<span class="p">}</span>
+
+<span class="cp">#pragma mark - View lifecycle</span>
+
+<span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">loadView</span>
+<span class="p">{</span>
+    <span class="n">self</span><span class="p">.</span><span class="n">view</span> <span class="o">=</span> <span class="p">[[[</span><span class="n">UIView</span> <span class="n">alloc</span><span class="p">]</span> <span class="nl">initWithFrame:</span><span class="p">[[</span><span class="n">UIScreen</span> <span class="n">mainScreen</span><span class="p">]</span> <span class="n">bounds</span><span class="p">]]</span> <span class="n">autorelease</span><span class="p">];</span>
+
+    <span class="n">self</span><span class="p">.</span><span class="n">clutchView</span> <span class="o">=</span> <span class="p">[[</span><span class="n">ClutchView</span> <span class="n">alloc</span><span class="p">]</span> <span class="nl">initWithFrame:</span><span class="n">CGRectMake</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">320</span><span class="p">,</span> <span class="mi">367</span><span class="p">)</span>
+                                                <span class="nl">andSlug:</span><span class="s">@&quot;$SLUG$&quot;</span><span class="p">];</span>
+    <span class="p">[</span><span class="n">self</span><span class="p">.</span><span class="n">clutchView</span> <span class="n">release</span><span class="p">];</span>
+    <span class="n">self</span><span class="p">.</span><span class="n">clutchView</span><span class="p">.</span><span class="n">delegate</span> <span class="o">=</span> <span class="n">self</span><span class="p">;</span>
+    <span class="p">[</span><span class="n">self</span><span class="p">.</span><span class="n">view</span> <span class="nl">addSubview:</span><span class="n">self</span><span class="p">.</span><span class="n">clutchView</span><span class="p">];</span>
+<span class="p">}</span>
+
+<span class="cm">/*</span>
+<span class="cm">// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.</span>
+<span class="cm">- (void)viewDidLoad</span>
+<span class="cm">{</span>
+<span class="cm">    [super viewDidLoad];</span>
+<span class="cm">}</span>
+<span class="cm">*/</span>
+
+<span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">viewDidUnload</span>
+<span class="p">{</span>
+    <span class="p">[</span><span class="n">super</span> <span class="n">viewDidUnload</span><span class="p">];</span>
+    <span class="n">self</span><span class="p">.</span><span class="n">clutchView</span> <span class="o">=</span> <span class="nb">nil</span><span class="p">;</span>
+<span class="p">}</span>
+
+<span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">viewDidAppear:</span><span class="p">(</span><span class="kt">BOOL</span><span class="p">)</span><span class="nv">animated</span>
+<span class="p">{</span>
+    <span class="p">[</span><span class="n">super</span> <span class="nl">viewDidAppear:</span><span class="n">animated</span><span class="p">];</span>
+    <span class="p">[</span><span class="n">self</span><span class="p">.</span><span class="n">clutchView</span> <span class="nl">viewDidAppear:</span><span class="n">animated</span><span class="p">];</span>
+<span class="p">}</span>
+
+<span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">viewDidDisappear:</span><span class="p">(</span><span class="kt">BOOL</span><span class="p">)</span><span class="nv">animated</span> <span class="p">{</span>
+    <span class="p">[</span><span class="n">super</span> <span class="nl">viewDidDisappear:</span><span class="n">animated</span><span class="p">];</span>
+    <span class="p">[</span><span class="n">self</span><span class="p">.</span><span class="n">clutchView</span> <span class="nl">viewDidDisappear:</span><span class="n">animated</span><span class="p">];</span>
+<span class="p">}</span>
+
+<span class="k">-</span> <span class="p">(</span><span class="kt">BOOL</span><span class="p">)</span><span class="nf">shouldAutorotateToInterfaceOrientation:</span><span class="p">(</span><span class="n">UIInterfaceOrientation</span><span class="p">)</span><span class="nv">interfaceOrientation</span>
+<span class="p">{</span>
+    <span class="c1">// Return YES for supported orientations</span>
+    <span class="k">return</span> <span class="p">(</span><span class="n">interfaceOrientation</span> <span class="o">==</span> <span class="n">UIInterfaceOrientationPortrait</span><span class="p">);</span>
+<span class="p">}</span>
+
+<span class="k">@end</span>
+</pre></div>
+</div>
+<p>This is a standard <tt class="docutils literal"><span class="pre">UIViewController</span></tt> subclass, which instantiates a single
+<tt class="docutils literal"><span class="pre">ClutchView</span></tt> instance and adds it to the view, sets itself up as a delegate
+to handle events that come in from the JavaScript layer, and passes along any
+<tt class="docutils literal"><span class="pre">viewDidAppear:</span></tt> and <tt class="docutils literal"><span class="pre">viewDidDisappear:</span></tt> messages into the Clutch view.</p>
+<p><strong>That&#8217;s it!</strong> You&#8217;ve got your screen hooked up and now it&#8217;s up to you to use
+it for good, not evil.</p>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="anatomy.html" title="previous chapter">Anatomy of an App Using Clutch</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="pulltorefresh.html" title="next chapter">Integrating Pull-to-Refresh</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/addingnewscreen.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/anatomy.html b/anatomy.html
new file mode 100644
index 0000000..ff14cb4
--- /dev/null
+++ b/anatomy.html
@@ -0,0 +1,294 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Anatomy of an App Using Clutch - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="up" title="Tutorials and Articles" href="tutorials.html" />
+                  <link rel="next" title="Adding a New Screen" href="addingnewscreen.html" />
+                  <link rel="prev" title="Getting Started" href="gettingstarted.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+      <a href="framework.html" >Clutch Framework</a> &raquo;
+      <a href="tutorials.html" accesskey="U">Tutorials and Articles</a> &raquo;
+    Anatomy of an App Using Clutch
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="addingnewscreen.html" class="right" title="Adding a New Screen" accesskey="N">next</a>
+    <a href="gettingstarted.html" class="right" title="Getting Started" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="anatomy-of-an-app-using-clutch">
+<h1>Anatomy of an App Using Clutch<a class="headerlink" href="#anatomy-of-an-app-using-clutch" title="Permalink to this headline">¶</a></h1>
+<p>If you used our QuickStart guide, we may have breezed past some of the details
+about all of the different parts that combine to form an app using Clutch.
+This article should serve to highlight each part of the system, how it works,
+and how it all fits together.</p>
+<div class="section" id="the-suggested-directory-structure">
+<h2>The Suggested Directory Structure<a class="headerlink" href="#the-suggested-directory-structure" title="Permalink to this headline">¶</a></h2>
+<p>The way the suggested directory structure looks is something like this:</p>
+<div class="highlight-python"><pre>MyApp/
+    MyApp/
+        MyApp.xcodeproj
+        Clutch.framework
+        MyApp/
+    clutchmyapp/
+        clutch-core/
+        global/
+        myscreen/
+            index.html
+            screen.js
+            style.css
+        clutch.plist</pre>
+</div>
+<p>If you have a directory structure that looks different, that&#8217;s fine, but this
+is the one that the QuickStart guide will start you with.  (The most common
+way that yours could differ is if your clutchmyapp directory is in a different
+spot, or is named something different.)</p>
+<p>First, there&#8217;s the outer <tt class="docutils literal"><span class="pre">MyApp</span></tt> directory.  This is honestly just a
+container to hold the inner two directories, so that they can both be checked
+into a single source code repository.  Feel free to rename this container
+directory to anything you want.</p>
+<p>Inside that container, there&#8217;s an inner <tt class="docutils literal"><span class="pre">MyApp</span></tt> directory which stores your
+iOS XCode project and the Clutch framework, as well as an inner inner <tt class="docutils literal"><span class="pre">MyApp</span></tt>
+directory which contains your actual native Objective-C code.  This is pretty
+straightforward.</p>
+<p>Then, there&#8217;s the <tt class="docutils literal"><span class="pre">clutchmyapp</span></tt> directory.  This is where all the
+JavaScript/HTML/CSS goes that will make up the screens in your app.  There are
+three things in there that are auto-generated.  <tt class="docutils literal"><span class="pre">clutch-core</span></tt> contains our
+libraries and static files, like backbone, zepto, and our base css.  <tt class="docutils literal"><span class="pre">global</span></tt>
+contains any JavaScript/HTML/CSS that you want to reuse across most (or all) of
+your screens.  Also there&#8217;s a <tt class="docutils literal"><span class="pre">clutch.plist</span></tt>, which holds any configuration
+information you&#8217;d like to access but be able to dynamically update.</p>
+<p>Finally there&#8217;s the <tt class="docutils literal"><span class="pre">myscreen</span></tt> directory, which is automatically created with
+an HTML file, a JavaScript file, and a CSS file.  You will create more and more
+of these as your application gets larger.  You can choose to fill those files
+with code, or you can just leave them blank.  For example in one screen, let&#8217;s
+say it&#8217;s an FAQ page, you might just have static content, so you&#8217;d just
+hand-code the HTML file.  Other screens might be more dynamic and so the HTML
+file would be left minimal, but the JavaScript file would fill up with your
+display logic.</p>
+</div>
+<div class="section" id="the-folder-reference">
+<h2>The Folder Reference<a class="headerlink" href="#the-folder-reference" title="Permalink to this headline">¶</a></h2>
+<p>This correlates to the <tt class="docutils literal"><span class="pre">clutchmyapp</span></tt> folder from the previous section.  It
+needs to be linked into your app as a folder reference for a few reasons.
+Firstly, it&#8217;s because we want to bundle a version of the HTML/CSS/JavaScript
+needed to run your app.  This means that the first time the user opens the app,
+they have a version of the HTML/CSS/JavaScript ready to go.  So there&#8217;s no need
+for internet connectivity to run an app that uses Clutch.</p>
+<p>The second reason that this folder needs to be linked into your app as a folder
+reference is due to the <tt class="docutils literal"><span class="pre">clutch.plist</span></tt> file contained within.  This file is
+used to store configuration.  You can use the  <a class="reference internal" href="ioslibrary.html#clutchconf"><em>ClutchConf</em></a>
+module to access the contents of this file, and then later you can update this
+configuration file remotely without having to push out a new application.  This
+might be used, for example, to determine the text to display on a native
+button.</p>
+</div>
+<div class="section" id="how-an-app-fits-together">
+<h2>How an App Fits Together<a class="headerlink" href="#how-an-app-fits-together" title="Permalink to this headline">¶</a></h2>
+<p>At first glance, Clutch might look similar to an framework like PhoneGap or
+Appcelerator Titanium, where you write your whole app in JavaScript and/or
+HTML.  Sometimes these solutions use an abstraction layer that aims to make it
+possible to target other platforms.  In fact, Clutch works in a way that&#8217;s
+quite a bit different.  Instead, you create your own
+<tt class="docutils literal"><span class="pre">UINavigationController</span></tt>, your own <tt class="docutils literal"><span class="pre">UITabBarController</span></tt>, and set up your
+own project the way you like it, and the way you&#8217;ve done it in the past.</p>
+<p>The only thing that changes from normal iOS development is that instead of
+using a XIB or interface builder to build your UI layer for some screen, you
+can have Clutch help you to use web technologies instead.</p>
+<p>That means, you carve out an area that you want to be able to update
+dynamically, and in that <tt class="docutils literal"><span class="pre">UIViewController</span></tt>&#8216;s <tt class="docutils literal"><span class="pre">loadView</span></tt> method, you simply
+instantiate a <tt class="docutils literal"><span class="pre">ClutchView</span></tt> and add it as a subview.</p>
+<p>Then you use our bridge layer to pass any important events from the Clutch view
+back into the Objective-C layer, and handle those events natively.</p>
+</div>
+<div class="section" id="the-bridge">
+<h2>The Bridge<a class="headerlink" href="#the-bridge" title="Permalink to this headline">¶</a></h2>
+<p>The bridge between your JavaScript code and you Objective-C code means that you
+can handle any event in the layer that makes the most sense.  For things that
+do fancy animations, or pop open modal windows, or slide to a new screen, you
+will want to do these things natively.  For things that involve simple text
+changes or content changes, you can handle that directly in JavaScript.</p>
+<p>It also works in the other direction.  You can capture events that happen in
+the native layer, like a <tt class="docutils literal"><span class="pre">UIToolbar</span></tt> button being pressed, and call into a
+function on the JavaScript side of things.</p>
+</div>
+<div class="section" id="development-mode">
+<h2>Development Mode<a class="headerlink" href="#development-mode" title="Permalink to this headline">¶</a></h2>
+<p>So there&#8217;s this whole step that you did where you entered in your phone&#8217;s
+identifier and associated it with your account, but what was that for?</p>
+<p>It allows Clutch to enable development mode.  Nobody writes perfect code on
+their first try.  We know that there&#8217;s a back-and-forth where you want to
+experiment, try out a change, see how a CSS tweak looks, and you don&#8217;t want to
+send that out to your users every time.  Instead, we provide a development mode
+which, when it sees your specific registered phone, it doesn&#8217;t serve the normal
+app using the normal methods.</p>
+<p>Instead it connects to your local computer, to your working set of files, and
+renders what you&#8217;ve written&#8211;rather than what you&#8217;ve deployed.  On top of that,
+it shows a nice toolbar that lets you know you&#8217;re in development mode, and
+gives you the option to quickly refresh the <tt class="docutils literal"><span class="pre">ClutchView</span></tt>, so you can avoid
+lengthy recompiles or re-navigating back to that same screen that you&#8217;re
+viewing.</p>
+</div>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h3 class="contents">Contents</h3>
+  <div class="pad">
+  <ul>
+<li><a class="reference internal" href="#">Anatomy of an App Using Clutch</a><ul>
+<li><a class="reference internal" href="#the-suggested-directory-structure">The Suggested Directory Structure</a></li>
+<li><a class="reference internal" href="#the-folder-reference">The Folder Reference</a></li>
+<li><a class="reference internal" href="#how-an-app-fits-together">How an App Fits Together</a></li>
+<li><a class="reference internal" href="#the-bridge">The Bridge</a></li>
+<li><a class="reference internal" href="#development-mode">Development Mode</a></li>
+</ul>
+</li>
+</ul>
+
+  </div>
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="gettingstarted.html" title="previous chapter">Getting Started</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="addingnewscreen.html" title="next chapter">Adding a New Screen</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/anatomy.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/commandclient.html b/commandclient.html
new file mode 100644
index 0000000..084aab9
--- /dev/null
+++ b/commandclient.html
@@ -0,0 +1,241 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Clutch Command Client - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="up" title="Reference" href="reference.html" />
+                  <link rel="next" title="Terms and Definitions" href="termsanddefinitions.html" />
+                  <link rel="prev" title="iOS Library Reference" href="ioslibrary.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+      <a href="framework.html" >Clutch Framework</a> &raquo;
+      <a href="reference.html" accesskey="U">Reference</a> &raquo;
+    Clutch Command Client
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="termsanddefinitions.html" class="right" title="Terms and Definitions" accesskey="N">next</a>
+    <a href="ioslibrary.html" class="right" title="iOS Library Reference" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="clutch-command-client">
+<h1>Clutch Command Client<a class="headerlink" href="#clutch-command-client" title="Permalink to this headline">¶</a></h1>
+<p>The Clutch Command Client is the easiest way to communicate with Clutch.  You
+will use it whenever you do development, whenever you want to push a new
+version, and for various other tasks.  Here&#8217;s a list of the commands
+provided and what they are capable of:</p>
+<div class="section" id="installing">
+<h2>Installing<a class="headerlink" href="#installing" title="Permalink to this headline">¶</a></h2>
+<p>Installing the command client is as simple as running one command:</p>
+<div class="highlight-python"><pre>sudo easy_install clutchclient</pre>
+</div>
+<p>Once you&#8217;ve done that, typing <tt class="docutils literal"><span class="pre">clutch</span></tt> into the command line should show you
+the command&#8217;s usage instructions and you&#8217;ll know that it&#8217;s been successfully
+installed.</p>
+</div>
+<div class="section" id="commands">
+<h2>Commands<a class="headerlink" href="#commands" title="Permalink to this headline">¶</a></h2>
+<div class="section" id="startapp">
+<h3>startapp<a class="headerlink" href="#startapp" title="Permalink to this headline">¶</a></h3>
+<p><tt class="docutils literal"><span class="pre">clutch</span> <span class="pre">startapp</span> <span class="pre">DIRNAME</span></tt></p>
+<p>Starts a new application directory under the name <tt class="docutils literal"><span class="pre">DIRNAME</span></tt>.  It will include
+all of the clutchjs JavaScript and CSS files, as well as an empty configuration
+plist.</p>
+</div>
+<div class="section" id="startscreen">
+<h3>startscreen<a class="headerlink" href="#startscreen" title="Permalink to this headline">¶</a></h3>
+<p><tt class="docutils literal"><span class="pre">clutch</span> <span class="pre">startscreen</span> <span class="pre">SCREENSLUG</span></tt></p>
+<p>Starts a new screen directory under the name <tt class="docutils literal"><span class="pre">SCREENSLUG</span></tt>.  It will include a
+basic <tt class="docutils literal"><span class="pre">index.html</span></tt> base as well as a convenient place for your custom
+JavaScript and css files.</p>
+<div class="admonition note">
+<p class="first admonition-title">Note</p>
+<p class="last">Your current working directory must be a Clutch application directory, or
+else the Clutch Command Client will not be able to create a new screen
+directory.</p>
+</div>
+</div>
+<div class="section" id="dev">
+<h3>dev<a class="headerlink" href="#dev" title="Permalink to this headline">¶</a></h3>
+<p><tt class="docutils literal"><span class="pre">clutch</span> <span class="pre">dev</span> <span class="pre">-a</span> <span class="pre">APPNAME</span> <span class="pre">[-d</span> <span class="pre">DIRNAME]</span></tt></p>
+<p>Starts local development on a Clutch application.  If you use one of the iOS
+devices <a class="reference external" href="http://clutch.io/devices/">managed by your account</a> then all of the screens in your application
+will be loaded on-demand from your computer rather than from the latest
+published version.</p>
+<p>By default, it will serve the current working directory, but you can specify
+another directory to serve using the <tt class="docutils literal"><span class="pre">-d</span></tt> command flag.</p>
+</div>
+<div class="section" id="upload">
+<h3>upload<a class="headerlink" href="#upload" title="Permalink to this headline">¶</a></h3>
+<p><tt class="docutils literal"><span class="pre">clutch</span> <span class="pre">upload</span> <span class="pre">-a</span> <span class="pre">APPNAME</span> <span class="pre">[-d</span> <span class="pre">DIRNAME]</span></tt></p>
+<p>Uploads a new version of your Clutch application to production.  All of your
+users will begin running the new code the next time they bring the application
+into the foreground.</p>
+<p>By default, it will upload the current working directory, but you can specify
+another directory to serve using the <tt class="docutils literal"><span class="pre">-d</span></tt> command flag.</p>
+</div>
+</div>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h3 class="contents">Contents</h3>
+  <div class="pad">
+  <ul>
+<li><a class="reference internal" href="#">Clutch Command Client</a><ul>
+<li><a class="reference internal" href="#installing">Installing</a></li>
+<li><a class="reference internal" href="#commands">Commands</a><ul>
+<li><a class="reference internal" href="#startapp">startapp</a></li>
+<li><a class="reference internal" href="#startscreen">startscreen</a></li>
+<li><a class="reference internal" href="#dev">dev</a></li>
+<li><a class="reference internal" href="#upload">upload</a></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+
+  </div>
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="ioslibrary.html" title="previous chapter">iOS Library Reference</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="termsanddefinitions.html" title="next chapter">Terms and Definitions</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/commandclient.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/examples.html b/examples.html
new file mode 100644
index 0000000..e622e51
--- /dev/null
+++ b/examples.html
@@ -0,0 +1,193 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Example Apps - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="up" title="Tutorials and Articles" href="tutorials.html" />
+                  <link rel="next" title="Getting Started" href="gettingstarted.html" />
+                  <link rel="prev" title="Tutorials and Articles" href="tutorials.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+      <a href="framework.html" >Clutch Framework</a> &raquo;
+      <a href="tutorials.html" accesskey="U">Tutorials and Articles</a> &raquo;
+    Example Apps
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="gettingstarted.html" class="right" title="Getting Started" accesskey="N">next</a>
+    <a href="tutorials.html" class="right" title="Tutorials and Articles" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="example-apps">
+<h1>Example Apps<a class="headerlink" href="#example-apps" title="Permalink to this headline">¶</a></h1>
+<p>Sometimes the best way to familiarize yourself with a new codebase is to see
+examples of it being used.  With that in mind, we&#8217;ve put forth our best effort
+to make some really great example applications to show off the power of the
+platform.  Of course, if you build an open-source app and you&#8217;d like it
+showcased here, we&#8217;re happy to include it!</p>
+<div class="section" id="imgs-fun-image-app">
+<h2>Imgs - Fun Image App<a class="headerlink" href="#imgs-fun-image-app" title="Permalink to this headline">¶</a></h2>
+<p><a class="reference external" href="https://github.com/boilerplate/imgs">Imgs</a> is a fun iOS app that showcases the best images on the internet, as
+provided by <a class="reference external" href="http://imgur.com/">Imgur</a>, and allows users to comment on them and like them. <a class="reference external" href="https://github.com/boilerplate/imgs">Imgs</a>
+also uses <a class="reference external" href="https://parse.com/">Parse</a> as its storage layer to show how easy integration with modern
+platforms can be when using Clutch.</p>
+<p>We designed, coded, and shipped this app in a week.</p>
+<p><img alt="ImgsScreen1" src="_images/screen1.png" style="width: 300px;" /> <img alt="ImgsScreen2" src="_images/screen2.png" style="width: 300px;" /></p>
+</div>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h3 class="contents">Contents</h3>
+  <div class="pad">
+  <ul>
+<li><a class="reference internal" href="#">Example Apps</a><ul>
+<li><a class="reference internal" href="#imgs-fun-image-app">Imgs - Fun Image App</a></li>
+</ul>
+</li>
+</ul>
+
+  </div>
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="tutorials.html" title="previous chapter">Tutorials and Articles</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="gettingstarted.html" title="next chapter">Getting Started</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/examples.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/framework.html b/framework.html
new file mode 100644
index 0000000..a04acc2
--- /dev/null
+++ b/framework.html
@@ -0,0 +1,193 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Clutch Framework - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="next" title="Tutorials and Articles" href="tutorials.html" />
+                  <link rel="prev" title="Screencasts" href="ab-testing-screencasts.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+    Clutch Framework
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="tutorials.html" class="right" title="Tutorials and Articles" accesskey="N">next</a>
+    <a href="ab-testing-screencasts.html" class="right" title="Screencasts" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="clutch-framework">
+<h1>Clutch Framework<a class="headerlink" href="#clutch-framework" title="Permalink to this headline">¶</a></h1>
+<div class="toctree-wrapper compound">
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="tutorials.html">Tutorials and Articles</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="examples.html">Example Apps</a></li>
+<li class="toctree-l2"><a class="reference internal" href="gettingstarted.html">Getting Started</a></li>
+<li class="toctree-l2"><a class="reference internal" href="anatomy.html">Anatomy of an App Using Clutch</a></li>
+<li class="toctree-l2"><a class="reference internal" href="addingnewscreen.html">Adding a New Screen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="pulltorefresh.html">Integrating Pull-to-Refresh</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="reference.html">Reference</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="jslibrary.html">JavaScript Library Reference</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ioslibrary.html">iOS Library Reference</a></li>
+<li class="toctree-l2"><a class="reference internal" href="commandclient.html">Clutch Command Client</a></li>
+<li class="toctree-l2"><a class="reference internal" href="termsanddefinitions.html">Terms and Definitions</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="screencasts.html">Screencasts</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="screencasts.html#getting-started-new-xcode-project">Getting Started - New XCode Project</a></li>
+<li class="toctree-l2"><a class="reference internal" href="screencasts.html#getting-started-existing-xcode-project">Getting Started - Existing XCode Project</a></li>
+<li class="toctree-l2"><a class="reference internal" href="screencasts.html#tutorial-adding-a-screen">Tutorial - Adding a Screen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="screencasts.html#tutorial-demo-app-walkthrough">Tutorial - Demo App Walkthrough</a></li>
+<li class="toctree-l2"><a class="reference internal" href="screencasts.html#tutorial-building-a-twitter-search-app">Tutorial - Building a Twitter Search App</a></li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="ab-testing-screencasts.html" title="previous chapter">Screencasts</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="tutorials.html" title="next chapter">Tutorials and Articles</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/framework.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/genindex.html b/genindex.html
new file mode 100644
index 0000000..a3272b2
--- /dev/null
+++ b/genindex.html
@@ -0,0 +1,352 @@
+
+
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Index - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" /> 
+      </head>
+      <body id="docs" class="secondary index">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+    Index
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="#" class="right" title="General Index" accesskey="I">index</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+
+<div class="title">
+<h1 id="index">Index</h1>
+<div class="genindex-jumpbox">
+ <a href="#A"><strong>A</strong></a>
+ | <a href="#C"><strong>C</strong></a>
+ | <a href="#D"><strong>D</strong></a>
+ | <a href="#N"><strong>N</strong></a>
+ | <a href="#R"><strong>R</strong></a>
+ | <a href="#S"><strong>S</strong></a>
+ | <a href="#T"><strong>T</strong></a>
+ | <a href="#V"><strong>V</strong></a>
+ 
+</div>
+<div class="clear"></div>
+</div>
+<h2 id="A">A</h2>
+<table style="width: 100%" class="indextable genindextable"><tr>
+  <td style="width: 33%" valign="top"><dl>
+      
+  <dt><a href="jslibrary.html#accessory">accessory (None attribute)</a>
+  </dt>
+
+  </dl></td>
+</tr></table>
+
+<h2 id="C">C</h2>
+<table style="width: 100%" class="indextable genindextable"><tr>
+  <td style="width: 33%" valign="top"><dl>
+      
+  <dt><a href="jslibrary.html#cell">cell() (built-in function)</a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#Checkmark">Checkmark (None attribute)</a>
+  </dt>
+
+      
+  <dt><a href="termsanddefinitions.html#term-clutch-app"><strong>Clutch App</strong></a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#Clutch.Core.callMethod">Clutch.Core.callMethod() (Clutch.Core method)</a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#Clutch.Core.init">Clutch.Core.init() (Clutch.Core method)</a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#Clutch.Core.registerMethod">Clutch.Core.registerMethod() (Clutch.Core method)</a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#Clutch.Load.begin">Clutch.Load.begin() (Clutch.Load method)</a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#Clutch.Load.end">Clutch.Load.end() (Clutch.Load method)</a>
+  </dt>
+
+  </dl></td>
+  <td style="width: 33%" valign="top"><dl>
+      
+  <dt><a href="jslibrary.html#Clutch.UI.Accessories">Clutch.UI.Accessories (Clutch.UI attribute)</a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#Clutch.UI.SectionFooter">Clutch.UI.SectionFooter() (Clutch.UI method)</a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#Clutch.UI.SectionHeader">Clutch.UI.SectionHeader() (Clutch.UI method)</a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#Clutch.UI.Table">Clutch.UI.Table() (Clutch.UI method)</a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#Clutch.UI.TableCell">Clutch.UI.TableCell() (Clutch.UI method)</a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#Clutch.UI.TableFooter">Clutch.UI.TableFooter() (Clutch.UI method)</a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#Clutch.UI.TableHeader">Clutch.UI.TableHeader() (Clutch.UI method)</a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#Clutch.UI.View">Clutch.UI.View() (Clutch.UI method)</a>
+  </dt>
+
+  </dl></td>
+</tr></table>
+
+<h2 id="D">D</h2>
+<table style="width: 100%" class="indextable genindextable"><tr>
+  <td style="width: 33%" valign="top"><dl>
+      
+  <dt><a href="jslibrary.html#DisclosureButton">DisclosureButton (None attribute)</a>
+  </dt>
+
+  </dl></td>
+  <td style="width: 33%" valign="top"><dl>
+      
+  <dt><a href="jslibrary.html#DisclosureIndicator">DisclosureIndicator (None attribute)</a>
+  </dt>
+
+  </dl></td>
+</tr></table>
+
+<h2 id="N">N</h2>
+<table style="width: 100%" class="indextable genindextable"><tr>
+  <td style="width: 33%" valign="top"><dl>
+      
+  <dt><a href="jslibrary.html#numCells">numCells() (built-in function)</a>
+  </dt>
+
+  </dl></td>
+  <td style="width: 33%" valign="top"><dl>
+      
+  <dt><a href="jslibrary.html#numSections">numSections (None attribute)</a>
+  </dt>
+
+  </dl></td>
+</tr></table>
+
+<h2 id="R">R</h2>
+<table style="width: 100%" class="indextable genindextable"><tr>
+  <td style="width: 33%" valign="top"><dl>
+      
+  <dt><a href="jslibrary.html#render">render() (built-in function)</a>
+  </dt>
+
+  </dl></td>
+</tr></table>
+
+<h2 id="S">S</h2>
+<table style="width: 100%" class="indextable genindextable"><tr>
+  <td style="width: 33%" valign="top"><dl>
+      
+  <dt><a href="termsanddefinitions.html#term-screen"><strong>Screen</strong></a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#sectionFooter">sectionFooter() (built-in function)</a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#sectionHeader">sectionHeader() (built-in function)</a>
+  </dt>
+
+  </dl></td>
+  <td style="width: 33%" valign="top"><dl>
+      
+  <dt><a href="termsanddefinitions.html#term-short-name"><strong>Short Name</strong></a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#style">style (None attribute)</a>
+  </dt>
+
+  </dl></td>
+</tr></table>
+
+<h2 id="T">T</h2>
+<table style="width: 100%" class="indextable genindextable"><tr>
+  <td style="width: 33%" valign="top"><dl>
+      
+  <dt><a href="jslibrary.html#tableFooter">tableFooter() (built-in function)</a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#tableHeader">tableHeader() (built-in function)</a>
+  </dt>
+
+  </dl></td>
+  <td style="width: 33%" valign="top"><dl>
+      
+  <dt><a href="jslibrary.html#tap">tap() (built-in function)</a>
+  </dt>
+
+      
+  <dt><a href="jslibrary.html#template">template (None attribute)</a>
+  </dt>
+
+  </dl></td>
+</tr></table>
+
+<h2 id="V">V</h2>
+<table style="width: 100%" class="indextable genindextable"><tr>
+  <td style="width: 33%" valign="top"><dl>
+      
+  <dt><a href="jslibrary.html#value">value (None attribute)</a>
+  </dt>
+
+  </dl></td>
+</tr></table>
+
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+
+   
+
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/gettingstarted.html b/gettingstarted.html
new file mode 100644
index 0000000..4de19f0
--- /dev/null
+++ b/gettingstarted.html
@@ -0,0 +1,182 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Getting Started - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="up" title="Tutorials and Articles" href="tutorials.html" />
+                  <link rel="next" title="Anatomy of an App Using Clutch" href="anatomy.html" />
+                  <link rel="prev" title="Example Apps" href="examples.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+      <a href="framework.html" >Clutch Framework</a> &raquo;
+      <a href="tutorials.html" accesskey="U">Tutorials and Articles</a> &raquo;
+    Getting Started
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="anatomy.html" class="right" title="Anatomy of an App Using Clutch" accesskey="N">next</a>
+    <a href="examples.html" class="right" title="Example Apps" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="getting-started">
+<h1>Getting Started<a class="headerlink" href="#getting-started" title="Permalink to this headline">¶</a></h1>
+<p>The first thing to do is to <a class="reference external" href="http://127.0.0.1:8000/register/">sign up for an account</a> on your local Clutch.io
+instance.  If you don&#8217;t have a Clutch.io instance set up yet, follow the steps
+on the <cite>Clutch project README</cite>.</p>
+<p>Now to get started with Clutch, the first thing you need to do is
+<a class="reference external" href="http://127.0.0.1:8000/apps/create/">create an app</a>. All that&#8217;s required to create an app is to choose an app name
+and a short name. The short name will be used in URLs and in certain cases you
+might have to type it on the command line.</p>
+<img alt="_images/creating-app-ss.jpg" src="_images/creating-app-ss.jpg" />
+<br /><br /><p>Once you&#8217;ve created your app, the website will redirect you to the Quick Start
+guide for your new app.  The easiest thing to do here is to stay on the
+&#8220;I am starting a new XCode project&#8221; option.  Follow the instructions listed
+there and you should be up-and-running with your first Clutch app!</p>
+<img alt="_images/quick-start-ss.jpg" src="_images/quick-start-ss.jpg" />
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="examples.html" title="previous chapter">Example Apps</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="anatomy.html" title="next chapter">Anatomy of an App Using Clutch</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/gettingstarted.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..2e95b85
--- /dev/null
+++ b/index.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Overview - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="#" /> 
+      </head>
+      <body id="docs" class="secondary doc-home">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="#" class="main-link">Clutch 1.0 documentation</a> &raquo;
+    Overview
+    </div>
+    <div class="rellinks">
+    <a href="#" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+<div class="title">
+<h1>Clutch Documentation</h1>
+<div class="search-box">
+<form class="search" action="search.html" method="get">
+  <input type="text" name="q" placeholder="search">
+  <input type="submit" value="Go" class="btn gray small">
+  <input type="hidden" name="check_keywords" value="yes">
+  <input type="hidden" name="area" value="default">
+</form>
+</div>
+</div>
+
+
+
+
+
+<div class="row">
+    <div class="abtesting first">
+      <h3><a href="ab-testing.html">Clutch A/B Testing Docs</a></h3>
+
+      <a class="ab-testing-btn" href="ab-testing.html">Clutch A/B Testing</a>
+
+      <p>A/B testing is pure-native way of running experiments on your native iOS and Android apps.  Inside you can learn more about how to set up and run these tests.</p>
+      
+    </div>
+    <div class="framework second">
+      <h3><a href="framework.html">Clutch Framework Docs</a></h3>
+
+      <a class="framework-btn" href="framework.html">Clutch Framework</a>
+
+      <p>The Clutch framework helps you write hybrid iOS apps built using native and HTML code.  The framework provides Objective-C layer, the JavaScript layer, and a layer that binds it all together.  Inside you can learn about how to use this framework in your own apps.</p>
+      
+    </div>
+    <div class="clear"></div>
+</div>
+
+
+<div class="clear"></div>
+
+
+
+
+
+
+
+  
+  
+
+
+    
+
+    
+    
+    
+
+  
+  <script type="text/html" id="screencast-getting-started-new-content">
+    <iframe src="https://player.vimeo.com/video/36469397?title=0&amp;byline=0&amp;portrait=0" width="710" height="400" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+  </script>
+  <div class="modal fade my-modal" id="screencast-getting-started-new" style="display: none">    
+  </div>
+  <script type="text/html" id="screencast-getting-started-existing-content">
+    <iframe src="https://player.vimeo.com/video/36468715?title=0&amp;byline=0&amp;portrait=0" width="710" height="400" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+  </script>
+  <div class="modal fade my-modal" id="screencast-getting-started-existing" style="display: none">
+  </div>
+
+
+                      </div>
+                        
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+<script charset="utf-8" type="text/javascript">
+$(function() {
+  $('.screencast-getting-started').click(function(e) {
+    var eltId = $(this).attr('href');
+    var elt = $(eltId);
+    elt.on('show', function() {
+      elt.html($(eltId + '-content').html());
+    }).on('hidden', function() {
+      elt.html('');
+    }).modal({
+      backdrop: true,
+      keyboard: true
+    }).css({
+      width: 'auto',
+      'margin-left': function () {
+          return -($(this).width() / 2);
+      }
+    });
+    return false;
+  });
+});
+</script>
+
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/ioslibrary.html b/ioslibrary.html
new file mode 100644
index 0000000..6a27641
--- /dev/null
+++ b/ioslibrary.html
@@ -0,0 +1,309 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - iOS Library Reference - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="up" title="Reference" href="reference.html" />
+                  <link rel="next" title="Clutch Command Client" href="commandclient.html" />
+                  <link rel="prev" title="JavaScript Library Reference" href="jslibrary.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+      <a href="framework.html" >Clutch Framework</a> &raquo;
+      <a href="reference.html" accesskey="U">Reference</a> &raquo;
+    iOS Library Reference
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="commandclient.html" class="right" title="Clutch Command Client" accesskey="N">next</a>
+    <a href="jslibrary.html" class="right" title="JavaScript Library Reference" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="ios-library-reference">
+<h1>iOS Library Reference<a class="headerlink" href="#ios-library-reference" title="Permalink to this headline">¶</a></h1>
+<p>The Clutch iOS library syncs up your latest code, helps you analyze usage about
+your app, and provides a bi-directional bridge between your JavaScript code and
+your Objective-C code.</p>
+<div class="section" id="clutchsync">
+<h2>ClutchSync<a class="headerlink" href="#clutchsync" title="Permalink to this headline">¶</a></h2>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">sync</span>
+</pre></div>
+</div>
+<p>Intended to be called when the app finishes launching.  Syncs to the latest
+version of the application code.</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">foreground</span>
+</pre></div>
+</div>
+<p>Intended to be called when the app is brought into the foreground.  Syncs
+to the latest version of the application code.</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">background</span>
+</pre></div>
+</div>
+<p>Intended to be called when the app is sent to the background.  Performs
+cleanup and sends statistics information.</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">+</span> <span class="p">(</span><span class="n">ClutchSync</span> <span class="o">*</span><span class="p">)</span><span class="nf">sharedClientForKey:</span><span class="p">(</span><span class="n">NSString</span> <span class="o">*</span><span class="p">)</span><span class="nv">appKey</span>
+                     <span class="nf">tunnelURL:</span><span class="p">(</span><span class="n">NSString</span> <span class="o">*</span><span class="p">)</span><span class="nv">tunnelURL</span>
+                        <span class="nf">rpcURL:</span><span class="p">(</span><span class="n">NSString</span> <span class="o">*</span><span class="p">)</span><span class="nv">rpcURL</span><span class="p">;</span>
+</pre></div>
+</div>
+<p>Returns a <tt class="docutils literal"><span class="pre">ClutchSync</span></tt> client instance for the given application key, tunnel
+URL, and RPC URL.</p>
+</div>
+<div class="section" id="clutchview">
+<h2>ClutchView<a class="headerlink" href="#clutchview" title="Permalink to this headline">¶</a></h2>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">-</span> <span class="p">(</span><span class="kt">id</span><span class="p">)</span><span class="nf">initWithFrame:</span><span class="p">(</span><span class="n">CGRect</span><span class="p">)</span><span class="nv">frame</span> <span class="nf">andSlug:</span><span class="p">(</span><span class="n">NSString</span> <span class="o">*</span><span class="p">)</span><span class="nv">slug</span>
+</pre></div>
+</div>
+<p>Initializes a Clutch view instance with the given frame and screen slug.</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">-</span> <span class="p">(</span><span class="kt">id</span><span class="p">)</span><span class="nf">callMethod:</span><span class="p">(</span><span class="n">NSString</span> <span class="o">*</span><span class="p">)</span><span class="nv">method</span> <span class="nf">withParams:</span><span class="p">(</span><span class="n">NSDictionary</span> <span class="o">*</span><span class="p">)</span><span class="nv">params</span>
+</pre></div>
+</div>
+<p>Calls a JavaScript method (that has been registered with Clutch) and returns
+its response.  The <tt class="docutils literal"><span class="pre">params</span></tt> dictionary is the parameters you woud like to
+pass as an argument to the JavaScript function.</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">-</span> <span class="p">(</span><span class="kt">id</span><span class="p">)</span><span class="nf">callMethod:</span><span class="p">(</span><span class="n">NSString</span> <span class="o">*</span><span class="p">)</span><span class="nv">method</span>
+</pre></div>
+</div>
+<p>The same as the previous call except no <tt class="docutils literal"><span class="pre">params</span></tt>.</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">viewDidAppear:</span><span class="p">(</span><span class="kt">BOOL</span><span class="p">)</span><span class="nv">animated</span>
+</pre></div>
+</div>
+<p>Should be called when its containing view controller&#8217;s viewDidAppear is called.</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">viewDidDisappear:</span><span class="p">(</span><span class="kt">BOOL</span><span class="p">)</span><span class="nv">animated</span>
+</pre></div>
+</div>
+<p>Should be called when its containing view controller&#8217;s viewDidDisappear is
+called.</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">+</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">logDeviceIdentifier</span>
+</pre></div>
+</div>
+<p>Logs the current device&#8217;s identifier, for use on the <a class="reference external" href="http://127.0.0.1:8000/devices/create/">add device page</a>.</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">+</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">prepareForAnimation:</span><span class="p">(</span><span class="n">UIViewController</span> <span class="o">*</span><span class="p">)</span><span class="nv">viewController</span> <span class="nf">success:</span><span class="p">(</span><span class="kt">void</span><span class="p">(</span><span class="o">^</span><span class="p">)(</span><span class="kt">void</span><span class="p">))</span><span class="nv">block_</span>
+
+<span class="k">+</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">prepareForDisplay:</span><span class="p">(</span><span class="n">UIViewController</span> <span class="o">*</span><span class="p">)</span><span class="nv">viewController</span> <span class="nf">success:</span><span class="p">(</span><span class="kt">void</span><span class="p">(</span><span class="o">^</span><span class="p">)(</span><span class="kt">void</span><span class="p">))</span><span class="nv">block_</span>
+</pre></div>
+</div>
+<p>Prepares the given view controller subclass for animation or display (such as
+adding it to a navigation controller) and then calls the given <tt class="docutils literal"><span class="pre">success</span></tt>
+block.</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">+</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">prepareForDisplay:</span><span class="p">(</span><span class="n">UIViewController</span> <span class="o">*</span><span class="p">)</span><span class="nv">viewController</span><span class="p">;</span>
+</pre></div>
+</div>
+<p>Prepares the given view controller subclass for display, and does not call any
+callback.</p>
+<div class="section" id="properties">
+<h3>Properties<a class="headerlink" href="#properties" title="Permalink to this headline">¶</a></h3>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="kt">id</span> <span class="n">delegate</span>
+</pre></div>
+</div>
+<p>You may set this property to point to any instance of <a class="reference internal" href="#clutchviewdelegate">ClutchViewDelegate</a> and
+it will allow you to communicate between JavaScript and Objective-C.</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="kt">id</span> <span class="n">scrollDelegate</span>
+</pre></div>
+</div>
+<p>You may set this property to any instance of <tt class="docutils literal"><span class="pre">UIScrollViewDelegate</span></tt>, which
+will send updates for all of the scrolling that happens on the web view.</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="n">UIWebView</span> <span class="o">*</span><span class="n">webView</span>
+</pre></div>
+</div>
+<p>The underlying webview that is the main workhorse of each ClutchView.</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="n">UIScrollView</span> <span class="o">*</span><span class="n">scrollView</span>
+</pre></div>
+</div>
+<p>The webview&#8217;s scrollview.  Useful for being updated as the user scrolls the
+webview&#8217;s contents, as in a pull-to-refresh implementation.</p>
+</div>
+</div>
+<div class="section" id="clutchviewdelegate">
+<h2>ClutchViewDelegate<a class="headerlink" href="#clutchviewdelegate" title="Permalink to this headline">¶</a></h2>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">clutchView:</span><span class="p">(</span><span class="n">ClutchView</span> <span class="o">*</span><span class="p">)</span><span class="nv">clutchView</span>
+      <span class="nf">methodCalled:</span><span class="p">(</span><span class="n">NSString</span> <span class="o">*</span><span class="p">)</span><span class="nv">method</span>
+        <span class="nf">withParams:</span><span class="p">(</span><span class="n">NSDictionary</span> <span class="o">*</span><span class="p">)</span><span class="nv">params</span>
+</pre></div>
+</div>
+<p>Called when JavaScript calls the <tt class="docutils literal"><span class="pre">Clutch.Core.callMethod(method,</span> <span class="pre">params)</span></tt>
+method, which is useful for communication between your JavaScript code and
+your Objective-C code.</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">clutchView:</span><span class="p">(</span><span class="n">ClutchView</span> <span class="o">*</span><span class="p">)</span><span class="nv">clutchView</span>
+      <span class="nf">methodCalled:</span><span class="p">(</span><span class="n">NSString</span> <span class="o">*</span><span class="p">)</span><span class="nv">method</span>
+        <span class="nf">withParams:</span><span class="p">(</span><span class="n">NSDictionary</span> <span class="o">*</span><span class="p">)</span><span class="nv">params</span>
+          <span class="nf">callback:</span><span class="p">(</span><span class="kt">void</span><span class="p">(</span><span class="o">^</span><span class="p">)(</span><span class="kt">id</span><span class="p">))</span><span class="nv">callback</span>
+</pre></div>
+</div>
+<p>Similar to the above method, except that this time it provides a callback that
+you can call.  Whatever object you pass to this callback will be sent to your
+JavaScript callback.</p>
+</div>
+<div class="section" id="clutchconf">
+<span id="id1"></span><h2>ClutchConf<a class="headerlink" href="#clutchconf" title="Permalink to this headline">¶</a></h2>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">+</span> <span class="p">(</span><span class="n">NSDictionary</span> <span class="o">*</span><span class="p">)</span><span class="nf">conf</span>
+</pre></div>
+</div>
+<p>Gets the latest configuration (provided by clutch.plist).</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">+</span> <span class="p">(</span><span class="n">NSInteger</span><span class="p">)</span><span class="nf">version</span>
+</pre></div>
+</div>
+<p>Gets the latest version of the configuration.</p>
+</div>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h3 class="contents">Contents</h3>
+  <div class="pad">
+  <ul>
+<li><a class="reference internal" href="#">iOS Library Reference</a><ul>
+<li><a class="reference internal" href="#clutchsync">ClutchSync</a></li>
+<li><a class="reference internal" href="#clutchview">ClutchView</a><ul>
+<li><a class="reference internal" href="#properties">Properties</a></li>
+</ul>
+</li>
+<li><a class="reference internal" href="#clutchviewdelegate">ClutchViewDelegate</a></li>
+<li><a class="reference internal" href="#clutchconf">ClutchConf</a></li>
+</ul>
+</li>
+</ul>
+
+  </div>
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="jslibrary.html" title="previous chapter">JavaScript Library Reference</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="commandclient.html" title="next chapter">Clutch Command Client</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/ioslibrary.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/jslibrary.html b/jslibrary.html
new file mode 100644
index 0000000..97ec3cc
--- /dev/null
+++ b/jslibrary.html
@@ -0,0 +1,686 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - JavaScript Library Reference - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="up" title="Reference" href="reference.html" />
+                  <link rel="next" title="iOS Library Reference" href="ioslibrary.html" />
+                  <link rel="prev" title="Reference" href="reference.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+      <a href="framework.html" >Clutch Framework</a> &raquo;
+      <a href="reference.html" accesskey="U">Reference</a> &raquo;
+    JavaScript Library Reference
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="ioslibrary.html" class="right" title="iOS Library Reference" accesskey="N">next</a>
+    <a href="reference.html" class="right" title="Reference" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="javascript-library-reference">
+<h1>JavaScript Library Reference<a class="headerlink" href="#javascript-library-reference" title="Permalink to this headline">¶</a></h1>
+<p>Applications using Clutch are made using a combination of native code and
+HTML/CSS/JavaScript.  The Clutch JavaScript library is designed to create
+content areas for your application using web technology that both looks and
+feels native.</p>
+<p>To achieve this kind of performance and flexibility, we&#8217;ve built the core of
+the library on top of the best mobile JavaScript code we could find:
+<a class="reference external" href="http://zeptojs.com/">Zepto</a>, <a class="reference external" href="http://documentcloud.github.com/backbone/">Backbone</a>, and <a class="reference external" href="http://documentcloud.github.com/underscore/">Underscore</a>.</p>
+<div class="section" id="core">
+<h2>Core<a class="headerlink" href="#core" title="Permalink to this headline">¶</a></h2>
+<p>The first thing that Clutch does when it loads is set up some bookkeeping and
+set up a communication channel between your native code and your JavaScript
+code.  Once that&#8217;s all finished, it calls the function you attach using
+<tt class="docutils literal"><span class="pre">Clutch.Core.init</span></tt>.</p>
+<dl class="function">
+<dt id="Clutch.Core.init">
+<tt class="descclassname">Clutch.Core.</tt><tt class="descname">init</tt><big>(</big><em>func</em><big>)</big><a class="headerlink" href="#Clutch.Core.init" title="Permalink to this definition">¶</a></dt>
+<dd><table class="docutils field-list" frame="void" rules="none">
+<col class="field-name" />
+<col class="field-body" />
+<tbody valign="top">
+<tr class="field-odd field"><th class="field-name">Arguments:</th><td class="field-body"><ul class="first last simple">
+<li><strong>func</strong> &#8211; The function to run once Clutch is initialized.</li>
+</ul>
+</td>
+</tr>
+</tbody>
+</table>
+</dd></dl>
+
+<p>Keep in mind you should not start your rendering until after this function has
+been called.  Here&#8217;s an example of how that could look in your code:</p>
+<div class="highlight-javascript"><div class="highlight"><pre><span class="nx">Clutch</span><span class="p">.</span><span class="nx">Core</span><span class="p">.</span><span class="nx">init</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
+    <span class="nx">alert</span><span class="p">(</span><span class="s1">&#39;Hello from Clutch!&#39;</span><span class="p">);</span>
+<span class="p">});</span>
+</pre></div>
+</div>
+<p>Once that is set up, you can go ahead and use any of Clutch&#8217;s resources&#8211;the
+communication channel, the UI helpers, and more.</p>
+<p>But the real core of Clutch is really just the communication channel between
+the JavaScript that you write and the iOS code that you write.</p>
+<dl class="function">
+<dt id="Clutch.Core.callMethod">
+<tt class="descclassname">Clutch.Core.</tt><tt class="descname">callMethod</tt><big>(</big><em>methodName</em><span class="optional">[</span>, <em>params</em>, <em>callback</em><span class="optional">]</span><big>)</big><a class="headerlink" href="#Clutch.Core.callMethod" title="Permalink to this definition">¶</a></dt>
+<dd><table class="docutils field-list" frame="void" rules="none">
+<col class="field-name" />
+<col class="field-body" />
+<tbody valign="top">
+<tr class="field-odd field"><th class="field-name">Arguments:</th><td class="field-body"><ul class="first simple">
+<li><strong>methodName</strong> (<em>string</em>) &#8211; The name of the Objective-C method you want to call.</li>
+<li><strong>params</strong> &#8211; An optional mapping of parameters to pass to the method.</li>
+<li><strong>callback</strong> &#8211; An optional callback that will be called with the object passed into
+the callback block in Objective-C.</li>
+</ul>
+</td>
+</tr>
+<tr class="field-even field"><th class="field-name">Returns:</th><td class="field-body"><p class="first last">Nothing</p>
+</td>
+</tr>
+</tbody>
+</table>
+</dd></dl>
+
+<p>As you can see, it&#8217;s simple and straightforward.  As an example, if a user
+taps on a button and you want something to happen, you might write something
+like this:</p>
+<div class="highlight-javascript"><div class="highlight"><pre><span class="nx">Clutch</span><span class="p">.</span><span class="nx">Core</span><span class="p">.</span><span class="nx">callMethod</span><span class="p">(</span><span class="s1">&#39;userTapped&#39;</span><span class="p">,</span> <span class="p">{</span><span class="nx">userId</span><span class="o">:</span> <span class="mi">10</span><span class="p">});</span>
+</pre></div>
+</div>
+<p>In this example, we&#8217;re calling the <tt class="docutils literal"><span class="pre">userTapped</span></tt> method in your iOS code, and
+passing an NSDictionary whose key <tt class="docutils literal"><span class="pre">userId</span></tt> is set to <tt class="docutils literal"><span class="pre">10</span></tt>.  You can also
+pass a callback function, which might look something like this:</p>
+<div class="highlight-javascript"><div class="highlight"><pre><span class="nx">Clutch</span><span class="p">.</span><span class="nx">Core</span><span class="p">.</span><span class="nx">callMethod</span><span class="p">(</span><span class="s1">&#39;getUsername&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">data</span><span class="p">)</span> <span class="p">{</span>
+    <span class="nx">alert</span><span class="p">(</span><span class="s1">&#39;Hello, &#39;</span> <span class="o">+</span> <span class="nx">data</span><span class="p">.</span><span class="nx">username</span><span class="p">);</span>
+<span class="p">});</span>
+</pre></div>
+</div>
+<p>To register a function on the JavaScript side that iOS can call, Clutch
+provides a <tt class="docutils literal"><span class="pre">registerMethod</span></tt> function.</p>
+<dl class="function">
+<dt id="Clutch.Core.registerMethod">
+<tt class="descclassname">Clutch.Core.</tt><tt class="descname">registerMethod</tt><big>(</big><em>methodName</em>, <em>func</em><big>)</big><a class="headerlink" href="#Clutch.Core.registerMethod" title="Permalink to this definition">¶</a></dt>
+<dd><table class="docutils field-list" frame="void" rules="none">
+<col class="field-name" />
+<col class="field-body" />
+<tbody valign="top">
+<tr class="field-odd field"><th class="field-name">Arguments:</th><td class="field-body"><ul class="first last simple">
+<li><strong>methodName</strong> (<em>string</em>) &#8211; The name of the JavaScript method that you are exposing.</li>
+<li><strong>func</strong> &#8211; The actual JavaScript function to be exposed.</li>
+</ul>
+</td>
+</tr>
+</tbody>
+</table>
+</dd></dl>
+
+<div class="admonition note">
+<p class="first admonition-title">Note</p>
+<p class="last">The function that you expose will always receive a single argument: an
+object of parameters passed from iOS.</p>
+</div>
+<p>Here&#8217;s how it might look if you were to expose an <tt class="docutils literal"><span class="pre">alertUser</span></tt> function which
+pops open an alert dialog with the given alert text:</p>
+<div class="highlight-javascript"><div class="highlight"><pre><span class="kd">function</span> <span class="nx">alertUser</span><span class="p">(</span><span class="nx">params</span><span class="p">)</span> <span class="p">{</span>
+    <span class="nx">alert</span><span class="p">(</span><span class="nx">params</span><span class="p">.</span><span class="nx">alertText</span><span class="p">);</span>
+<span class="p">}</span>
+<span class="nx">Clutch</span><span class="p">.</span><span class="nx">Core</span><span class="p">.</span><span class="nx">registerMethod</span><span class="p">(</span><span class="s1">&#39;alertUser&#39;</span><span class="p">,</span> <span class="nx">alertUser</span><span class="p">);</span>
+</pre></div>
+</div>
+</div>
+<div class="section" id="loading">
+<h2>Loading<a class="headerlink" href="#loading" title="Permalink to this headline">¶</a></h2>
+<p>One thing we need to do all the time in building iOS apps is to wait for some
+data.  Whenever we do that, we need to somehow indicate to the user that
+there&#8217;s something loading.  Clutch provides an easy mechanism for showing and
+hiding loading screens.</p>
+<dl class="function">
+<dt id="Clutch.Load.begin">
+<tt class="descclassname">Clutch.Load.</tt><tt class="descname">begin</tt><big>(</big><span class="optional">[</span><em>loadingText</em><span class="optional">]</span><span class="optional">[</span>, <em>top</em><span class="optional">]</span><big>)</big><a class="headerlink" href="#Clutch.Load.begin" title="Permalink to this definition">¶</a></dt>
+<dd><table class="docutils field-list" frame="void" rules="none">
+<col class="field-name" />
+<col class="field-body" />
+<tbody valign="top">
+<tr class="field-odd field"><th class="field-name">Arguments:</th><td class="field-body"><ul class="first last simple">
+<li><strong>loadingText</strong> (<em>string</em>) &#8211; Optional text to show to the user inside of the loading dialog.</li>
+<li><strong>top</strong> (<em>float</em>) &#8211; Optional offset from the top of the ClutchView, in pixels.</li>
+</ul>
+</td>
+</tr>
+</tbody>
+</table>
+<p>Pops up the loading dialog with optional loading text.</p>
+</dd></dl>
+
+<dl class="function">
+<dt id="Clutch.Load.end">
+<tt class="descclassname">Clutch.Load.</tt><tt class="descname">end</tt><big>(</big><big>)</big><a class="headerlink" href="#Clutch.Load.end" title="Permalink to this definition">¶</a></dt>
+<dd><p>Removes the loading dialog.</p>
+</dd></dl>
+
+</div>
+<div class="section" id="ui">
+<h2>UI<a class="headerlink" href="#ui" title="Permalink to this headline">¶</a></h2>
+<p>Clutch helps you present a UI to your users that looks and feels like it&#8217;s
+native.  Here&#8217;s what&#8217;s provided:</p>
+<dl class="function">
+<dt id="Clutch.UI.View">
+<tt class="descclassname">Clutch.UI.</tt><tt class="descname">View</tt><big>(</big><span class="optional">[</span><em>options</em><span class="optional">]</span><big>)</big><a class="headerlink" href="#Clutch.UI.View" title="Permalink to this definition">¶</a></dt>
+<dd><table class="docutils field-list" frame="void" rules="none">
+<col class="field-name" />
+<col class="field-body" />
+<tbody valign="top">
+<tr class="field-odd field"><th class="field-name">Arguments:</th><td class="field-body"><ul class="first last simple">
+<li><strong>options</strong> &#8211; A mapping of options to be provided to the view instance.</li>
+</ul>
+</td>
+</tr>
+</tbody>
+</table>
+<p>This view is the core of all of the Clutch-provided UI constructs.  It&#8217;s
+actually a subclass of <a class="reference external" href="http://documentcloud.github.com/backbone/#View">Backbone.View</a>, with a few added extras.  Here are
+the added properties and functions:</p>
+<dl class="attribute">
+<dt id="template">
+<tt class="descname">template</tt><a class="headerlink" href="#template" title="Permalink to this definition">¶</a></dt>
+<dd><p>The default template provided for all Clutch.UI.View subclasses is
+a simple <a class="reference external" href="http://documentcloud.github.com/underscore/#template">underscore template</a> that looks like <tt class="docutils literal"><span class="pre">&lt;%=</span> <span class="pre">c.value</span> <span class="pre">%&gt;</span></tt>.</p>
+</dd></dl>
+
+<dl class="function">
+<dt id="render">
+<tt class="descname">render</tt><big>(</big><big>)</big><a class="headerlink" href="#render" title="Permalink to this definition">¶</a></dt>
+<dd><p>The default render for all Clutch.UI.View subclasses renders the
+template but passes the view options as the <tt class="docutils literal"><span class="pre">c</span></tt> varible.  It&#8217;s
+equivalent to this implementation:</p>
+<div class="highlight-javascript"><div class="highlight"><pre><span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">el</span><span class="p">).</span><span class="nx">html</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">template</span><span class="p">({</span><span class="nx">c</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">options</span><span class="p">}));</span>
+</pre></div>
+</div>
+</dd></dl>
+
+</dd></dl>
+
+<dl class="function">
+<dt id="Clutch.UI.Table">
+<tt class="descclassname">Clutch.UI.</tt><tt class="descname">Table</tt><big>(</big><span class="optional">[</span><em>options</em><span class="optional">]</span><big>)</big><a class="headerlink" href="#Clutch.UI.Table" title="Permalink to this definition">¶</a></dt>
+<dd><table class="docutils field-list" frame="void" rules="none">
+<col class="field-name" />
+<col class="field-body" />
+<tbody valign="top">
+<tr class="field-odd field"><th class="field-name">Arguments:</th><td class="field-body"><ul class="first last simple">
+<li><strong>options</strong> &#8211; A mapping of options to be provided to the view instance.</li>
+</ul>
+</td>
+</tr>
+</tbody>
+</table>
+<p>This view creates a user interface that looks and acts like Cocoa&#8217;s
+<tt class="docutils literal"><span class="pre">UITableView</span></tt>.</p>
+<p>You must extend this view to populate it with any data, and here are the
+parameters you can provide in your extension:</p>
+<p><strong>Required</strong></p>
+<dl class="attribute">
+<dt id="numSections">
+<tt class="descname">numSections</tt><a class="headerlink" href="#numSections" title="Permalink to this definition">¶</a></dt>
+<dd><p>The number of table sections that should be displayed.</p>
+</dd></dl>
+
+<dl class="function">
+<dt id="numCells">
+<tt class="descname">numCells</tt><big>(</big><em>section</em><big>)</big><a class="headerlink" href="#numCells" title="Permalink to this definition">¶</a></dt>
+<dd><table class="docutils field-list" frame="void" rules="none">
+<col class="field-name" />
+<col class="field-body" />
+<tbody valign="top">
+<tr class="field-odd field"><th class="field-name">Arguments:</th><td class="field-body"><ul class="first last simple">
+<li><strong>section</strong> &#8211; The 0-indexed integer of the current section.</li>
+</ul>
+</td>
+</tr>
+</tbody>
+</table>
+<p>Determines the number of cells to be rendered for the given section.</p>
+</dd></dl>
+
+<dl class="function">
+<dt id="cell">
+<tt class="descname">cell</tt><big>(</big><em>section</em>, <em>row</em><big>)</big><a class="headerlink" href="#cell" title="Permalink to this definition">¶</a></dt>
+<dd><table class="docutils field-list" frame="void" rules="none">
+<col class="field-name" />
+<col class="field-body" />
+<tbody valign="top">
+<tr class="field-odd field"><th class="field-name">Arguments:</th><td class="field-body"><ul class="first last simple">
+<li><strong>section</strong> &#8211; The 0-indexed integer of the current section.</li>
+<li><strong>row</strong> &#8211; The 0-indexed integer of the current row.</li>
+</ul>
+</td>
+</tr>
+</tbody>
+</table>
+<p>Returns the <tt class="docutils literal"><span class="pre">Clutch.UI.TableCell</span></tt> subclass that should render the
+requested table cell.</p>
+</dd></dl>
+
+<p><strong>Optional</strong></p>
+<dl class="attribute">
+<dt id="style">
+<tt class="descname">style</tt><a class="headerlink" href="#style" title="Permalink to this definition">¶</a></dt>
+<dd><p>Determines the visual style of the table.  Currently only supports
+<tt class="docutils literal"><span class="pre">'normal'</span></tt> and <tt class="docutils literal"><span class="pre">'grouped'</span></tt>.</p>
+</dd></dl>
+
+<dl class="function">
+<dt id="tableHeader">
+<tt class="descname">tableHeader</tt><big>(</big><big>)</big><a class="headerlink" href="#tableHeader" title="Permalink to this definition">¶</a></dt>
+<dd><p>Returns the <tt class="docutils literal"><span class="pre">Clutch.UI.TableHeader</span></tt> subclass that should render into
+the table&#8217;s header area.</p>
+</dd></dl>
+
+<dl class="function">
+<dt id="tableFooter">
+<tt class="descname">tableFooter</tt><big>(</big><big>)</big><a class="headerlink" href="#tableFooter" title="Permalink to this definition">¶</a></dt>
+<dd><p>Returns tje <tt class="docutils literal"><span class="pre">Clutch.UI.TableFooter</span></tt> subclass that should render into
+the table&#8217;s footer area.</p>
+</dd></dl>
+
+<dl class="function">
+<dt id="sectionHeader">
+<tt class="descname">sectionHeader</tt><big>(</big><em>section</em><big>)</big><a class="headerlink" href="#sectionHeader" title="Permalink to this definition">¶</a></dt>
+<dd><table class="docutils field-list" frame="void" rules="none">
+<col class="field-name" />
+<col class="field-body" />
+<tbody valign="top">
+<tr class="field-odd field"><th class="field-name">Arguments:</th><td class="field-body"><ul class="first last simple">
+<li><strong>section</strong> &#8211; The 0-indexed integer of the current section.</li>
+</ul>
+</td>
+</tr>
+</tbody>
+</table>
+<p>Returns a <tt class="docutils literal"><span class="pre">Clutch.UI.SectionHeader</span></tt> subclass that should render into
+the given table section&#8217;s header area.</p>
+</dd></dl>
+
+<dl class="function">
+<dt id="sectionFooter">
+<tt class="descname">sectionFooter</tt><big>(</big><em>section</em><big>)</big><a class="headerlink" href="#sectionFooter" title="Permalink to this definition">¶</a></dt>
+<dd><table class="docutils field-list" frame="void" rules="none">
+<col class="field-name" />
+<col class="field-body" />
+<tbody valign="top">
+<tr class="field-odd field"><th class="field-name">Arguments:</th><td class="field-body"><ul class="first last simple">
+<li><strong>section</strong> &#8211; The 0-indexed integer of the current section.</li>
+</ul>
+</td>
+</tr>
+</tbody>
+</table>
+<p>Returns a <tt class="docutils literal"><span class="pre">Clutch.UI.SectionHeader</span></tt> subclass that should render into
+the given table section&#8217;s footer area.</p>
+</dd></dl>
+
+</dd></dl>
+
+<dl class="function">
+<dt id="Clutch.UI.TableHeader">
+<tt class="descclassname">Clutch.UI.</tt><tt class="descname">TableHeader</tt><big>(</big><span class="optional">[</span><em>options</em><span class="optional">]</span><big>)</big><a class="headerlink" href="#Clutch.UI.TableHeader" title="Permalink to this definition">¶</a></dt>
+<dd><table class="docutils field-list" frame="void" rules="none">
+<col class="field-name" />
+<col class="field-body" />
+<tbody valign="top">
+<tr class="field-odd field"><th class="field-name">Arguments:</th><td class="field-body"><ul class="first last simple">
+<li><strong>options</strong> &#8211; A mapping of options to be provided to the view instance.</li>
+</ul>
+</td>
+</tr>
+</tbody>
+</table>
+<p>A <tt class="docutils literal"><span class="pre">Clutch.UI.View</span></tt> subclass for rendering table headers.</p>
+</dd></dl>
+
+<dl class="function">
+<dt id="Clutch.UI.TableFooter">
+<tt class="descclassname">Clutch.UI.</tt><tt class="descname">TableFooter</tt><big>(</big><span class="optional">[</span><em>options</em><span class="optional">]</span><big>)</big><a class="headerlink" href="#Clutch.UI.TableFooter" title="Permalink to this definition">¶</a></dt>
+<dd><table class="docutils field-list" frame="void" rules="none">
+<col class="field-name" />
+<col class="field-body" />
+<tbody valign="top">
+<tr class="field-odd field"><th class="field-name">Arguments:</th><td class="field-body"><ul class="first last simple">
+<li><strong>options</strong> &#8211; A mapping of options to be provided to the view instance.</li>
+</ul>
+</td>
+</tr>
+</tbody>
+</table>
+<p>A <tt class="docutils literal"><span class="pre">Clutch.UI.View</span></tt> subclass for rendering table footers.</p>
+</dd></dl>
+
+<dl class="function">
+<dt id="Clutch.UI.SectionHeader">
+<tt class="descclassname">Clutch.UI.</tt><tt class="descname">SectionHeader</tt><big>(</big><span class="optional">[</span><em>options</em><span class="optional">]</span><big>)</big><a class="headerlink" href="#Clutch.UI.SectionHeader" title="Permalink to this definition">¶</a></dt>
+<dd><table class="docutils field-list" frame="void" rules="none">
+<col class="field-name" />
+<col class="field-body" />
+<tbody valign="top">
+<tr class="field-odd field"><th class="field-name">Arguments:</th><td class="field-body"><ul class="first last simple">
+<li><strong>options</strong> &#8211; A mapping of options to be provided to the view instance.</li>
+</ul>
+</td>
+</tr>
+</tbody>
+</table>
+<p>A <tt class="docutils literal"><span class="pre">Clutch.UI.View</span></tt> subclass for rendering table section headers.</p>
+</dd></dl>
+
+<dl class="function">
+<dt id="Clutch.UI.SectionFooter">
+<tt class="descclassname">Clutch.UI.</tt><tt class="descname">SectionFooter</tt><big>(</big><span class="optional">[</span><em>options</em><span class="optional">]</span><big>)</big><a class="headerlink" href="#Clutch.UI.SectionFooter" title="Permalink to this definition">¶</a></dt>
+<dd><table class="docutils field-list" frame="void" rules="none">
+<col class="field-name" />
+<col class="field-body" />
+<tbody valign="top">
+<tr class="field-odd field"><th class="field-name">Arguments:</th><td class="field-body"><ul class="first last simple">
+<li><strong>options</strong> &#8211; A mapping of options to be provided to the view instance.</li>
+</ul>
+</td>
+</tr>
+</tbody>
+</table>
+<p>A <tt class="docutils literal"><span class="pre">Clutch.UI.View</span></tt> subclass for rendering table section footers.</p>
+</dd></dl>
+
+<dl class="function">
+<dt id="Clutch.UI.TableCell">
+<tt class="descclassname">Clutch.UI.</tt><tt class="descname">TableCell</tt><big>(</big><span class="optional">[</span><em>options</em><span class="optional">]</span><big>)</big><a class="headerlink" href="#Clutch.UI.TableCell" title="Permalink to this definition">¶</a></dt>
+<dd><table class="docutils field-list" frame="void" rules="none">
+<col class="field-name" />
+<col class="field-body" />
+<tbody valign="top">
+<tr class="field-odd field"><th class="field-name">Arguments:</th><td class="field-body"><ul class="first last simple">
+<li><strong>options</strong> &#8211; A mapping of options to be provided to the view instance.</li>
+</ul>
+</td>
+</tr>
+</tbody>
+</table>
+<p>In that <tt class="docutils literal"><span class="pre">options</span></tt> object, here are the expected and optional parameters:</p>
+<p><strong>Required</strong></p>
+<dl class="attribute">
+<dt id="value">
+<tt class="descname">value</tt><a class="headerlink" href="#value" title="Permalink to this definition">¶</a></dt>
+<dd><p>The value that should be displayed in the cell.</p>
+</dd></dl>
+
+<p><strong>Optional</strong></p>
+<dl class="attribute">
+<dt id="accessory">
+<tt class="descname">accessory</tt><a class="headerlink" href="#accessory" title="Permalink to this definition">¶</a></dt>
+<dd><p>Determines which accessory to display for the cell.  Should be one of
+<tt class="docutils literal"><span class="pre">Clutch.UI.Accessories</span></tt>.</p>
+</dd></dl>
+
+<dl class="function">
+<dt id="tap">
+<tt class="descname">tap</tt><big>(</big><em>e</em><big>)</big><a class="headerlink" href="#tap" title="Permalink to this definition">¶</a></dt>
+<dd><p>An optional function which will receive an event whenever this table
+cell is tapped by the end user.</p>
+</dd></dl>
+
+</dd></dl>
+
+<div class="admonition note">
+<p class="first admonition-title">Note</p>
+<p>If you subclass <tt class="docutils literal"><span class="pre">Clutch.UI.TableCell</span></tt>, then you can set the <tt class="docutils literal"><span class="pre">multiline</span></tt>
+attribute to <tt class="docutils literal"><span class="pre">true</span></tt> and it will be able to display more than one line
+of content.</p>
+<div class="last highlight-javascript"><div class="highlight"><pre><span class="kd">var</span> <span class="nx">MultiLineCell</span> <span class="o">=</span> <span class="nx">Clutch</span><span class="p">.</span><span class="nx">UI</span><span class="p">.</span><span class="nx">TableCell</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
+    <span class="nx">multiline</span><span class="o">:</span> <span class="kc">true</span>
+<span class="p">});</span>
+</pre></div>
+</div>
+</div>
+<dl class="attribute">
+<dt id="Clutch.UI.Accessories">
+<tt class="descclassname">Clutch.UI.</tt><tt class="descname">Accessories</tt><a class="headerlink" href="#Clutch.UI.Accessories" title="Permalink to this definition">¶</a></dt>
+<dd><p>Accessories that can be used to decorate a table cell.</p>
+<dl class="attribute">
+<dt id="Checkmark">
+<tt class="descname">Checkmark</tt><a class="headerlink" href="#Checkmark" title="Permalink to this definition">¶</a></dt>
+<dd><p>Shows a check mark.</p>
+</dd></dl>
+
+<dl class="attribute">
+<dt id="DisclosureButton">
+<tt class="descname">DisclosureButton</tt><a class="headerlink" href="#DisclosureButton" title="Permalink to this definition">¶</a></dt>
+<dd><p>Shows a button with a right-facing triangle indicating that there is
+more content.</p>
+</dd></dl>
+
+<dl class="attribute">
+<dt id="DisclosureIndicator">
+<tt class="descname">DisclosureIndicator</tt><a class="headerlink" href="#DisclosureIndicator" title="Permalink to this definition">¶</a></dt>
+<dd><p>Shows a right-facing triangle indicating that there is more content.</p>
+</dd></dl>
+
+</dd></dl>
+
+</div>
+<div class="section" id="example">
+<h2>Example<a class="headerlink" href="#example" title="Permalink to this headline">¶</a></h2>
+<p>Here&#8217;s an example of how you could use this JavaScript library to create a
+table which has some cells and a few headers.</p>
+<div class="highlight-javascript"><div class="highlight"><pre><span class="c1">// Let&#39;s create a simple table by subclassing Clutch.UI.Table</span>
+<span class="kd">var</span> <span class="nx">SimpleTable</span> <span class="o">=</span> <span class="nx">Clutch</span><span class="p">.</span><span class="nx">UI</span><span class="p">.</span><span class="nx">Table</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span>
+    <span class="c1">// Our table should have two sections</span>
+    <span class="nx">numSections</span><span class="o">:</span> <span class="mi">2</span><span class="p">,</span>
+    <span class="c1">// We want it to display in the &quot;grouped&quot; style which looks cooler</span>
+    <span class="nx">style</span><span class="o">:</span> <span class="s1">&#39;grouped&#39;</span><span class="p">,</span>
+
+    <span class="nx">numCells</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">section</span><span class="p">)</span> <span class="p">{</span>
+        <span class="c1">// Each section has 4 cells</span>
+        <span class="k">return</span> <span class="mi">4</span><span class="p">;</span>
+    <span class="p">},</span>
+
+    <span class="nx">sectionHeader</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">section</span><span class="p">)</span> <span class="p">{</span>
+        <span class="c1">// The section header just displays its own index</span>
+        <span class="k">return</span> <span class="k">new</span> <span class="nx">Clutch</span><span class="p">.</span><span class="nx">UI</span><span class="p">.</span><span class="nx">TableSectionHeader</span><span class="p">(</span>
+            <span class="p">{</span><span class="nx">value</span><span class="o">:</span> <span class="s1">&#39;Section &#39;</span> <span class="o">+</span> <span class="nx">section</span> <span class="o">+</span> <span class="s1">&#39; Header&#39;</span><span class="p">}</span>
+        <span class="p">);</span>
+    <span class="p">},</span>
+
+    <span class="nx">sectionFooter</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">section</span><span class="p">)</span> <span class="p">{</span>
+        <span class="c1">// The first section doesn&#39;t have a footer</span>
+        <span class="k">if</span><span class="p">(</span><span class="nx">section</span> <span class="o">===</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
+            <span class="k">return</span> <span class="kc">null</span><span class="p">;</span>
+        <span class="p">}</span>
+        <span class="c1">// The second section does have a footer though</span>
+        <span class="k">return</span> <span class="k">new</span> <span class="nx">Clutch</span><span class="p">.</span><span class="nx">UI</span><span class="p">.</span><span class="nx">TableSectionFooter</span><span class="p">(</span>
+            <span class="p">{</span><span class="nx">value</span><span class="o">:</span> <span class="s1">&#39;Section &#39;</span> <span class="o">+</span> <span class="nx">section</span> <span class="o">+</span> <span class="s1">&#39; Footer&#39;</span><span class="p">}</span>
+        <span class="p">);</span>
+    <span class="p">},</span>
+
+    <span class="nx">cell</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">section</span><span class="p">,</span> <span class="nx">row</span><span class="p">)</span> <span class="p">{</span>
+        <span class="kd">var</span> <span class="nx">value</span> <span class="o">=</span> <span class="s1">&#39;Section &#39;</span> <span class="o">+</span> <span class="nx">section</span> <span class="o">+</span> <span class="s1">&#39; Cell &#39;</span> <span class="o">+</span> <span class="nx">row</span><span class="p">;</span>
+        <span class="k">return</span> <span class="k">new</span> <span class="nx">Clutch</span><span class="p">.</span><span class="nx">UI</span><span class="p">.</span><span class="nx">TableCell</span><span class="p">({</span>
+            <span class="nx">value</span><span class="o">:</span> <span class="nx">value</span><span class="p">,</span>
+            <span class="nx">accessory</span><span class="o">:</span> <span class="nx">Clutch</span><span class="p">.</span><span class="nx">UI</span><span class="p">.</span><span class="nx">Accessories</span><span class="p">.</span><span class="nx">DisclosureButton</span><span class="p">,</span>
+            <span class="nx">tap</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
+                <span class="c1">// Call the &quot;tapped&quot; method on iOS, and pass</span>
+                <span class="c1">// the text value of the cell as an argument.</span>
+                <span class="nx">Clutch</span><span class="p">.</span><span class="nx">Core</span><span class="p">.</span><span class="nx">callMethod</span><span class="p">(</span><span class="s1">&#39;tapped&#39;</span><span class="p">,</span> <span class="p">{</span><span class="nx">value</span><span class="o">:</span> <span class="nx">value</span><span class="p">});</span>
+            <span class="p">}</span>
+        <span class="p">});</span>
+    <span class="p">}</span>
+<span class="p">});</span>
+
+<span class="c1">// Remember to wait for this event before rendering out our table.</span>
+<span class="nx">Clutch</span><span class="p">.</span><span class="nx">Core</span><span class="p">.</span><span class="nx">init</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
+    <span class="c1">// Instantiate our new table</span>
+    <span class="kd">var</span> <span class="nx">table</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">SimpleTable</span><span class="p">();</span>
+    <span class="c1">// Render the table</span>
+    <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;body&#39;</span><span class="p">).</span><span class="nx">append</span><span class="p">(</span><span class="nx">table</span><span class="p">.</span><span class="nx">render</span><span class="p">().</span><span class="nx">el</span><span class="p">);</span>
+<span class="p">});</span>
+</pre></div>
+</div>
+</div>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h3 class="contents">Contents</h3>
+  <div class="pad">
+  <ul>
+<li><a class="reference internal" href="#">JavaScript Library Reference</a><ul>
+<li><a class="reference internal" href="#core">Core</a></li>
+<li><a class="reference internal" href="#loading">Loading</a></li>
+<li><a class="reference internal" href="#ui">UI</a></li>
+<li><a class="reference internal" href="#example">Example</a></li>
+</ul>
+</li>
+</ul>
+
+  </div>
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="reference.html" title="previous chapter">Reference</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="ioslibrary.html" title="next chapter">iOS Library Reference</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/jslibrary.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/objects.inv b/objects.inv
new file mode 100644
index 0000000..fc3fcb3
Binary files /dev/null and b/objects.inv differ
diff --git a/pulltorefresh.html b/pulltorefresh.html
new file mode 100644
index 0000000..ee69d3c
--- /dev/null
+++ b/pulltorefresh.html
@@ -0,0 +1,346 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Integrating Pull-to-Refresh - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="up" title="Tutorials and Articles" href="tutorials.html" />
+                  <link rel="next" title="Reference" href="reference.html" />
+                  <link rel="prev" title="Adding a New Screen" href="addingnewscreen.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+      <a href="framework.html" >Clutch Framework</a> &raquo;
+      <a href="tutorials.html" accesskey="U">Tutorials and Articles</a> &raquo;
+    Integrating Pull-to-Refresh
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="reference.html" class="right" title="Reference" accesskey="N">next</a>
+    <a href="addingnewscreen.html" class="right" title="Adding a New Screen" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="integrating-pull-to-refresh">
+<h1>Integrating Pull-to-Refresh<a class="headerlink" href="#integrating-pull-to-refresh" title="Permalink to this headline">¶</a></h1>
+<p>One common UI element that people like to have in their apps is
+pull-to-refresh.  By using some open source software along with a little bit
+of integration with Clutch, you can add this UI element to your Clutch screens
+quite easily!</p>
+<div class="section" id="download-and-install-egotableviewpullrefresh">
+<h2>Download and Install EGOTableViewPullRefresh<a class="headerlink" href="#download-and-install-egotableviewpullrefresh" title="Permalink to this headline">¶</a></h2>
+<p>For the purposes of this tutorial, we&#8217;re going to use the open source
+<a class="reference external" href="https://github.com/enormego/EGOTableViewPullRefresh">EGOTableViewPullRefresh</a> project, by the talented team at <a class="reference external" href="http://enormego.com/">enormego.com</a>.
+First you need to clone the repository:</p>
+<div class="highlight-python"><pre>git clone https://github.com/enormego/EGOTableViewPullRefresh.git</pre>
+</div>
+<p>Then open the directory:</p>
+<div class="highlight-python"><pre>open EGOTableViewPullRefresh</pre>
+</div>
+<p>Now drag the EGOTableViewPullRefresh folder into your XCode project.</p>
+</div>
+<div class="section" id="integrate-egotableviewpullrefresh-in-your-header-file">
+<h2>Integrate EGOTableViewPullRefresh in Your Header File<a class="headerlink" href="#integrate-egotableviewpullrefresh-in-your-header-file" title="Permalink to this headline">¶</a></h2>
+<p>In your ViewController&#8217;s header file, import the pull-to-refresh library
+headers so that we have something to work with:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="cp">#import &quot;EGORefreshTableHeaderView.h&quot;</span>
+</pre></div>
+</div>
+<p>Then add make sure your Clutch ViewController is a scroll view delegate, and a
+<tt class="docutils literal"><span class="pre">EGORefreshTableHeaderDelegate</span></tt>:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">@interface</span> <span class="nc">ImageTableController</span> : <span class="nc">UIViewController</span> <span class="o">&lt;</span><span class="n">ClutchViewDelegate</span><span class="p">,</span> <span class="n">UIScrollViewDelegate</span><span class="p">,</span> <span class="n">EGORefreshTableHeaderDelegate</span><span class="o">&gt;</span>
+</pre></div>
+</div>
+<p>Now add three properties:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">@property</span> <span class="p">(</span><span class="n">nonatomic</span><span class="p">,</span> <span class="n">retain</span><span class="p">)</span> <span class="n">EGORefreshTableHeaderView</span> <span class="o">*</span><span class="n">refreshHeaderView</span><span class="p">;</span>
+<span class="k">@property</span> <span class="p">(</span><span class="n">nonatomic</span><span class="p">,</span> <span class="n">retain</span><span class="p">)</span> <span class="n">NSDate</span> <span class="o">*</span><span class="n">dateLastUpdated</span><span class="p">;</span>
+<span class="k">@property</span> <span class="p">(</span><span class="n">nonatomic</span><span class="p">,</span> <span class="n">assign</span><span class="p">)</span> <span class="kt">BOOL</span> <span class="n">reloading</span><span class="p">;</span>
+</pre></div>
+</div>
+</div>
+<div class="section" id="synthesize-and-instantiate-refresh-variables">
+<h2>Synthesize and Instantiate Refresh Variables<a class="headerlink" href="#synthesize-and-instantiate-refresh-variables" title="Permalink to this headline">¶</a></h2>
+<p>First, synthesize the new variables that you have added:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">@synthesize</span> <span class="n">refreshHeaderView</span> <span class="o">=</span> <span class="n">_refreshHeaderView</span><span class="p">;</span>
+<span class="k">@synthesize</span> <span class="n">dateLastUpdated</span> <span class="o">=</span> <span class="n">_dateLastUpdated</span><span class="p">;</span>
+<span class="k">@synthesize</span> <span class="n">reloading</span> <span class="o">=</span> <span class="n">_reloading</span><span class="p">;</span>
+</pre></div>
+</div>
+<p>Now instantiate the view and set the last updated date in your <tt class="docutils literal"><span class="pre">loadView</span></tt>,
+and set this class as both the delegate and the scroll delegate for Clutch:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">loadView</span>
+<span class="p">{</span>
+
+    <span class="c1">// ...</span>
+
+    <span class="n">self</span><span class="p">.</span><span class="n">dateLastUpdated</span> <span class="o">=</span> <span class="p">[</span><span class="n">NSDate</span> <span class="n">date</span><span class="p">];</span>
+
+    <span class="c1">// Initialize the pull-to-refresh implementation</span>
+    <span class="n">self</span><span class="p">.</span><span class="n">refreshHeaderView</span> <span class="o">=</span> <span class="p">[[</span><span class="n">EGORefreshTableHeaderView</span> <span class="n">alloc</span><span class="p">]</span> <span class="nl">initWithFrame:</span><span class="n">CGRectMake</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="o">-</span><span class="mi">324</span><span class="p">,</span> <span class="mi">320</span><span class="p">,</span> <span class="mi">368</span><span class="p">)];</span>
+    <span class="p">[</span><span class="n">self</span><span class="p">.</span><span class="n">refreshHeaderView</span> <span class="n">release</span><span class="p">];</span>
+    <span class="p">[</span><span class="n">self</span><span class="p">.</span><span class="n">view</span> <span class="nl">addSubview:</span><span class="n">self</span><span class="p">.</span><span class="n">refreshHeaderView</span><span class="p">];</span>
+    <span class="n">self</span><span class="p">.</span><span class="n">refreshHeaderView</span><span class="p">.</span><span class="n">delegate</span> <span class="o">=</span> <span class="n">self</span><span class="p">;</span>
+    <span class="p">[</span><span class="n">self</span><span class="p">.</span><span class="n">refreshHeaderView</span> <span class="n">refreshLastUpdatedDate</span><span class="p">];</span>
+
+    <span class="c1">// Set up the Clutch view</span>
+    <span class="n">self</span><span class="p">.</span><span class="n">clutchView</span> <span class="o">=</span> <span class="p">[[</span><span class="n">ClutchView</span> <span class="n">alloc</span><span class="p">]</span> <span class="nl">initWithFrame:</span><span class="n">CGRectMake</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">320</span><span class="p">,</span> <span class="mi">411</span><span class="p">)</span>
+                                                <span class="nl">andSlug:</span><span class="s">@&quot;SOMESLUG&quot;</span><span class="p">];</span>
+    <span class="p">[</span><span class="n">self</span><span class="p">.</span><span class="n">clutchView</span> <span class="n">release</span><span class="p">];</span>
+    <span class="n">self</span><span class="p">.</span><span class="n">clutchView</span><span class="p">.</span><span class="n">delegate</span> <span class="o">=</span> <span class="n">self</span><span class="p">;</span>
+    <span class="n">self</span><span class="p">.</span><span class="n">clutchView</span><span class="p">.</span><span class="n">scrollDelegate</span> <span class="o">=</span> <span class="n">self</span><span class="p">;</span>
+    <span class="p">[</span><span class="n">self</span><span class="p">.</span><span class="n">view</span> <span class="nl">addSubview:</span><span class="n">self</span><span class="p">.</span><span class="n">clutchView</span><span class="p">];</span>
+
+    <span class="c1">// ...</span>
+
+<span class="p">}</span>
+</pre></div>
+</div>
+</div>
+<div class="section" id="add-delegate-methods">
+<h2>Add Delegate Methods<a class="headerlink" href="#add-delegate-methods" title="Permalink to this headline">¶</a></h2>
+<p>We&#8217;re almost there!  Everything is set up, except there are a bunch of delegate
+methods that are being called and we haven&#8217;t yet implemented them yet.  First
+up is the <tt class="docutils literal"><span class="pre">EGORefreshTableHeaderView</span></tt> delegate methods:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">egoRefreshTableHeaderDidTriggerRefresh:</span><span class="p">(</span><span class="n">EGORefreshTableHeaderView</span> <span class="o">*</span><span class="p">)</span><span class="nv">view</span>
+<span class="p">{</span>
+    <span class="p">[</span><span class="n">self</span><span class="p">.</span><span class="n">clutchView</span><span class="p">.</span><span class="n">webView</span> <span class="n">reload</span><span class="p">];</span>
+    <span class="n">self</span><span class="p">.</span><span class="n">reloading</span> <span class="o">=</span> <span class="nb">TRUE</span><span class="p">;</span>
+<span class="p">}</span>
+
+<span class="k">-</span> <span class="p">(</span><span class="kt">BOOL</span><span class="p">)</span><span class="nf">egoRefreshTableHeaderDataSourceIsLoading:</span><span class="p">(</span><span class="n">EGORefreshTableHeaderView</span> <span class="o">*</span><span class="p">)</span><span class="nv">view</span>
+<span class="p">{</span>
+    <span class="k">return</span> <span class="n">self</span><span class="p">.</span><span class="n">reloading</span><span class="p">;</span>
+<span class="p">}</span>
+
+<span class="k">-</span> <span class="p">(</span><span class="n">NSDate</span><span class="o">*</span><span class="p">)</span><span class="nf">egoRefreshTableHeaderDataSourceLastUpdated:</span><span class="p">(</span><span class="n">EGORefreshTableHeaderView</span> <span class="o">*</span><span class="p">)</span><span class="nv">view</span>
+<span class="p">{</span>
+    <span class="k">return</span> <span class="n">self</span><span class="p">.</span><span class="n">dateLastUpdated</span><span class="p">;</span>
+<span class="p">}</span>
+
+<span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">doneLoadingTableViewData</span>
+<span class="p">{</span>
+    <span class="n">self</span><span class="p">.</span><span class="n">reloading</span> <span class="o">=</span> <span class="nb">FALSE</span><span class="p">;</span>
+    <span class="n">self</span><span class="p">.</span><span class="n">dateLastUpdated</span> <span class="o">=</span> <span class="p">[</span><span class="n">NSDate</span> <span class="n">date</span><span class="p">];</span>
+    <span class="p">[</span><span class="n">self</span><span class="p">.</span><span class="n">refreshHeaderView</span> <span class="nl">egoRefreshScrollViewDataSourceDidFinishedLoading:</span><span class="n">self</span><span class="p">.</span><span class="n">clutchView</span><span class="p">.</span><span class="n">scrollView</span><span class="p">];</span>
+<span class="p">}</span>
+</pre></div>
+</div>
+<div class="admonition note">
+<p class="first admonition-title">Note</p>
+<p class="last">You may not want to just call <tt class="docutils literal"><span class="pre">[self.clutchView.webView</span> <span class="pre">reload]</span></tt>.  You
+could also call a method in the JavaScript to refresh the data, or get the
+data using Objective-C code.  This is the easiest and simplest way to
+achieve a reload though.</p>
+</div>
+<p>Now we need to implement one of the <tt class="docutils literal"><span class="pre">ScrollViewDelegate</span></tt> delegate methods:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">scrollViewDidScroll:</span><span class="p">(</span><span class="n">UIScrollView</span> <span class="o">*</span><span class="p">)</span><span class="nv">scrollView</span>
+<span class="p">{</span>
+    <span class="p">[</span><span class="n">self</span><span class="p">.</span><span class="n">refreshHeaderView</span> <span class="nl">egoRefreshScrollViewDidScroll:</span><span class="n">scrollView</span><span class="p">];</span>
+
+    <span class="c1">// This slides the pull-to-refresh view into the proper location</span>
+    <span class="n">self</span><span class="p">.</span><span class="n">refreshHeaderView</span><span class="p">.</span><span class="n">frame</span> <span class="o">=</span> <span class="n">CGRectMake</span><span class="p">(</span><span class="n">self</span><span class="p">.</span><span class="n">refreshHeaderView</span><span class="p">.</span><span class="n">frame</span><span class="p">.</span><span class="n">origin</span><span class="p">.</span><span class="n">x</span><span class="p">,</span>
+                                              <span class="o">-</span><span class="mf">324.0f</span> <span class="o">-</span> <span class="n">scrollView</span><span class="p">.</span><span class="n">contentOffset</span><span class="p">.</span><span class="n">y</span><span class="p">,</span>
+                                              <span class="n">self</span><span class="p">.</span><span class="n">refreshHeaderView</span><span class="p">.</span><span class="n">frame</span><span class="p">.</span><span class="n">size</span><span class="p">.</span><span class="n">width</span><span class="p">,</span>
+                                              <span class="n">self</span><span class="p">.</span><span class="n">refreshHeaderView</span><span class="p">.</span><span class="n">frame</span><span class="p">.</span><span class="n">size</span><span class="p">.</span><span class="n">height</span><span class="p">);</span>
+<span class="p">}</span>
+</pre></div>
+</div>
+</div>
+<div class="section" id="pulling-it-all-together">
+<h2>Pulling it All Together<a class="headerlink" href="#pulling-it-all-together" title="Permalink to this headline">¶</a></h2>
+<p>We have one last step before this will all work properly.  Right now you have
+a Clutch view that, when dragged, will reveal a pull-to-refresh panel.  When
+you drag it down, it will reload the page.  But it won&#8217;t yet know when it&#8217;s
+done refreshing.  That&#8217;s a bummer, so let&#8217;s fix it:</p>
+<div class="highlight-obj-c"><div class="highlight"><pre><span class="k">-</span> <span class="p">(</span><span class="kt">void</span><span class="p">)</span><span class="nf">clutchView:</span><span class="p">(</span><span class="n">ClutchView</span> <span class="o">*</span><span class="p">)</span><span class="nv">clutchView</span>
+      <span class="nf">methodCalled:</span><span class="p">(</span><span class="n">NSString</span> <span class="o">*</span><span class="p">)</span><span class="nv">method</span>
+        <span class="nf">withParams:</span><span class="p">(</span><span class="n">NSDictionary</span> <span class="o">*</span><span class="p">)</span><span class="nv">params</span>
+          <span class="nf">callback:</span><span class="p">(</span><span class="kt">void</span><span class="p">(</span><span class="o">^</span><span class="p">)(</span><span class="kt">id</span><span class="p">))</span><span class="nv">callback</span>
+<span class="p">{</span>
+    <span class="c1">// ...</span>
+
+    <span class="k">if</span><span class="p">([</span><span class="n">method</span> <span class="nl">isEqualToString:</span><span class="s">@&quot;clutch.loading.end&quot;</span><span class="p">])</span> <span class="p">{</span>
+        <span class="p">[</span><span class="n">self</span> <span class="n">doneLoadingTableViewData</span><span class="p">];</span>
+    <span class="p">}</span>
+
+    <span class="c1">// ...</span>
+<span class="p">}</span>
+</pre></div>
+</div>
+<p>As you can see, we&#8217;re hooking into the <tt class="docutils literal"><span class="pre">clutch.loading.end</span></tt> method call
+to determine when loading is complete.  Now all that&#8217;s left to do is call that
+method in our JavaScript code:</p>
+<div class="highlight-javascript"><div class="highlight"><pre><span class="nx">Clutch</span><span class="p">.</span><span class="nx">Core</span><span class="p">.</span><span class="nx">init</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
+    <span class="c1">// Do your loading here, and then call...</span>
+    <span class="nx">Clutch</span><span class="p">.</span><span class="nx">Loading</span><span class="p">.</span><span class="nx">end</span><span class="p">();</span>
+<span class="p">});</span>
+</pre></div>
+</div>
+<p>Boom!  Now we&#8217;re done integrating a pull-to-refresh into our Clutch screen.
+Thanks to the power of great open source code and a bit of integration, it&#8217;s
+quite easy to get this great effect in your app.</p>
+</div>
+<div class="section" id="example">
+<h2>Example<a class="headerlink" href="#example" title="Permalink to this headline">¶</a></h2>
+<p>We&#8217;ve built an example application called Imgs which uses this technique, so
+you can <a class="reference external" href="https://github.com/boilerplate/imgs">check out the code</a> and see how we did it in a real app.</p>
+</div>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h3 class="contents">Contents</h3>
+  <div class="pad">
+  <ul>
+<li><a class="reference internal" href="#">Integrating Pull-to-Refresh</a><ul>
+<li><a class="reference internal" href="#download-and-install-egotableviewpullrefresh">Download and Install EGOTableViewPullRefresh</a></li>
+<li><a class="reference internal" href="#integrate-egotableviewpullrefresh-in-your-header-file">Integrate EGOTableViewPullRefresh in Your Header File</a></li>
+<li><a class="reference internal" href="#synthesize-and-instantiate-refresh-variables">Synthesize and Instantiate Refresh Variables</a></li>
+<li><a class="reference internal" href="#add-delegate-methods">Add Delegate Methods</a></li>
+<li><a class="reference internal" href="#pulling-it-all-together">Pulling it All Together</a></li>
+<li><a class="reference internal" href="#example">Example</a></li>
+</ul>
+</li>
+</ul>
+
+  </div>
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="addingnewscreen.html" title="previous chapter">Adding a New Screen</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="reference.html" title="next chapter">Reference</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/pulltorefresh.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/reference.html b/reference.html
new file mode 100644
index 0000000..eb95752
--- /dev/null
+++ b/reference.html
@@ -0,0 +1,192 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Reference - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="up" title="Clutch Framework" href="framework.html" />
+                  <link rel="next" title="JavaScript Library Reference" href="jslibrary.html" />
+                  <link rel="prev" title="Integrating Pull-to-Refresh" href="pulltorefresh.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+      <a href="framework.html" accesskey="U">Clutch Framework</a> &raquo;
+    Reference
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="jslibrary.html" class="right" title="JavaScript Library Reference" accesskey="N">next</a>
+    <a href="pulltorefresh.html" class="right" title="Integrating Pull-to-Refresh" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="reference">
+<h1>Reference<a class="headerlink" href="#reference" title="Permalink to this headline">¶</a></h1>
+<div class="toctree-wrapper compound">
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="jslibrary.html">JavaScript Library Reference</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="jslibrary.html#core">Core</a></li>
+<li class="toctree-l2"><a class="reference internal" href="jslibrary.html#loading">Loading</a></li>
+<li class="toctree-l2"><a class="reference internal" href="jslibrary.html#ui">UI</a></li>
+<li class="toctree-l2"><a class="reference internal" href="jslibrary.html#example">Example</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="ioslibrary.html">iOS Library Reference</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="ioslibrary.html#clutchsync">ClutchSync</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ioslibrary.html#clutchview">ClutchView</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ioslibrary.html#clutchviewdelegate">ClutchViewDelegate</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ioslibrary.html#clutchconf">ClutchConf</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="commandclient.html">Clutch Command Client</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="commandclient.html#installing">Installing</a></li>
+<li class="toctree-l2"><a class="reference internal" href="commandclient.html#commands">Commands</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="termsanddefinitions.html">Terms and Definitions</a></li>
+</ul>
+</div>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="pulltorefresh.html" title="previous chapter">Integrating Pull-to-Refresh</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="jslibrary.html" title="next chapter">JavaScript Library Reference</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/reference.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/screencasts.html b/screencasts.html
new file mode 100644
index 0000000..d148002
--- /dev/null
+++ b/screencasts.html
@@ -0,0 +1,206 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Screencasts - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="up" title="Clutch Framework" href="framework.html" />
+                  <link rel="prev" title="Terms and Definitions" href="termsanddefinitions.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+      <a href="framework.html" accesskey="U">Clutch Framework</a> &raquo;
+    Screencasts
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="termsanddefinitions.html" class="right" title="Terms and Definitions" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="screencasts">
+<h1>Screencasts<a class="headerlink" href="#screencasts" title="Permalink to this headline">¶</a></h1>
+<p>Everyone learns in different ways.  For some, the best way to learn a new tool
+is to pore over documentation for hours.  For others, jumping in on the deep
+end and just starting to build something is the best.  For others still, visual
+and/or audio walkthroughs are best.  Because of that, we want to make sure
+there are ample examples of each!  Here&#8217;s our collection of screencasts:</p>
+<div class="section" id="getting-started-new-xcode-project">
+<h2>Getting Started - New XCode Project<a class="headerlink" href="#getting-started-new-xcode-project" title="Permalink to this headline">¶</a></h2>
+<p>In this screencast we will start a new Clutch project from scratch, explaining
+in detail each step that&#8217;s required and why.</p>
+<iframe src="http://player.vimeo.com/video/36469397?title=0&amp;byline=0&amp;portrait=0" width="670" height="380" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
+<div class="section" id="getting-started-existing-xcode-project">
+<h2>Getting Started - Existing XCode Project<a class="headerlink" href="#getting-started-existing-xcode-project" title="Permalink to this headline">¶</a></h2>
+<p>In this screencast we will start a new Clutch project for an existing iOS
+application, explaining in detail each step that&#8217;s required and why.</p>
+<iframe src="http://player.vimeo.com/video/36468715?byline=0&amp;portrait=0" width="670" height="380" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
+<div class="section" id="tutorial-adding-a-screen">
+<h2>Tutorial - Adding a Screen<a class="headerlink" href="#tutorial-adding-a-screen" title="Permalink to this headline">¶</a></h2>
+<p>Once you have your project all set up, this tutorial will help show you how to
+add a new Clutch screen to your project.</p>
+<iframe src="http://player.vimeo.com/video/40030181?byline=0&amp;portrait=0" width="670" height="380" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
+<div class="section" id="tutorial-demo-app-walkthrough">
+<h2>Tutorial - Demo App Walkthrough<a class="headerlink" href="#tutorial-demo-app-walkthrough" title="Permalink to this headline">¶</a></h2>
+<p>Our Demo app, Imgs, has a lot of code and it&#8217;s fairly large.  In this tutorial,
+we&#8217;ll go over the basics of how it fits together and how it works.</p>
+<iframe src="http://player.vimeo.com/video/40035209?byline=0&amp;portrait=0" width="670" height="380" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
+<div class="section" id="tutorial-building-a-twitter-search-app">
+<h2>Tutorial - Building a Twitter Search App<a class="headerlink" href="#tutorial-building-a-twitter-search-app" title="Permalink to this headline">¶</a></h2>
+<p>In this video we&#8217;ll demonstrate the power of Clutch by building a very simple
+Twitter search app.</p>
+<iframe src="http://player.vimeo.com/video/40037859?byline=0&amp;portrait=0" width="670" height="380" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h3 class="contents">Contents</h3>
+  <div class="pad">
+  <ul>
+<li><a class="reference internal" href="#">Screencasts</a><ul>
+<li><a class="reference internal" href="#getting-started-new-xcode-project">Getting Started - New XCode Project</a></li>
+<li><a class="reference internal" href="#getting-started-existing-xcode-project">Getting Started - Existing XCode Project</a></li>
+<li><a class="reference internal" href="#tutorial-adding-a-screen">Tutorial - Adding a Screen</a></li>
+<li><a class="reference internal" href="#tutorial-demo-app-walkthrough">Tutorial - Demo App Walkthrough</a></li>
+<li><a class="reference internal" href="#tutorial-building-a-twitter-search-app">Tutorial - Building a Twitter Search App</a></li>
+</ul>
+</li>
+</ul>
+
+  </div>
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="termsanddefinitions.html" title="previous chapter">Terms and Definitions</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/screencasts.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/search.html b/search.html
new file mode 100644
index 0000000..25717fc
--- /dev/null
+++ b/search.html
@@ -0,0 +1,164 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Search - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/searchtools.js"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+  <script type="text/javascript">
+    jQuery(function() { Search.loadIndex("searchindex.js"); });
+  </script>
+   
+
+      </head>
+      <body id="docs" class="secondary full search-results">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+    Search
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+
+<div class="alert-message blue">
+  <h1 id="search-documentation">Search</h1>
+  <div id="fallback" class="admonition warning">
+  <script type="text/javascript">$('#fallback').hide();</script>
+  <p>
+    Please activate JavaScript to enable the search
+    functionality.
+  </p>
+  </div>
+  <p>
+    From here you can search these documents. Enter your search
+    words into the box below and click "search". Note that the search
+    function will automatically search for all of the words. Pages
+    containing fewer words won't appear in the result list.
+  </p>
+  <form action="" method="get">
+    <input type="text" name="q" value="" />
+    <input type="submit" value="search" class="btn gray" />
+    <span id="search-progress" style="padding-left: 10px"></span>
+  </form>
+</div>  
+  
+  
+  
+  
+  <div id="search-results">
+  
+  </div>
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/searchindex.js b/searchindex.js
new file mode 100644
index 0000000..cf33bad
--- /dev/null
+++ b/searchindex.js
@@ -0,0 +1 @@
+Search.setIndex({objects:{"":{tableHeader:[13,0,1,""],style:[13,1,1,""],tap:[13,0,1,""],render:[13,0,1,""],sectionHeader:[13,0,1,""],Checkmark:[13,1,1,""],DisclosureButton:[13,1,1,""],value:[13,1,1,""],accessory:[13,1,1,""],cell:[13,0,1,""],sectionFooter:[13,0,1,""],DisclosureIndicator:[13,1,1,""],template:[13,1,1,""],numCells:[13,0,1,""],numSections:[13,1,1,""],tableFooter:[13,0,1,""]},"Clutch.Load":{begin:[13,0,1,""],end:[13,0,1,""]},"Clutch.UI":{TableHeader:[13,0,1,""],TableCell:[13,0,1,""],SectionHeader:[13,0,1,""],Accessories:[13,1,1,""],SectionFooter:[13,0,1,""],Table:[13,0,1,""],TableFooter:[13,0,1,""],View:[13,0,1,""]},"Clutch.Core":{callMethod:[13,0,1,""],registerMethod:[13,0,1,""],init:[13,0,1,""]}},terms:{all:[0,1,3,10,7,9,17,13,18,15,16],code:[1,3,7,8,9,17,11,13,14,15],myapp:7,scratch:17,global:7,four:14,correl:7,dirnam:15,follow:[14,0,1],row:13,whose:13,decid:10,nsinteg:9,depend:14,system:[7,8],initwithfram:[10,9,3],navigationitem:14,send:[7,9],articl:[7,4,18,12],init:[3,13],present:[10,13],under:[14,15],andslug:[10,9,3],redcolor:14,sent:9,sourc:[7,11,3],everi:7,string:[14,1,13],straightforward:[7,13],fals:3,"void":[10,14,1,9,3],faq:7,account:[0,1,7,8,14,15],your_application_kei:[14,1],clutchmyapp:7,mechan:13,veri:[14,17],affect:8,nsdictionari:[10,14,9,3,13],nonatom:[10,3],did:[7,3],showcas:11,button:[7,8,1,14,13],list:[0,15,16],upload:15,clutchclient:15,"try":7,nsdate:3,technolog:[7,13],team:3,quick:0,imgur:11,div:10,didreceivememorywarn:10,prepar:[1,9],numcel:13,fortun:10,ten:1,colorfromhex:14,pore:[6,17],direct:[7,9],sign:0,jump:[6,17],second:[7,13],video:[6,17],uiscrollview:[9,3],pass:[10,7,8,9,13,14],download:[14,18,1,3],clutchconf:[7,9,2],append:13,even:8,index:[7,4,15,13],what:[7,10,15,13],hide:13,insid:[7,13],phonegap:7,section:[7,14,13],abl:[7,15,13],interfaceorient:10,launch:9,access:7,version:[7,8,9,15,16],"new":[0,1,3,12,10,6,7,8,17,11,13,14,15,18],method:[1,3,10,7,9,13,18],can:[1,3,7,8,9,11,13,14,15],involv:7,bylin:[6,17],variat:8,gener:7,nslog:10,here:[0,1,3,10,6,17,11,13,14,15],bodi:13,let:[7,3,13],path:8,along:[10,3],prepareforanim:9,valu:[10,13],wait:13,great:[11,3],talent:3,ahead:13,uikit:10,ff0044:14,larger:7,ctx:1,exampleapp:16,subview:7,nsstring:[10,9,3],within:7,loginbutton:[14,1],chang:[7,8,10],uiscrollviewdeleg:[9,3],alerttext:13,extra:[5,14,13],jar:1,app:[0,3,12,10,7,8,9,17,11,13,18,16],layer:[7,10,11],brought:9,releas:[10,14,3],leav:7,instal:[18,15,3,2],should:[0,1,10,7,8,9,13,15],mobil:13,bookkeep:13,from:[10,7,8,17,13,14,15],zip:14,commun:[9,15,13],regist:[7,9,16,13],two:[7,8,13],next:[14,15],websit:0,tablefoot:13,live:8,call:[7,1,9,3,13],simpler:8,type:[0,8,5,10,15,16],tell:8,more:[7,8,16,13],alphabet:14,peopl:[16,3],relat:14,thei:[7,8,15],uitabbarcontrol:7,instanc:[0,1,10,9,13,14,16],phone:7,visual:[6,17,13],indic:[4,13],sens:7,hold:[7,10,16],effort:11,cach:10,must:[14,1,15,13],clutchj:15,buttoncolor:14,hour:[6,17],tunnel:9,testdata:[14,1],setup:[10,1],work:[1,3,7,17,14,15],dev:[15,16],viewdidunload:10,whatev:[14,1,9],learn:[6,17],purpos:3,savedinstancest:1,control:[10,9],tap:[10,8,13],quickstart:7,give:[7,8],sudo:15,accept:14,titanium:7,befor:[3,13],want:[3,10,6,7,17,13,15],phrase:8,keep:13,plist:[7,9,15],whichev:8,alwai:13,cours:11,end:[10,17,6,3,13],goal:[5,8,1,14],rather:[7,15],anoth:[1,15],disclosurebutton:13,write:[7,13],how:[1,3,7,8,17,11,13,14,18],allowfullscreen:[6,17],viewdiddisappear:[10,9],instead:7,uicolor:14,simpl:[7,14,15,17,13],css:[7,15,16,13],updat:[7,9,3],map:13,product:15,resourc:13,modal:7,clone:3,after:[10,8,13],spot:7,appnam:15,startscreen:[10,15],mai:[7,9,3],underscor:13,data:[1,3,5,8,10,13,14],clutchabtest:1,demonstr:17,accessori:13,alloc:[10,14,3],"short":[10,0,1,14,16],honestli:7,footer:13,block_:9,minim:7,correspond:16,element:3,callback:[10,9,3,13],libsqlite3:14,green:[14,1],allow:[7,9,11],enter:[7,10],"_datelastupd":3,talk:16,help:[10,7,8,9,17,13],over:[6,17],disclosureind:13,becaus:[7,6,17],still:[6,17],dynam:7,paramet:[9,13],perfect:7,style:[7,14,13],outer:7,render:[7,13],fit:[7,18,17],chosen:[14,1],fix:3,greencolor:14,quantit:8,better:[14,8,1],platform:[7,11],window:7,html:[7,15,16,13],requir:[0,6,17,13],bummer:3,tablesectionfoot:13,main:[1,9],might:[0,10,7,8,13,14,16],pixel:13,them:[7,11,3],good:[10,8],"return":[10,9,3,13],setcontentview:1,handl:[7,10],auto:7,tunnelurl:9,bound:10,framework:[7,8,14,12,4],now:[0,1,3,10,8,14],login_button:1,enabl:7,choic:10,term:[12,16,2],tablecel:13,name:[0,1,10,7,13,14,15,16],walkthrough:[12,6,17],clutch:[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18],userid:13,refresh:[7,12,9,3,18],your_rpc_url:[14,1],easili:[16,3],slide:[7,3],screencast:[5,4,6,17,12],mode:[7,18],each:[6,7,8,9,17,13,16],side:[7,8,13],mean:7,callmethod:[9,13],registermethod:13,dylib:14,realli:[11,13],"static":7,viewdidload:10,aim:7,our:[1,3,6,7,8,17,11,13],happen:[7,9,13],extract:[14,8],event:[7,10,13],out:[7,8,14,3,13],variabl:[18,8,3],shown:16,goe:7,publish:15,content:[7,9,16,13],rightbarbuttonitem:14,internet:[7,11],got:10,optstr:1,forth:[7,11],myscreen:7,red:[14,1],common:[7,10,14,3],multilin:13,foreground:[9,15],navig:[7,14,9],carv:7,xib:7,free:7,standard:10,reason:7,base:[7,15],dictionari:[14,9],ask:10,hand:7,care:8,capabl:15,could:[7,16,3,13],area:[7,16,13],put:11,loadview:[7,10,3],thing:[7,0,13,8],place:15,viewcontrol:[9,3],retain:[10,3],assign:[14,3],first:[0,1,3,10,7,13,14],origin:3,softwar:3,directli:7,feel:[7,13],onc:[10,0,15,17,13],scrollviewdidscrol:3,number:[16,13],yourself:11,hook:[10,3],instruct:[0,15],done:[7,15,3],messag:10,blank:7,loginbuttoncolor:[14,1],custom:15,open:[7,11,3,13],fanci:7,size:[8,3],differ:[1,6,7,8,17,14],width:[17,6,3],associ:7,top:[7,13],usertap:13,sometim:[7,11],construct:13,attach:13,oncreat:1,clutchviewdeleg:[10,9,3,2],termin:10,conveni:15,"final":[7,1],store:[7,8],breez:7,option:[7,0,13,8],tool:[10,8,6,17],copi:[10,8],specifi:15,selector:14,recompil:7,pars:11,pragma:10,sectionhead:13,nobodi:7,haven:3,id_nam:10,past:7,kind:13,target:[7,14],whenev:[15,13],provid:[7,9,11,13,14,15],remov:13,structur:[7,18],exampl:[1,2,3,12,10,6,7,8,17,11,13,14,16,18],project:[0,1,3,10,6,7,12,17,14],reus:7,friend:16,were:13,design:[11,13],uiview:10,sai:7,comput:[7,15],modern:11,mind:[11,13],argument:[14,1,9,13],current:[9,15,13],have:[0,1,3,10,7,8,17,13,14,16],tabl:[4,13],need:[0,1,3,7,13,14],tablehead:13,date:3,built:[3,13],equival:13,egorefreshscrollviewdatasourcedidfinishedload:3,self:[10,14,3],multilinecel:13,note:[14,1,15,3,13],tintcolor:14,without:7,build:[6,7,12,17,11,13],which:[1,3,10,7,8,9,13,14,16],combin:[7,13],didfinishlaunchingwithopt:14,singl:[7,10,13],zepto:[7,13],anatomi:[7,12,18],methodcal:[10,9,3],begin:[1,15,13],setbackgroundcolor:1,normal:[1,5,7,8,13,14],track:[5,8],object:[1,3,10,7,9,13],reach:[5,14,1],deleg:[10,18,9,3],most:[7,10],letter:14,deploi:7,coin:8,mozallowfullscreen:[6,17],"class":[10,3],don:[7,0,1,14],url:[0,9,16],clear:10,later:7,request:13,doe:[9,13],part:7,uitableview:13,clutchabdatatest:1,left:[7,8,3],remot:7,someth:[1,3,10,6,7,17,13],fact:7,show:[7,8,17,11,13,15],text:[7,8,10,13],xcode:[0,3,10,7,12,17],preparefordisplai:9,scrollview:[9,3],connect:7,bring:15,font:8,fine:7,find:[1,13],redirect:0,cell:13,onli:[7,8,13],locat:3,pretti:7,clutchsync:[9,2],explain:[6,17],configur:[7,10,9,15],activ:1,than:[7,15,13],analyz:9,templat:13,folder:[7,14,3,18],sdk:[5,4,1,14],local:[7,0,15],serv:[7,15],variou:15,get:[0,1,3,12,5,6,7,10,9,17,14,18],familiar:11,uitoolbar:7,between:[7,9,13],refreshheaderview:3,nativ:[7,13],scrollviewdeleg:3,report:8,cgrect:9,layout:1,reveal:3,bar:14,scrolldeleg:[9,3],specif:7,synthes:[10,18,3],"public":1,reload:3,mainscreen:10,integr:[18,12,1,11,3],contain:[7,9,16],where:[7,14,1],view:[7,10,9,3,13],user:[10,7,8,9,11,13,15,16],set:[0,1,3,10,7,9,17,13,14],"float":13,frame:[9,3],methodnam:13,see:[7,11,3,13],respons:9,portrait:[6,17],best:[8,6,11,17,13],egorefreshtableheaderdatasourcelastupd:3,flexibl:13,kei:[1,9,13],egorefreshscrollviewdidscrol:3,getapplicationcontext:1,easi:[10,11,3,13],label:[10,8],written:7,won:3,action:[14,1],simplest:3,"import":[7,10,14,3],experi:[7,1],across:7,attribut:13,onresum:1,extend:13,addsubview:[10,3],screen:[3,10,7,12,9,17,13,18,15,16],javascript:[2,3,10,7,12,9,13,15,16],popul:13,logdeviceidentifi:9,otherwis:[14,1],viewdidappear:[10,9],group:13,advertis:8,come:10,thank:3,both:[7,3,13],protect:1,last:3,img:[18,17,11,3],extens:13,"_clutchview":10,"_reload":3,etc:10,doneloadingtableviewdata:3,context:1,logic:7,improv:8,login:1,com:[17,6,3],load:[10,15,3,2,13],simpli:7,point:[1,9],instanti:[7,10,18,3,13],overview:[5,8,4],pop:[7,13],height:[17,6,3],sync:9,header:[18,3,13],rpc:9,empti:15,param:[10,9,3,13],loginbuttontitl:[14,1],bridg:[7,18,9],quit:[7,10,3],tint:14,loginbuttonvariablecolor:14,deep:[6,17],framebord:[6,17],devic:[9,15],three:[7,1,3],"_refreshheaderview":3,mark:[10,13],toolbar:7,easiest:[0,15,3],basic:[15,17],addit:10,quickli:7,egorefreshtableheaderdidtriggerrefresh:3,bit:[7,3],given:[14,9,16,13],imag:[10,8,11,18],search:[4,17,12],ani:[7,10,9,13],togeth:[7,18,17,3],func:13,demand:15,those:[7,8,1],statist:9,"case":0,look:[7,14,1,13],vimeo:[6,17],also:[7,11,3,13],properti:[10,9,3,13],easier:10,appkei:9,abov:[10,9],fun:[18,11],aid:14,anonym:1,uibarbuttonitemstylebord:14,everyon:[6,17],loadingtext:13,purchas:8,file:[1,3,10,7,18,14,15,16],helper:13,almost:3,demo:[12,17],metric:8,readm:0,player:[6,17],itself:10,conf:9,tje:13,webkitallowfullscreen:[6,17],ship:11,decor:13,"null":13,develop:[7,18,15],welcom:4,contentoffset:3,perform:[14,8,1,9,13],suggest:[7,18],make:[3,10,6,7,8,17,11,14,16],same:[7,9],check:[7,3,13],lengthi:7,tablesectionhead:13,android:[5,4,1,6],document:[4,6,17],sharedclientforkei:9,complet:3,week:11,autoreleas:10,ifram:[6,17],finish:[9,13],http:[17,6,3],nil:10,screenslug:15,nib:10,effect:3,evil:10,alert:13,driven:[5,8,1,14],fairli:17,onpaus:1,initi:[9,3,13],egorefreshtableheaderdatasourceisload:3,typic:10,cocoa:13,techniqu:3,task:[10,15],off:11,ampl:[6,17],firstli:7,whole:7,builder:7,well:[7,14,15],id_slug:10,qualit:8,getusernam:13,anim:[7,10,9],client:[12,9,15,2],command:[0,2,10,12,15,16],thi:[1,3,10,6,7,8,9,17,11,13,14,16],choos:[7,0,10,8],newaccountcr:14,everyth:[1,3],audio:[6,17],roughli:16,latest:[9,15],comment:11,uiscreen:10,identifi:[7,10,9],just:[7,17,6,3,13],photo:10,rest:1,detail:[7,10,6,17],isequaltostr:[10,3],monei:8,yet:[14,0,1,3],objectforkei:[10,14],web:[7,9,13],versu:8,expos:13,shouldautorotatetointerfaceorient:10,except:[9,3],littl:3,color:[14,8,1],add:[1,3,10,7,18,9,17,14],other:[7,15,6,17],appdeleg:14,inner:7,tweak:7,els:15,uiinterfaceorient:10,save:8,uinavigationcontrol:7,modul:[7,4],alertus:13,real:[3,13],applic:[3,6,7,9,17,11,13,14,15],mayb:1,piec:8,onnewaccountcr:1,ensureus:14,testwithnam:14,know:[7,15,3],background:9,someslug:3,press:7,amp:[6,17],enormego:3,like:[1,3,10,7,8,9,11,13,14,16],measur:8,xcodeproj:7,backbon:[7,13],success:9,cooler:13,withparam:[10,9,3],anyth:7,integ:13,noth:13,collect:[6,17],channel:13,bunch:3,uibarbuttonitem:14,page:[7,4,9,3],underli:9,right:[10,8,3,13],captur:7,egorefreshtableheaderdeleg:3,egorefreshtableheaderview:3,settext:1,some:[3,6,7,8,17,11,13,16],back:[7,8],sure:[10,17,6,14,3],proper:3,server:8,librari:[1,2,3,7,12,9,13,14],woud:9,guid:[7,0],setupforkei:14,avoid:7,though:[3,13],definit:[12,16,2],achiev:[3,13],subclass:[10,1,9,13],usernam:13,larg:17,refer:[4,2,10,7,12,9,13,18,16],core:[7,9,3,2,13],previou:[7,9],run:[0,1,7,8,13,14,15],power:[17,11,3],cgrectmak:[10,3],rpcurl:[14,9],usag:[9,15],refreshlastupdatedd:3,solut:7,step:[0,1,3,6,7,17,14],repositori:[7,3],offset:13,simplet:13,"super":[10,1],slug:[10,9,16],panel:3,src:[6,17],about:[7,8,9,16],actual:[7,13],would:[7,10,14],startapp:15,manag:15,photoviewcontrol:10,lifecycl:10,dialog:13,act:13,webview:[9,3],block:[14,9,13],findviewbyid:1,own:[7,13],tutori:[18,4,17,3,12],easy_instal:15,automat:7,due:7,down:3,been:[9,15,13],storag:11,your:[0,1,3,10,7,8,9,17,13,14,15,16,18],per:1,git:3,triangl:13,log:[14,9],wai:[1,3,6,7,8,17,11,15],few:[7,13],aren:10,checkmark:13,support:[10,13],hex:14,clutchab:[14,1],happi:11,start:[0,1,5,6,7,12,17,13,14,15,18],initwithtitl:14,interfac:[7,10,3,13],includ:[15,11],uiwebview:9,"var":13,numsect:13,twitter:[12,17],"function":[1,3,7,9,13,14],properli:3,interest:8,form:7,jsonobject:1,bundl:[7,1],somehow:13,github:3,bui:8,link:[7,14],renam:7,line:[0,15,16,13],"true":[3,13],varibl:13,pull:[18,12,9,3],made:13,input:10,datelastupd:3,possibl:7,whether:8,displai:[7,9,13],until:13,below:[10,14,1],egotableviewpullrefresh:[18,3],highlight:7,inform:[7,9],similar:[7,9],expect:13,uiinterfaceorientationportrait:10,superview:10,creat:[0,1,10,7,8,13,14,15],certain:0,"abstract":7,imagetablecontrol:3,doesn:[7,10,13],implement:[10,1,9,3,13],glanc:7,exist:[12,6,17],face:13,codebas:11,fill:7,readi:7,successfulli:15,titl:[14,1,6,17],when:[3,10,7,8,9,11,13],workhors:9,orient:10,"default":[15,13],cleanup:9,bool:[10,9,3],boom:3,rememb:13,test:[4,1,5,6,8,14],you:[0,1,3,10,7,8,9,17,11,13,14,15,16],sectionfoot:13,nice:7,intend:9,determin:[7,3,13],why:[6,17],drag:[14,3],uiviewcontrol:[7,10,9,16,3],appceler:7,stai:0,receiv:13,directori:[7,10,15,3,18],lot:17,flag:15,scroll:[9,3],portion:16,time:[7,8,9,15,13],push:[7,15],clutchview:[2,3,10,7,9,13],profil:16,hello:13,goalreach:[14,1]},objtypes:{"0":"js:function","1":"js:attribute"},titles:["Getting Started","Android SDK","Reference","Integrating Pull-to-Refresh","Welcome to Clutch&#8217;s documentation!","Clutch A/B Testing","Screencasts","Anatomy of an App Using Clutch","Overview","iOS Library Reference","Adding a New Screen","Example Apps","Clutch Framework","JavaScript Library Reference","iOS SDK","Clutch Command Client","Terms and Definitions","Screencasts","Tutorials and Articles"],objnames:{"0":["js","function","JavaScript function"],"1":["js","attribute","JavaScript attribute"]},filenames:["gettingstarted","ab-testing-android","reference","pulltorefresh","index","ab-testing","ab-testing-screencasts","anatomy","ab-testing-overview","ioslibrary","addingnewscreen","examples","framework","jslibrary","ab-testing-ios","commandclient","termsanddefinitions","screencasts","tutorials"]})
\ No newline at end of file
diff --git a/termsanddefinitions.html b/termsanddefinitions.html
new file mode 100644
index 0000000..3a59b4e
--- /dev/null
+++ b/termsanddefinitions.html
@@ -0,0 +1,186 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Terms and Definitions - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="up" title="Reference" href="reference.html" />
+                  <link rel="next" title="Screencasts" href="screencasts.html" />
+                  <link rel="prev" title="Clutch Command Client" href="commandclient.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+      <a href="framework.html" >Clutch Framework</a> &raquo;
+      <a href="reference.html" accesskey="U">Reference</a> &raquo;
+    Terms and Definitions
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="screencasts.html" class="right" title="Screencasts" accesskey="N">next</a>
+    <a href="commandclient.html" class="right" title="Clutch Command Client" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="terms-and-definitions">
+<h1>Terms and Definitions<a class="headerlink" href="#terms-and-definitions" title="Permalink to this headline">¶</a></h1>
+<dl class="glossary docutils">
+<dt id="term-clutch-app">Clutch App</dt>
+<dd>A container holding all of the files that will make up the
+HTML/JavaScript/CSS portion of your app.  This container is registered
+with Clutch and is given a name and a short name to easily talk about it.</dd>
+<dt id="term-screen">Screen</dt>
+<dd>A content area that will be shown to the user using your app. Each
+<a class="reference internal" href="#term-clutch-app"><em class="xref std std-term">Clutch App</em></a> contains one or more screens.  Examples of a screen could be
+a user profile or a list of friends.  This roughly corresponds one-to-one
+with the number of UIViewControllers in your app that use Clutch.</dd>
+<dt id="term-short-name">Short Name</dt>
+<dd>The short version of an app name that is used in the URL for your
+<a class="reference internal" href="#term-clutch-app"><em class="xref std std-term">Clutch App</em></a> and is typed into the command line.  For instance an
+app named &#8220;Example App&#8221; might have the short name &#8220;exampleapp&#8221;, which
+you might type into the command line like <tt class="docutils literal"><span class="pre">clutch</span> <span class="pre">dev</span> <span class="pre">-a</span> <span class="pre">exampleapp</span></tt>.
+Some people might refer to this as a <a class="reference external" href="http://en.wikipedia.org/wiki/Slug_(web_publishing)">Slug</a>.</dd>
+</dl>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="commandclient.html" title="previous chapter">Clutch Command Client</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="screencasts.html" title="next chapter">Screencasts</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/termsanddefinitions.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/tutorials.html b/tutorials.html
new file mode 100644
index 0000000..ed921a1
--- /dev/null
+++ b/tutorials.html
@@ -0,0 +1,195 @@
+
+<!DOCTYPE html>
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
+      <head>
+          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+          
+          <title>Clutch.io - Tutorials and Articles - Documentation</title>
+          
+    <link rel="stylesheet" href="_static/basic.css" type="text/css" />
+    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
+          
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:    '',
+        VERSION:     '1.0',
+        COLLAPSE_INDEX: false,
+        FILE_SUFFIX: '.html',
+        HAS_SOURCE:  true
+      };
+    </script>
+    
+    <script type="text/javascript" src="_static/jquery.js"></script>
+    <script type="text/javascript" src="_static/underscore.js"></script>
+    <script type="text/javascript" src="_static/doctools.js"></script>
+    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script type="text/javascript" src="_static/main.js"></script>
+    <script type="text/javascript" src="_static/bootstrap-modal.js"></script>
+          <link rel="shortcut icon" href="_static/favicon.ico"/>
+                  <link rel="top" title="Clutch 1.0 documentation" href="index.html" />
+                  <link rel="up" title="Clutch Framework" href="framework.html" />
+                  <link rel="next" title="Example Apps" href="examples.html" />
+                  <link rel="prev" title="Clutch Framework" href="framework.html" /> 
+      </head>
+      <body id="docs" class="secondary ">
+          <div id="header">
+                <div class="content">
+                    <div class="ribbon"></div>
+                    <h1 class="logo"><a href="http://127.0.0.1:8000/">Clutch.io</a></h1>
+                        <ul class="main-nav">
+                			<li><a href="http://127.0.0.1:8000/features/"><strong>Features <em>What We Offer</em></strong></a></li>
+                			<li><a href="http://127.0.0.1:8000/pricing/"><strong>Pricing <em>Free &amp; Premium</em></strong></a></li>
+                			<li class="active"><a href="http://docs.clutch.io/"><strong>Documentation <em>Clear and Concise</em></strong></a></li>
+                            <li class="last"><a href="http://127.0.0.1:8000/apps/"><strong>My Account <em>Logout</em></strong></a></li>	
+                		</ul>
+                </div>
+           </div>
+           <div class="edge"></div>
+            
+              <div class="document">
+                  <div class="documentwrapper section-wrap">
+                      
+                    <div class="relbar">
+                    
+    <div class="breadcrumbs">
+    <a href="index.html" class="main-link">Clutch 1.0 documentation</a> &raquo;
+      <a href="framework.html" accesskey="U">Clutch Framework</a> &raquo;
+    Tutorials and Articles
+    </div>
+    <div class="rellinks">
+    <a href="index.html" class="left">home</a>
+    <a href="genindex.html" class="right" title="General Index" accesskey="I">index</a>
+    <a href="examples.html" class="right" title="Example Apps" accesskey="N">next</a>
+    <a href="framework.html" class="right" title="Clutch Framework" accesskey="P">previous</a>
+    </div> 
+    <div class="clear"></div>
+                    </div>  
+                      
+                    <div class="bodywrapper content">  
+                      <div class="body main-sec">
+                        
+  <div class="section" id="tutorials-and-articles">
+<h1>Tutorials and Articles<a class="headerlink" href="#tutorials-and-articles" title="Permalink to this headline">¶</a></h1>
+<div class="toctree-wrapper compound">
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="examples.html">Example Apps</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="examples.html#imgs-fun-image-app">Imgs - Fun Image App</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="gettingstarted.html">Getting Started</a></li>
+<li class="toctree-l1"><a class="reference internal" href="anatomy.html">Anatomy of an App Using Clutch</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="anatomy.html#the-suggested-directory-structure">The Suggested Directory Structure</a></li>
+<li class="toctree-l2"><a class="reference internal" href="anatomy.html#the-folder-reference">The Folder Reference</a></li>
+<li class="toctree-l2"><a class="reference internal" href="anatomy.html#how-an-app-fits-together">How an App Fits Together</a></li>
+<li class="toctree-l2"><a class="reference internal" href="anatomy.html#the-bridge">The Bridge</a></li>
+<li class="toctree-l2"><a class="reference internal" href="anatomy.html#development-mode">Development Mode</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="addingnewscreen.html">Adding a New Screen</a></li>
+<li class="toctree-l1"><a class="reference internal" href="pulltorefresh.html">Integrating Pull-to-Refresh</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="pulltorefresh.html#download-and-install-egotableviewpullrefresh">Download and Install EGOTableViewPullRefresh</a></li>
+<li class="toctree-l2"><a class="reference internal" href="pulltorefresh.html#integrate-egotableviewpullrefresh-in-your-header-file">Integrate EGOTableViewPullRefresh in Your Header File</a></li>
+<li class="toctree-l2"><a class="reference internal" href="pulltorefresh.html#synthesize-and-instantiate-refresh-variables">Synthesize and Instantiate Refresh Variables</a></li>
+<li class="toctree-l2"><a class="reference internal" href="pulltorefresh.html#add-delegate-methods">Add Delegate Methods</a></li>
+<li class="toctree-l2"><a class="reference internal" href="pulltorefresh.html#pulling-it-all-together">Pulling it All Together</a></li>
+<li class="toctree-l2"><a class="reference internal" href="pulltorefresh.html#example">Example</a></li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+
+
+                      </div>
+                        
+      <div class="sphinxsidebar secondary-sec">
+        <div class="sphinxsidebarwrapper">
+  <h4>Previous topic</h4>
+  <p class="topless pad">
+      <a href="framework.html" title="previous chapter">Clutch Framework</a>
+  </p>
+  <h4>Next topic</h4>
+  <p class="topless pad">
+      <a href="examples.html" title="next chapter">Example Apps</a>
+  </p>
+  <h3>This Page</h3>
+  <ul class="this-page-menu pad">
+    <li>
+        <a href="_sources/tutorials.txt" rel="nofollow">Show Source</a>
+    </li>
+  </ul>
+<div id="searchbox" style="display: none">
+  <h3>Quick search</h3>
+    <div class="pad">
+    <form class="search" action="search.html" method="get">
+      <input type="text" name="q" />
+      <input type="submit" value="Go" class="btn gray small" />
+      <input type="hidden" name="check_keywords" value="yes" />
+      <input type="hidden" name="area" value="default" />
+    </form>
+    <p class="searchtip">
+    Enter search terms or a module, class or function name.
+    </p>
+    </div>
+</div>
+<script type="text/javascript">$('#searchbox').show(0);</script>
+        </div>
+      </div>
+                      <div class="clear"></div>
+                    </div>
+                    
+                  </div>
+                </div>
+      <div id="footer">
+             <div class="content">
+                 <div class="left">
+                 		<ul>
+                 		    <li><a href="http://127.0.0.1:8000/">Home</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/about/">About</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/faq/">FAQ</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/privacy/">Privacy</a></li>
+                 	        <li><a href="http://127.0.0.1:8000/terms/">Terms</a></li>
+                          <li><a href="http://docs.clutch.io/">Documentation</a></li>
+                 	        <li class="#"><a href="http://blog.clutch.io">Blog</a></li>
+                 	    </ul>	
+                 		<br class="cl">
+
+                 		<a href="https://twitter.com/clutchio" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @clutchio</a>
+                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+                 	</div>
+
+                 	<div class="right">	
+                 		<p class="copyright">Copyright &copy; 2011-2012 Boilerplate Inc. San Francisco, CA.
+                 		    <br />
+                              Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.    
+                 		</p>
+                 	</div>
+             </div>
+        </div>
+    
+    
+    
+    
+    <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]});
+    /* custom configuration goes here (www.olark.com/documentation) */
+    olark.configure('system.domain', '.clutch.io');
+    olark.identify('8940-141-10-1241');/*]]>{/literal}*/</script>
+        
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29049023-2']);
+      _gaq.push(['_setDomainName', 'clutch.io']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+</body>
+</html>
\ No newline at end of file