diff --git a/index.html b/index.html
index ce5e3137..3ab678ea 100644
--- a/index.html
+++ b/index.html
@@ -63,11 +63,9 @@
 
                 <ul class="nav pull-right">
                     <li><a href="https://groups.google.com/d/forum/elastichq" target="_blank"><i
-                            class="icon-comments-alt"></i> Get Help</a></li>
+                            class="icon-comments-alt icon-large"></i> Get Help</a></li>
                     <li><a href="https://github.com/royrusso/elasticsearch-HQ" target="_blank"><i
                             class="icon-github icon-large"></i> Star us on GitHub</a></li>
-                    <!--  <a class="btn btn-success" href="https://github.com/royrusso/elasticsearch-HQ"><i
-                              class="icon-github icon-large"></i> Star us on GitHub</a>-->
                 </ul>
             </div>
             <!--/.nav-collapse -->
@@ -181,6 +179,8 @@ <h1>Getting Started...</h1>
 <script src="js/lib/underscore/underscore.js"></script>
 <script src="js/lib/backbone/backbone.js"></script>
 <script src="js/lib/backbone-poller/backbone.poller.min.js"></script>
+<script src="js/lib/backbone-validation/backbone-validation-min.js"></script>
+<script src="js/lib/backbone-validation/backbone.validation.bootstrap.js"></script>
 
 <!-- Notify -->
 <script src="js/lib/pnotify/jquery.pnotify.min.js"></script>
@@ -219,7 +219,7 @@ <h1>Getting Started...</h1>
 <script src="js/model/index/action/ClearCacheAllIndexModel.js"></script>
 <script src="js/model/index/action/FlushAllIndexModel.js"></script>
 <script src="js/model/index/action/OptimizeAllIndexModel.js"></script>
-<script src="js/model/index/action/CreateIndexModel.js"></script>
+<script src="js/model/index/action/IndexModel.js"></script>
 
 <!-- View -->
 <script src="js/view/ErrorMessageView.js"></script>
@@ -237,6 +237,9 @@ <h1>Getting Started...</h1>
 <script src="js/view/index/action/ClearCacheAllIndexView.js"></script>
 <script src="js/view/index/action/CreateIndexView.js"></script>
 
+<!-- Routes -->
+<script src="js/route/IndexRoute.js"></script>
+
 <!-- Util -->
 <script src="js/util/logger.js"></script>
 <script src="js/util/tools.js"></script>
diff --git a/js/model/cluster/ClusterModel.js b/js/model/cluster/ClusterModel.js
index bd988580..a0c2de58 100644
--- a/js/model/cluster/ClusterModel.js
+++ b/js/model/cluster/ClusterModel.js
@@ -97,8 +97,7 @@ var Cluster = Backbone.Model.extend({
         var _this = this;
         _this.get("clusterState").fetch({
             success:function (model, res) {
-                _this.clusterState = model;
-                return;
+                _this.set({clusterState:model});
             }
         });
     }
diff --git a/js/model/index/action/CreateIndexModel.js b/js/model/index/action/IndexModel.js
similarity index 54%
rename from js/model/index/action/CreateIndexModel.js
rename to js/model/index/action/IndexModel.js
index 9784ea3f..34f37b5f 100644
--- a/js/model/index/action/CreateIndexModel.js
+++ b/js/model/index/action/IndexModel.js
@@ -25,16 +25,43 @@
 }'
  * @type {*}
  */
