X-Git-Url: http://git.cielonegro.org/gitweb.cgi?a=blobdiff_plain;f=js%2Fscreen.js;h=a850104252716f3832bb072401f75996f7c49d97;hb=f19a294d54f38faaeab0027ecb5d85388243b924;hp=95ee043d486123c4a8c1e55630a668ef25cf64b2;hpb=354a3b69406608a2570060bdbdbc65e83260c8ff;p=Rakka.git

diff --git a/js/screen.js b/js/screen.js
index 95ee043..a850104 100644
--- a/js/screen.js
+++ b/js/screen.js
@@ -1,11 +1,11 @@
 (function () {
-    
+
     var switchedArea = null;
 
     Rakka.switchScreen = function () {
         if (switchedArea == null) {
             switchedArea = $.DIV({});
-            
+
             $("div.sideBar div.outline").hide();
 
             $("p.redirection").hide();
@@ -15,11 +15,27 @@
                     .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);
     };
 
@@ -32,6 +48,8 @@
             $(switchedArea).remove();
             switchedArea = null;
 
+            $("div.sideBarMask").remove();
+
             $("div.body").children().show();
         }
         return null;
@@ -56,7 +74,7 @@
         waitingMessageBoard
             = $.P({className: "waitingMessageBoard"},
                   $.P({}, msg));
-        
+
         $("body").append(waitingMessageBoard);
     };
 
@@ -66,5 +84,5 @@
             waitingMessageBoard = null;
         }
     };
-    
+
 })();