X-Git-Url: http://git.cielonegro.org/gitweb.cgi?p=Rakka.git;a=blobdiff_plain;f=js%2Fscreen.js;h=ef971839d572fd09edac06b24ba2bd0c8c032afe;hp=9fc50e76e93f518c84b13e91164de7ca213c7de6;hb=01a4a132192ed8b65c8aa7b86cb0e9bc08b725ff;hpb=b51bb0c6d9385938eab21c70ed7ea631883260d0

diff --git a/js/screen.js b/js/screen.js
index 9fc50e7..ef97183 100644
--- a/js/screen.js
+++ b/js/screen.js
@@ -1,12 +1,10 @@
 (function () {
-    
+
     var switchedArea = null;
 
     Rakka.switchScreen = function () {
         if (switchedArea == null) {
             switchedArea = $.DIV({});
-            
-            $("div.sideBar div.outline").hide();
 
             $("p.redirection").hide();
 
@@ -15,27 +13,41 @@
                     .hide()
                 .end()
                 .append(switchedArea);
+
+            $("body").append(
+                $.DIV({className: "left sideBarMask"}));
+
+            var btnClose
+                = $.INPUT({type     : "button",
+                           className: "closeButton",
+                           value    : "Close"});
+            $("body").append(
+                $.DIV({className: "right sideBarMask"},
+                      $.DIV({className: "content"},
+                            btnClose)));
+
+            $(btnClose).click(function () {
+                Rakka.restoreScreen();
+            });
         }
         else {
             $(switchedArea).empty();
         }
-        
+
         return $(switchedArea);
     };
 
     Rakka.restoreScreen = function () {
-        if (switchedArea == null) {
-            throw new Error("Rakka.restoreScreen(): not switched");
-        }
-
-        $("div.sideBar div.outline").show();
+        if (switchedArea != null) {
+            $("p.redirection").show();
 
-        $("p.redirection").show();
+            $(switchedArea).remove();
+            switchedArea = null;
 
-        $(switchedArea).remove();
-        switchedArea = null;
+            $("div.sideBarMask").remove();
 
-        $("div.body").children().show();
+            $("div.body").children().show();
+        }
         return null;
     };
 
@@ -58,7 +70,7 @@
         waitingMessageBoard
             = $.P({className: "waitingMessageBoard"},
                   $.P({}, msg));
-        
+
         $("body").append(waitingMessageBoard);
     };
 
@@ -68,5 +80,5 @@
             waitingMessageBoard = null;
         }
     };
-    
+
 })();