Index: Dev/branches/jQueryUI/pages/mainmenu/mainmenu.html
===================================================================
--- Dev/branches/jQueryUI/pages/mainmenu/mainmenu.html	(revision 246)
+++ Dev/branches/jQueryUI/pages/mainmenu/mainmenu.html	(revision 247)
@@ -1,19 +1,19 @@
 <div class="largeFrame side" id="adminPanel">
     <div class="largeTitle">Administrator</div>
-        <div class="innerLargeFrame">
-            <p>Use the below buttons to access, edit and create new sessions and content.</p><br />
-            <input type="button" class="bigButton vertical" value="Browse Sessions" id="btnBrowseSessions" onClick="browseSessions()" /><br />
-            <input type="button" class="bigButton vertical" value="Browse Surveys" id="btnBrowseSurveys" onClick="browseSurveys()" /><br />
-            <input type="button" class="bigButton vertical" value="Browse Questions" id="btnBrowseQuestions" onClick="browseQuestions()" /><br />
-            <input type="button" class="bigButton vertical" value="Browse Applications" id="btnBrowseApplications" onClick="browseApplications()" /><br />
-    </div>
-    <div class="controls"></div>
-    </div>
-        <div class="largeFrame side" id="facilitatorPanel">
-        <div class="largeTitle">Facilitator</div>
-        <div class="innerLargeFrame">
-        <p>Use the Start button below to start hosting a session.</p>
-        <input type="button" class="bigButton vertical" value="Start" id="btnFacStart" onClick="window.location='facpanel.php'" style="margin-top: 0.25em;"/>
+    <div class="innerLargeFrame">
+        <p>Use the below buttons to access, edit and create new sessions and content.</p><br />
+        <input type="button" class="bigButton vertical" value="Browse Sessions" id="btnBrowseSessions" /><br />
+        <input type="button" class="bigButton vertical" value="Browse Surveys" id="btnBrowseSurveys" /><br />
+        <input type="button" class="bigButton vertical" value="Browse Questions" id="btnBrowseQuestions" /><br />
+        <input type="button" class="bigButton vertical" value="Browse Applications" id="btnBrowseApplications" /><br />
     </div>
     <div class="controls"></div>
 </div>
+<div class="largeFrame side" id="facilitatorPanel">
+    <div class="largeTitle">Facilitator</div>
+    <div class="innerLargeFrame">
+        <p>Use the Start button below to start hosting a session.</p>
+        <input type="button" class="bigButton vertical" value="Start" id="btnFacStart" style="margin-top: 0.25em;"/>
+    </div>
+    <div class="controls"></div>
+</div>
Index: Dev/branches/jQueryUI/pages/mainmenu/mainmenu.js
===================================================================
--- Dev/branches/jQueryUI/pages/mainmenu/mainmenu.js	(revision 246)
+++ Dev/branches/jQueryUI/pages/mainmenu/mainmenu.js	(revision 247)
@@ -1,3 +1,14 @@
 $(function(){
-    $("#adminPanel div.largeTitle").html("Admin (by Javascript!)");
+    $("#btnBrowseSessions").click(function(){
+        rft.content.goTo("sessions");
+    })
+    $("#btnBrowseSurveys").click(function(){
+        rft.content.goTo("browse",{type:"Survey"});
+    })
+    $("#btnBrowseQuestions").click(function(){
+        rft.content.goTo("browse",{type:"Question"});
+    })
+    $("#btnBrowseApplications").click(function(){
+        rft.content.goTo("browse",{type:"Application"});
+    })
 });
Index: Dev/branches/jQueryUI/pages/sessions/sessions.html
===================================================================
--- Dev/branches/jQueryUI/pages/sessions/sessions.html	(revision 247)
+++ Dev/branches/jQueryUI/pages/sessions/sessions.html	(revision 247)
@@ -0,0 +1,25 @@
+<div class="largeFrame" id="sessions" style="width: 400px;">
+    <div class="largeTitle">Select session</div>
+    <div class="content">
+        <form>
+            <div style="float: left; clear: left;">
+                <select id="sessionList" name="sessionList" style="float: left;">
+                    <option value="" disabled="disabled" selected="selected">Please select a session</option>
+                </select>
+                <input type="text" id="sessionName" value="Name..." style="float: left; clear: left;" /><br />
+            </div>
+            <div style="float: left; clear: none;">
+                <input type="button" id="createSession" value="Create new session" class="smallButton vertical" style="float: left;" />
+                <input type="button" id="editSession" value="Edit session" class="smallButton vertical" style="float: left;" />
+                <input type="button" id="deleteSession" value="Delete session" class="smallButton vertical" style="float: left;" />
+            </div>
+            <div id="errorDisplay"></div>
+        </form>
+    </div>
+</div>
+
+<div id="sessionInfoPanel" class="largeFrame" style="margin-top: 10px; width: 400px; height: 100px;">
+    <div class="largeTitle">Info</div>
+    <div id="infoPanelContent" class="content" style="float: left; clear: left;">
+    </div>
+</div>
Index: Dev/branches/jQueryUI/pages/sessions/sessions.js
===================================================================
--- Dev/branches/jQueryUI/pages/sessions/sessions.js	(revision 247)
+++ Dev/branches/jQueryUI/pages/sessions/sessions.js	(revision 247)
@@ -0,0 +1,53 @@
+$(function(){
+    
+    var errorDisplay = $("#errorDisplay");
+    
+    
+    rft.api.getObjects("Session")
+    .done(function(sessions){
+        var sessionList = $("#sessions #sessionList");
+        $.each(sessions,function(idx,session){
+            var el = $("<option>");
+            el.val(session.uid);
+            el.text(session.title);
+            sessionList.append(el);
+        });
+    })
+
+    $("#sessions #createSession").click(function(){
+        var name = $("#sessions #sessionName").val();
+        if ( !name ) {
+            errorDisplay.text("Name cannot be empty");
+            return;
+        }
+        rft.api.createObject("Session",{
+            title:name
+        })
+        .done(function(uid){
+            rft.content.goTo("session",{
+                uid:uid
+            });
+        });
+    });
+    
+    $("#sessions #editSession").click(function(){
+        var uid = $("#sessions #sessionList option:selected").val();
+        if ( !uid ) {
+            errorDisplay.text("No session selected in list");
+            return;
+        }
+        rft.content.goTo("session",{
+            uid:uid
+        });
+    });
+    
+    $("#sessions #deleteSession").click(function(){
+        var uid = $("#sessions #sessionList option:selected").val();
+        if ( !uid ) {
+            errorDisplay.text("No session selected in list");
+            return;
+        }
+        rft.api.deleteObject("Session",uid);
+    });
+    
+})
