further interface improvements

3 files changed, 21 insertions, 4 deletions

diff --git a/app/views/nodes/edit.html.erb b/app/views/nodes/edit.html.erb
index b598ec5..90535ef 100644
--- a/app/views/nodes/edit.html.erb
+++ b/app/views/nodes/edit.html.erb
@@ -44,6 +44,9 @@
               </li>
             <% end %>
           </ul>
+          <div class="clear_left right">
+            <a id="image_browser_toggle" class="unselected" href="#">image browser</a>
+          </div>
         </td>
       </tr>
     </table>
diff --git a/public/javascripts/admin_interface.js b/public/javascripts/admin_interface.js
index c59979b..a78342e 100644
--- a/public/javascripts/admin_interface.js
+++ b/public/javascripts/admin_interface.js
@@ -118,6 +118,17 @@ image_interface = {
   current_images : "",
   
   initialize : function() {
+    $("#image_browser_toggle").bind("click", function(){
+      if ($("#image_browser_toggle").attr("class") == "unselected") {
+        $("#image_browser_toggle").attr("class", "selected");
+      }
+      else {
+        $("#image_browser_toggle").attr("class", "unselected");
+      }
+      
+      return false
+    });
+    
     $("ul#image_box").sortable({
       revert  : true,
       start   : function(event, ui) {
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index d414b94..1ebf6e7 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -65,6 +65,10 @@ div.pagination span.current, div.pagination a:hover {
   text-align: right;
 }
 
+.clear_left {
+  clear: left;
+}
+
 #navigation {
   position: relative;
   margin-top: 10px;
@@ -74,13 +78,12 @@ div.pagination span.current, div.pagination a:hover {
   float: left;
 }
 
-
 #navigation a:hover {
   color: #ffffff;
   background-color: #000000;
 }
 
-#main_navigation a, #sub_navigation a {
+#main_navigation a, #sub_navigation a, #metadata a {
   letter-spacing: 1px;
   padding-left: 5px;
   padding-right: 5px;
@@ -91,7 +94,7 @@ div.pagination span.current, div.pagination a:hover {
   color: #969696;
 }
 
-#sub_navigation a:hover {
+#sub_navigation a:hover, #metadata a:hover {
   color: #ffffff;
   background-color: #ff9600;
 }
@@ -101,7 +104,7 @@ div.pagination span.current, div.pagination a:hover {
   background-color: #ff9600;
 }
 
-#navigation a.selected {
+#navigation a.selected, #metadata a.selected {
   color: #ffffff;
   background-color: #000000;
 }