-var CreateIndexModel = Backbone.Model.extend({
+var IndexModel = Backbone.Model.extend({
     defaults:{
-        indexId:undefined
+        indexId:undefined,
+        cmd: undefined
     },
     initialize:function (args) {
         console.log("Creating Index " + args.indexId);
-        this.nodeId = args.indexId;
+        this.indexId = args.indexId;
+        if (args.cmd != undefined) {
+            this.cmd = args.cmd;
+        }
     },
     url:function () {
-        return '/' + this.indexId;
-    }
+        if (this.cmd != undefined) {
+            return '/' + this.indexId + '/' + this.cmd;
+        }
+        else {
+            return '/' + this.indexId;
+        }
 
+    },
+    validation:{
+        indexId:{
+            required:true,
+            msg:'Please enter a valid Index ID'
+        },
+        shards:{
+            required:true,
+            min:1,
+            pattern:'number',
+            msg:'Please enter a # value.'
+        },
+        replicas:{
+            required:true,
+            min:0,
+            pattern:'number',
+            msg:'Please enter a # value.'
+        }
+    }
 });
\ No newline at end of file
diff --git a/js/route/IndexRoute.js b/js/route/IndexRoute.js
new file mode 100644
index 00000000..ec03a29a
--- /dev/null
+++ b/js/route/IndexRoute.js
@@ -0,0 +1,128 @@
+/*
+ Copyright 2013 Roy Russo
+
+ 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.
+
+ Latest Builds: https://github.com/royrusso/elasticsearch-HQ
+ */
+
+var indexRoute = {};
+
+
+indexRoute.deleteIndex = function (indexId) {
+    var indexModel = new IndexModel({connectionRootURL:cluster.get("connectionRootURL"), indexId:indexId});
+    indexModel.id = indexId;
+    indexModel.destroy({
+        success:function (model, response) {
+            var str = JSON.stringify(response, undefined, 2);
+            var template = _.template(indexActionTemplate.defaultModal, {title:'Index Deleted!', res:str});
+            $('#infoModal-loc').html(template);
+            prettyPrint();
+            $('#defaultindexmodal').modal('show');
+            $('#defaultindexmodal').on('hidden', function () {
+                router.navigate("indices", true);
+            });
+        },
+        error:function (model, response, options) {
+            var str = JSON.stringify(response, undefined, 2);
+            var template = _.template(indexActionTemplate.defaultModal, {title:'Index Delete Failed!', res:str});
+            $('#infoModal-loc').html(template);
+            prettyPrint();
+            $('#defaultindexmodal').modal('show');
+            $('#defaultindexmodal').on('hidden', function () {
+                router.navigate("indices", true);
+            });
+        }
+    });
+
+}
+
+indexRoute.flushIndex = function (indexId) {
+    var indexModel = new IndexModel({connectionRootURL:cluster.get("connectionRootURL"), indexId:indexId, cmd:'_flush'});
+    indexModel.fetch({
+        success:function (model, response) {
+            var str = JSON.stringify(response, undefined, 2);
+            var template = _.template(indexActionTemplate.defaultModal, {title:'Index Flushed!', res:str});
+            $('#infoModal-loc').html(template);
+            prettyPrint();
+            $('#defaultindexmodal').modal('show');
+        },
+        error:function (model, response, options) {
+            var str = JSON.stringify(response, undefined, 2);
+            var template = _.template(indexActionTemplate.defaultModal, {title:'Index Flush Failed!', res:str});
+            $('#infoModal-loc').html(template);
+            prettyPrint();
+            $('#deleteindexmodal').modal('show');
+        }
+    });
+}
+
+indexRoute.refreshIndex = function (indexId) {
+    var indexModel = new IndexModel({connectionRootURL:cluster.get("connectionRootURL"), indexId:indexId, cmd:'_refresh'});
+    indexModel.fetch({
+        success:function (model, response) {
+            var str = JSON.stringify(response, undefined, 2);
+            var template = _.template(indexActionTemplate.defaultModal, {title:'Index Refreshed!', res:str});
+            $('#infoModal-loc').html(template);
+            prettyPrint();
+            $('#defaultindexmodal').modal('show');
+        },
+        error:function (model, response, options) {
+            var str = JSON.stringify(response, undefined, 2);
+            var template = _.template(indexActionTemplate.defaultModal, {title:'Index Refresh Failed!', res:str});
+            $('#infoModal-loc').html(template);
+            prettyPrint();
+            $('#deleteindexmodal').modal('show');
+        }
+    });
+}
+
+indexRoute.optimizeIndex = function (indexId) {
+    var indexModel = new IndexModel({connectionRootURL:cluster.get("connectionRootURL"), indexId:indexId, cmd:'_optimize'});
+    indexModel.fetch({
+        success:function (model, response) {
+            var str = JSON.stringify(response, undefined, 2);
+            var template = _.template(indexActionTemplate.defaultModal, {title:'Index Optimized!', res:str});
+            $('#infoModal-loc').html(template);
+            prettyPrint();
+            $('#defaultindexmodal').modal('show');
+        },
+        error:function (model, response, options) {
+            var str = JSON.stringify(response, undefined, 2);
+            var template = _.template(indexActionTemplate.defaultModal, {title:'Index Optimization Failed!', res:str});
+            $('#infoModal-loc').html(template);
+            prettyPrint();
+            $('#deleteindexmodal').modal('show');
+        }
+    });
+}
+
+indexRoute.clearCacheIndex = function (indexId) {
+    var indexModel = new IndexModel({connectionRootURL:cluster.get("connectionRootURL"), indexId:indexId, cmd:'_cache/clear'});
+    indexModel.fetch({
+        success:function (model, response) {
+            var str = JSON.stringify(response, undefined, 2);
+            var template = _.template(indexActionTemplate.defaultModal, {title:'Index Cache Cleared!', res:str});
+            $('#infoModal-loc').html(template);
+            prettyPrint();
+            $('#defaultindexmodal').modal('show');
+        },
+        error:function (model, response, options) {
+            var str = JSON.stringify(response, undefined, 2);
+            var template = _.template(indexActionTemplate.defaultModal, {title:'Clear Cache Failed!', res:str});
+            $('#infoModal-loc').html(template);
+            prettyPrint();
+            $('#deleteindexmodal').modal('show');
+        }
+    });
+}
\ No newline at end of file
diff --git a/js/router.js b/js/router.js
index 45377fbc..37ec27e1 100644
--- a/js/router.js
+++ b/js/router.js
@@ -35,6 +35,11 @@ $(document).ready(
                     "flushall":"flushall",
                     "clearcacheall":"clearcacheall",
                     "createindex":"createIndex",
+                    "deleteindex/:indexId":"deleteIndex",
+                    "flushindex/:indexId":"flushIndex",
+                    "clearcacheindex/:indexId":"clearCacheIndex",
+                    "optimizeindex/:indexId":"optimizeIndex",
+                    "refreshindex/:indexId":"refreshIndex",
                     "index/:indexId":"index",
                     "query":"query",
                     "admin":"admin",
@@ -59,6 +64,9 @@ $(document).ready(
                             clusterHealthPoller.on('success', function (healthModel) {
                                 var clusterView = new ClusterHealthView({el:$("#clusterHealth-loc"), model:healthModel});
                                 clusterView.render();
+
+                                cluster.refreshClusterState();
+
                                 $("#toolbar").css("visibility", "visible");
 
                                 var nodeList = cluster.get("nodeList");
@@ -189,8 +197,12 @@ $(document).ready(
                     indexStatusModel.fetch(
                         {
                             success:function () {
-                                var indexListView = new IndexStatusListView({model:indexStatusModel});
-                                indexListView.render();
+                                // need to have a refreshed clusterstate
+                                cluster.get("clusterState").fetch({
+                                    success:function (model, res) {
+                                        var indexListView = new IndexStatusListView({model:indexStatusModel});
+                                        indexListView.render();
+                                    }});
                             },
                             error:function () {
                                 // TODO
@@ -238,13 +250,29 @@ $(document).ready(
                     });
                 },
                 createIndex:function () {
-                    var createIndexModel = new CreateIndexModel({connectionRootURL:cluster.get("connectionRootURL")});
+                    var createIndexModel = new IndexModel({connectionRootURL:cluster.get("connectionRootURL")});
                     var createIndexView = new CreateIndexView({model:createIndexModel});
                     createIndexView.render();
                 },
+                deleteIndex:function (indexId) {
+                    indexRoute.deleteIndex(indexId);
+                },
+                clearCacheIndex:function (indexId) {
+                    indexRoute.clearCacheIndex(indexId);
+                },
+                flushIndex:function (indexId) {
+                    indexRoute.flushIndex(indexId);
+                },
+                refreshIndex:function (indexId) {
+                    indexRoute.refreshIndex(indexId);
+                },
+                optimizeIndex:function (indexId) {
+                    indexRoute.optimizeIndex(indexId);
+                },
                 index:function (indexId) {
                     stopNodePoller();
-                    var indexView = new IndexView({});
+                    var createIndexModel = new IndexModel({connectionRootURL:cluster.get("connectionRootURL"), indexId:indexId});
+                    var indexView = new IndexView({model:createIndexModel});
                     indexView.render();
                 },
                 defaultRoute:function () {
diff --git a/js/template/IndexActionTemplate.js b/js/template/IndexActionTemplate.js
index 2fc44a61..73a026ea 100644
--- a/js/template/IndexActionTemplate.js
+++ b/js/template/IndexActionTemplate.js
@@ -1,33 +1,37 @@
 var indexActionTemplate = {};
 
 indexActionTemplate.createIndex = [
-    '<div>',
+    '<div class="span8 center-table">',
 
     '<form class="form-horizontal" id="createIndexForm">',
     '<fieldset>',
     '<div id="legend">',
-    '<legend class="">Login</legend>',
+    '<legend class="">Create an Index</legend>',
     '</div>',
     '<div class="control-group">',
-    '<!-- Username -->',
-    '<label class="control-label"  for="username">Username</label>',
+    '<label class="control-label"  for="indexId">Index ID</label>',
     '<div class="controls">',
-    '<input type="text" id="username" name="username" placeholder="" class="input-xlarge">',
+    '<input type="text" id="indexId" name="indexId" placeholder="" class="input-xlarge"  data-error-style="inline">',
     '</div>',
     '</div>',
 
     '<div class="control-group">',
-    '<!-- Password-->',
-    '<label class="control-label" for="password">Password</label>',
+    '<label class="control-label" for="shards"># Shards</label>',
     '<div class="controls">',
-    '<input type="password" id="password" name="password" placeholder="" class="input-xlarge">',
+    '<input type="text" id="shards" name="shards" placeholder="" class="input-mini"  data-error-style="inline">',
+    '</div>',
+    '</div>',
+    '<div class="control-group">',
+    '<label class="control-label" for="replicas"># Replicas</label>',
+    '<div class="controls">',
+    '<input type="text" id="replicas" name="replicas" placeholder="" class="input-mini"  data-error-style="inline">',
     '</div>',
     '</div>',
 
     '<div class="control-group">',
-    '<!-- Button -->',
     '<div class="controls">',
-    '<button type="submit" class="btn btn-success">Login</button>',
+    '<button type="submit" class="btn btn-success">Create</button>',
+    '<a href="#indices" class="btn">Cancel</a>',
     '</div>',
     '</div>',
     '</fieldset>',
@@ -36,6 +40,24 @@ indexActionTemplate.createIndex = [
     '</div>'
 ].join("\n");
 
+indexActionTemplate.defaultModal = [
+    '<div class="modal hide fade" id="defaultindexmodal">',
+    '<div class="modal-header">',
+    '<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>',
+    '<h3><%- title %></h3>',
+    '</div>',
+    '<div class="modal-body">',
+    '<p>Response from Server is... </p>',
+    '<pre class="prettyprint linenums language-json">',
+    '<%- res %>',
+    '</pre>',
+    '</div>',
+    '<div class="modal-footer">',
+    '<a href="#" class="btn" data-dismiss="modal">Close</a>',
+    '</div>',
+    '</div>'
+].join("\n");
+
 indexActionTemplate.optimizeAll = [
     '<div class="modal hide fade" id="optimizeallmodal">',
     '<div class="modal-header">',
diff --git a/js/template/IndexTemplate.js b/js/template/IndexTemplate.js
index f9542586..c22454b0 100644
--- a/js/template/IndexTemplate.js
+++ b/js/template/IndexTemplate.js
@@ -3,7 +3,7 @@ var indexTemplate = {};
 
 indexTemplate.indexList = [
     '<div class="text-center"><h2>Indices</h2></div>',
-    '<div class="span8 center-table">',
+    '<div class="span11 center-table">',
 
     '<div id="toolbar" class="pull-right" style="padding-bottom: 10px;">',
     '<div class="btn-group">',
@@ -38,8 +38,8 @@ indexTemplate.indexList = [
 ].join("\n");
 
 indexTemplate.indexView = [
-    '<div class="text-center"><h2>Some Index Name</h2>',
-    '<div class="span9 center-table">',
+    '<div class="text-center"><h2><%- indexName %></h2>',
+    '<div class="span11 center-table">',
     '<ul class="nav nav-tabs">',
     '<li><a href="#overview"  class="active" data-toggle="tab" id="indexTab">Overview</a></li>',
     '<li><a href="#metrics" data-toggle="tab">Metrics</a></li>',
@@ -52,7 +52,17 @@ indexTemplate.indexView = [
     '<div class="tab-pane" id="metrics">11</div>',
     '<div class="tab-pane" id="shards">22</div>',
     '<div class="tab-pane" id="mappings">22</div>',
-    '<div class="tab-pane" id="administration">22</div>',
+
+    '<div class="tab-pane" id="administration">',
+    '<table class="table table-bordered table-striped">',
+    '<tr><td><a href="#flushindex/<%- indexId %>" class="btn" style="white-space: nowrap;">Flush Index</a></td><td>The flush process of an index frees memory from the index by flushing data to the index storage and clearing the internal transaction log. By default, ElasticSearch uses memory heuristics in order to automatically trigger flush operations as required in order to clear memory.</td></tr>',
+    '<tr><td><a href="#clearcacheindex/<%- indexId %>" class="btn" style="white-space: nowrap;">Clear Cache</a></td><td>Clears the cache on all indices.</td></tr>',
+    '<tr><td><a href="#optimizeindex/<%- indexId %>" class="btn" style="white-space: nowrap;">Optimize Index</a></td><td>The optimize process basically optimizes the index for faster search operations (and relates to the number of segments a lucene index holds within each shard). The optimize operation allows to reduce the number of segments by merging them.</td></tr>',
+    '<tr><td><a href="#refreshindex/<%- indexId %>" class="btn" style="white-space: nowrap;">Refresh Index</a></td><td>Refresh the index, making all operations performed since the last refresh available for search. The (near) real-time capabilities depend on the index engine used. For example, the robin one requires refresh to be called, but by default a refresh is scheduled periodically.</td></tr>',
+    '<tr><td><a href="#deleteindex/<%- indexId %>" class="btn btn-danger" style="white-space: nowrap;">Delete Index</a></td><td><strong>WARNING! This action cannot be undone. You will destroy this index and all documents associated with this, by clicking this button.</strong></td></tr>',
+    '</table>',
+    '</div>',
+
     '</div>',
     '</div></div>'
 ].join("\n");
\ No newline at end of file
diff --git a/js/util/tools.js b/js/util/tools.js
index 5925f076..12e6b259 100644
--- a/js/util/tools.js
+++ b/js/util/tools.js
@@ -39,6 +39,8 @@ function show_stack_bottomright(args) {
         styling:"bootstrap",
         history:false,
         icon:true,
+        hide:(args.hide == undefined) ? true : args.hide,
+        closer_hover:(args.closer_hover == undefined) ? true : args.closer_hover,
         delay:5000
     };
     switch (args.type) {
@@ -92,4 +94,20 @@ var convert = {
 
 function uppercaseFirst(string) {
     return string.charAt(0).toUpperCase() + string.slice(1);
-}
\ No newline at end of file
+}
+
+$.fn.serializeObject = function () {
+    var o = {};
+    var a = this.serializeArray();
+    $.each(a, function () {
+        if (o[this.name] !== undefined) {
+            if (!o[this.name].push) {
+                o[this.name] = [o[this.name]];
+            }
+            o[this.name].push(this.value || '');
+        } else {
+            o[this.name] = this.value || '';
+        }
+    });
+    return o;
+};
\ No newline at end of file
diff --git a/js/view/index/IndexStatusListView.js b/js/view/index/IndexStatusListView.js
index 7868940e..3ab23cf3 100644
--- a/js/view/index/IndexStatusListView.js
+++ b/js/view/index/IndexStatusListView.js
@@ -24,20 +24,22 @@ var IndexStatusListView = Backbone.View.extend(
         render:function () {
             var indexStatus = this.model.toJSON();
 
-            cluster.refreshClusterState();
+            var indices = [];
+
             var clusterState = cluster.get("clusterState").toJSON();
 
-            var indices = [];
             for (var $i = 0; $i < indexStatus.length; $i++) {
                 var index = indexStatus[$i];
                 index.name = uppercaseFirst(index.id);
-                if (clusterState.metadata.indices[index.id]) {
-                    index.numshards = clusterState.metadata.indices[index.id].settings['index.number_of_shards'];
-                    index.numreplicas = clusterState.metadata.indices[index.id].settings['index.number_of_replicas'];
-                    index.status = clusterState.metadata.indices[index.id].state;
+                index.numshards = clusterState.metadata.indices[index.id].settings['index.number_of_shards'];
+                index.numreplicas = clusterState.metadata.indices[index.id].settings['index.number_of_replicas'];
+                index.status = clusterState.metadata.indices[index.id].state;
+                if (index.docs == undefined) {
+                    index.docs = {num_docs:0};
                 }
                 indices.push(index);
             }
+
             var tpl = _.template(indexTemplate.indexList);
             $('#workspace').html(tpl(
                 {
diff --git a/js/view/index/IndexView.js b/js/view/index/IndexView.js
index c1889417..66cf231e 100644
--- a/js/view/index/IndexView.js
+++ b/js/view/index/IndexView.js
@@ -24,12 +24,16 @@
 var IndexView = Backbone.View.extend(
     {
         render:function () {
+            var _this = this;
+            var indexName = uppercaseFirst(_this.model.indexId);
+
             //var indexStatus = this.model.toJSON();
 
             var tpl = _.template(indexTemplate.indexView);
             $('#workspace').html(tpl(
                 {
-
+                    indexId: _this.model.indexId,
+                    indexName: indexName
                 }));
 
             $('#indexTab').tab('show');
diff --git a/js/view/index/action/CreateIndexView.js b/js/view/index/action/CreateIndexView.js
index dc104b57..fa86fbb7 100644
--- a/js/view/index/action/CreateIndexView.js
+++ b/js/view/index/action/CreateIndexView.js
@@ -22,32 +22,47 @@ var CreateIndexView = Backbone.View.extend(
         events:{
             'submit #createIndexForm':'saveToModel'
         },
-        initialize:function () {
-            // ...
-        },
-        saveToModel:function (data) {
-            this.model.indexId = '411';
+        saveToModel:function (e) {
+            e.preventDefault();
+
+            var _this = this;
+            var data = this.$('#createIndexForm').serializeObject();
+            this.model.set(data);
+            this.model.indexId = data.indexId;
+
 
             // this triggers a RESTFul POST (or PUT) request to the URL specified in the model
             this.model.save(
                 {
                     "settings":{
-                        "number_of_shards":3,
-                        "number_of_replicas":2
+                        "number_of_shards":data.shards,
+                        "number_of_replicas":data.replicas
                     }
                 },
                 {
                     success:function (model, response) {
                         Backbone.history.navigate('indices', true);
+                        show_stack_bottomright({type:'success', title:'Index Created', text:'"' + _this.model.indexId + '" index created.'});
+                    },
+                    error:function (model, response, options) {
+                        {
+                            var err = '<p>Server Response is...</p><pre class="prettyprint linenums language-json">' + response.responseText + '</pre>';
+                            show_stack_bottomright({type:'error', title:'Index Failed', text:err, hide:false, closer_hover:false});
+                            prettyPrint();
+                            Backbone.history.navigate('indices', true);
+                        }
                     }
                 }
             );
-
+            this.unbind();
             return false;
         },
         render:function () {
             var template = _.template(indexActionTemplate.createIndex, {model:this.model});
             $('#workspace').html(template);
+            Backbone.Validation.bind(this);
+            //this.model.on('validated:valid', this.valid, this);
+            //this.model.on('validated:invalid', this.invalid, this);
             return this;
         }
     });
\ No newline at end of file