--- a/mouchak/server.py
+++ b/mouchak/server.py
@@ -17,8 +17,9 @@
 siteContent = db['content']
 siteMenu = db['menu']
 if siteMenu.find_one() == None:
-    siteMenu.insert({'customMenu': False})
+    siteMenu.insert({'customMenu': False, 'menuOrder': []})
 
+
 # handy reference to otherwise long name
 bson.ObjId = bson.objectid.ObjectId
 
@@ -49,7 +50,7 @@
 @app.route('/edit', methods=['GET'])
 def edit():
     return flask.render_template('editor.html', content=getContent(),
-                                 title=conf)
+                                 title=conf.SITE_TITLE)
 
 
 @app.route('/page', methods=['POST'])
@@ -114,6 +115,7 @@
     #    print _id
     #    res = siteMenu.remove({'_id': bson.ObjId(_id)})
     #    return flask.jsonify(status='deleted')
+
 
 
 if __name__ == "__main__":
--- a/mouchak/static/js/editor.js
+++ b/mouchak/static/js/editor.js
@@ -9,8 +9,7 @@
       'click .pagename .disp': 'showPage',
       'click #addPage': 'addPage',
       'click .pagename .remove': 'removePage',
-      'click #menu-config': 'showMenu'//,
-      //'click #footer-config': 'footerConfig'
+      'click #menu-config': 'showMenu',
     },
     initialize: function() {
       _.bindAll(this);
@@ -25,7 +24,6 @@
       //console.log(menu);
       this.menuconfig = new M.types.model.menu(menu);
       this.menuconfigview = new MenuConfigView({model: this.menuconfig});
-      //this.footerconfigview = new FooterConfigView();
     },
     render: function() {
       // append the page list
@@ -69,9 +67,6 @@
     },
     showMenu: function(event) {
       this.menuconfigview.render();
-    },
-    footerConfig: function(event) {
-      //this.footerconfigview.render();
     }
   });
 
@@ -243,7 +238,6 @@
     },
     render: function() {
       this.$el.html('');
-      console.log(this.model);
       var type = this.model.get('type');
       this.$el.append(this.template({
         type: this.model.get('type'),
@@ -252,7 +246,6 @@
       }));
 
       this.$select = $('.contentview select');
-      //this.$select.bind('change', this.typeChanged);
       this.$select.val(type);
 
       if(type === 'text') {


@@ -265,13 +258,13 @@
       }
       else if(type === 'image' || type === 'video' ||
               type === 'audio' || type === 'plugin') {
-        var template = _.template($('#media-template').html());
 
+        var template = _.template($('#media-template').html());
         $('#specific-content').html(template({
           src: this.model.get('src')
         }));
 
-        //provide the users a preview
+        //TODO: provide the users a preview
         /*var view = new M.types.view[type]({model: this.model});
          //$('#specific-content.preview').html();
          view.render('.preview');*/
@@ -316,30 +309,6 @@
     }
   });
 
