Adding 'About' and 'Contact' section to OfficeJS.

OfficeJS/component/about.html

+<h2>About OfficeJS</h2>
+<p>
+  OfficeJS is designed by the ERP5 company Nexedi.
+</p>
+<h3>License</h3>
+<p>
+  Under the ? license.
+</p>
+<h3>See</h3>
+<ul>
+  <li><a href="http://jquery.com/">jQuery</a></li>
+  <li><a href="http://twitter.github.com/bootstrap/">Bootstrap</a></li>
+  <li><a href="https://code.google.com/p/svg-edit/">svg-edit</a></li>
+  <li><a href="http://elrte.org/">elRTE</a></li>
+  <li><a href="https://github.com/mleibman/SlickGrid/wiki">SlickGrid</a></li>
+</ul>

OfficeJS/component/contact.html

+<h2>Contact us</h2>
+<h3>E-mail</h3>
+<p>
+  Jean-Paul Smets &lt;<a>jp@nexedi.com</a>&gt;
+</p>
+<h3>Address</h3>
+<p>
+  Nexedi<br />
+  270, Boulevard Georges Clemenceau<br />
+  59700 MARCQ EN BAROEUL<br />
+  FRANCE
+</p>

OfficeJS/component/top_nav_bar.html

@@ -42,9 +42,14 @@
     <div class="container-fluid">
       <ul class="nav">
         <li><h1>OfficeJS</h1></li>
-        <li><a href="#">Nav</a></li>
-        <li><a href="#/about">About</a></li>
-        <li><a href="#/contact">Contact</a></li>
+        <li><a href="#/about"
+               onclick="javascript:
+                        OfficeJS.open({app:'about'});
+                        return false;">About</a></li>
+        <li><a href="#/contact"
+               onclick="javascript:
+                        OfficeJS.open({app:'contact'});
+                        return false;">Contact</a></li>
       </ul>
     </div>
   </div>

OfficeJS/js/officejs.js

@@ -20,10 +20,6 @@
         var that = {}, priv = {};
         // Attributes //
         priv.preference_object = {
-            default_app:'login',
-            login:'login',
-            topnavbar:'topnavbar',
-            leftnavbar:'leftnavbar',
             documentLister:'slickgrid',
             editpreferences:'simplepreferenceeditor',
             textEditor:'elrte',
@@ -65,6 +61,16 @@
                     return JSON.stringify (tmp);
                 }
             },
+            about: {
+                type:'viewer',
+                path:'component/about.html',
+                gadgetid:'page-content'
+            },
+            contact: {
+                type:'viewer',
+                path:'component/contact.html',
+                gadgetid:'page-content'
+            },
             simplepreferenceeditor: {
                 // NOTE
                 type:'editor',