-  /* view to configure footer */
-  var FooterConfigView = Backbone.View.extend({
-    tagName: 'div',
-    id: 'page',
-    events: {
-      'click #saveFooter': 'saveFooter'
-    },
-    initialize: function() {
-      _.bindAll(this);
-      this.template = _.template($('#footer-config-template').html());
-    },
-    render: function() {
-      $('#page').remove();
-      $('#content-container').append(this.$el);
-      this.$el.html(this.template());
-      M.editor.wysiwig('#footer-input');
-    },
-    saveFooter: function() {
-      tinymce.triggerSave(false, true);
-      var data = $('#footer-input').html();
-      console.log(data);
-    }
-  });
-
   /* view to configure custom navigation menu */
   var MenuConfigView = Backbone.View.extend({
     tagName: 'div',




@@ -357,25 +326,29 @@
       $('#content-container').append(this.$el);
       console.log('rendering..', this.$el);
       this.$el.html(this.template({
+        menu_order: this.model.get('menuOrder'),
         pos: this.model.get('pos'),
         menu: this.model.get('html')
       }));
       this.$menuOptions = $('.menu-options');
+      this.$menuOrder = $('#menu-order-wrap');
 
       if(this.model.get('customMenu') === true) {
         $('#custom-menu').attr('checked', true);
         this.$menuOptions.show({complete: function() {
-          M.editor.wysiwig('#menu');
+          //M.editor.wysiwig('#menu');
         }});
       }
     },
     showMenuOptions: function(bool) {
     if(bool === true) {
+      this.$menuOrder.hide();
       this.$menuOptions.show({complete: function() {
           //M.editor.wysiwig('#menu');
         }});
       }
       else {
+        this.$menuOrder.show();
         this.$menuOptions.hide();
       }
     },



@@ -391,18 +364,18 @@
     },
     saveMenu: function() {
       console.log('saving menu..');
-			// var menuHTML = $('#menu').val().trim();
-      //this.model.set({'html': menuHTML});
-      //console.log(this.model.toJSON());
-      //alert('saveMenu called');
-      var bool;
-      if($("custom-menu").is(":checked")) {
+      var bool, html = '', menuOrder = [];
+      if($('#custom-menu').is(":checked")) {
         bool = true;
+        html = $('#menu').val().trim();
       }
       else {
         bool = false;
+        menuOrder = $('#menu-order').val().split(',');
       }
-      this.model.save({customMenu: bool}, {
+      this.model.set({'customMenu': bool, 'html': html, 'menuOrder': menuOrder});
+      console.log(this.model.toJSON());
+      this.model.save({}, {
         success: function(model, response) {
           console.log(model, response);
         },
--- a/mouchak/static/js/models.js
+++ b/mouchak/static/js/models.js
@@ -137,5 +137,8 @@
     'Pages': Pages
   };
 
+  //content types to render in content menu
+  M.contentTypes = ['text', 'image', 'video', 'table', 'plugin'];
+
 })(M);
--- a/mouchak/static/js/mouchak.js
+++ b/mouchak/static/js/mouchak.js
@@ -64,19 +64,24 @@
   },
   populate: function() {
     var item_template = _.template($('#nav-item-template').html());
-    _.each(M.pages.models, function(page) {
-      //console.log('no children?', _.isEmpty(page.get('children')));
+    _.each(this.model.get('menuOrder'), function(page) {
       this.$ul.append(item_template({
+        cls: '',
+        page: page
+      }));
+      //console.log('no children?', _.isEmpty(page.get('children')));
+      /*this.$ul.append(item_template({
         cls: (_.isEmpty(page.get('children'))) ? '' : 'dropdown',
         page: page.get('name')
-      }));
+      }));*/
     }, this);
   },
   navClicked: function(event) {
     this.$links.removeClass('active');
     if(!event) {
       var fragment = location.hash.split('/')[1];
-      var pos = _.indexOf(M.pages.models, M.pages.where({'name': fragment})[0]);
+      //var pos = _.indexOf(M.pages.models, M.pages.where({'name': fragment})[0]);
+      var pos = _.indexOf(this.model.get('menuOrder'), fragment);
       if(!fragment) {
         pos = 0;
       }
--- a/mouchak/templates/editor.html
+++ b/mouchak/templates/editor.html
@@ -54,28 +54,33 @@
       <div class="page">
         <div class="menu-config">
           <h4> Menu Config </h4>
-          <!-- <form class="form-horizontal"> -->
+          <div class="control-group">
+            <input id="custom-menu" type="checkbox">
+            <span class=""><strong> Custom Menu </strong></span>
+          </div>
+          <div class="control-group" id="menu-order-wrap">
+            <% if(!$('#custom-menu').is(':checked')) { %>
+              <div class="input-prepend">
+                <span class="add-on"> <strong> Menu Order</strong></span>
+                <input id="menu-order" type="text"
+                placeholder="list,page,names,for,menu,order" value="<%= menu_order %>">
+              </div>
+              <% } %>
+          </div>
+          <div class="menu-options" style="display: none;">
             <div class="control-group">
-              <input id="custom-menu" type="checkbox">
-              <span class=""><strong> Custom Menu </strong></span>
-            </div>
-            <button id="updateMenu" class="btn btn-primary pull-right"> Update </button>
-            <div class="clearfix"></div>
-            <div class="menu-options" style="display: none;">
-              <div class="control-group">
-                <div class="input-prepend">
-                  <span class="add-on"> <strong> Position </strong></span>
-                  <input id="pos" type="text" placeholder="[left, top]"
-                  value="<%= pos %>">
-                </div>
+              <div class="input-prepend">
+                <span class="add-on"> <strong> Position </strong></span>
+                <input id="pos" type="text" placeholder="[left, top]"
+                value="<%= pos %>">
               </div>
-              <label><strong> HTML </strong></label>
-              <div id="menu">
-                <%= menu %>
-              </div>
             </div>
-          <!-- </form> -->
+            <label><strong> HTML for menu: </strong></label>
+            <textarea cols="25" rows="8" id="menu"><%= menu %></textarea>
+          </div>
         </div>
+        <button id="updateMenu" class="btn btn-primary pull-right"> Update </button>
+        <div class="clearfix"></div>
       </div>
     </script>
 
@@ -164,7 +169,7 @@
         <div class="">
           <label><b>Type</b></label>
           <select>
-            <% _.each(_.keys(M.types.model), function(type) { %>
+            <% _.each(M.contentTypes, function(type) { %>
               <option><%= type %></option>
             <%  }); %>
           </select>