<tal:block metal:use-macro="here/template/macros/module">
  
  
  <tal:block metal:fill-slot="icon"> W </tal:block>
  <tal:block metal:fill-slot="title"> Workspace "custom_workspace" </tal:block>
  
  
  <tal:block metal:fill-slot="menu">
  


  <ul id="workspace_menu">
    <!--
	<li> Create
      <ul>
	<li> Workspace </li>
	<li> Table </li>
	<li> View </li>
    </ul></li>

    <li> Open
      <ul>
	<li> Workspace </li>
	<li> Table </li>
	<li> View </li>
    </ul></li>

    <li> Search
      <ul>
	<li> locally </li>
	<li> globally </li>
    </ul></li>
    
    <li> Account
      <ul>
	<li> Settings </li>
	<li> Workspaces </li>
	<li> <a  href="#" rel="facebox"> Messages</a> </li>
	<li onClick="jQuery.facebox('asdaasd')"> Logout </li>
    </ul></li> 
    -->
  </ul>
  </tal:block>
  
  <tal:block metal:fill-slot="content">
<!--    <script src="home.js">     </script>-->

    <!--
    <div class="sidebar left">
      Account Settings &gt;
      <hr noshade color="black"/>
      Workspaces &gt;
      <hr noshade color="black"/>
      Logout
    </div>
    --> 

    <div class="subscreen" id="main"> <!-- subscreen main -->
     <div class="task_select">
	<div class="task" id="search_button">
	  <img src="icons/search.png"/>
	  Search 
	</div>
	<div class="task" id="messages_button">
	  <img src="icons/messages.png"/>
	  Messages
	</div>
	<div class="task" id="create_button">
	  <img src="icons/table.png"/>
	  Create 
	</div>
	
	<div class="task" id="open_button">
	  <img src="icons/workspace.png"/>
	  Open
	</div>

   </div>
    </div> <!-- subscreen main -->



    <div class="subscreen" id="create" style="display:none;" ><!-- subscreen create -->
      <div class="task_select" id="create_table_button">
	<div class="task">
	  <img src="icons/table.png"/>
	  Table
	</div>
	<div class="task" id="create_view_button">
	  <img src="icons/table.png"/>
	  View
	</div>
     </div>
    </div> <!-- subscreen create -->
    
    <div class="subscreen" id="open" style="display:none;" >
      <!-- subscreen open -->
      <div class="task_select">
	<div class="task" id="open_table_button">
	  <img src="icons/table.png"/>
	  Table
	</div>
	<div class="task" id="open_view_button">
	  <img src="icons/table.png"/>
	  View
	</div>
      </div>
    </div> <!-- subscreen open -->

    <div class="subscreen" style="display:none" id="open_table">
      <select size="8">
	<option> amber </option>
	<option> Architecture Materials</option>
	<option> boston demo</option>
	<option> cml_found</option>
	<option> craftsmanlabels</option>
	<option> gis_locations </option>
	<option> hanyi</option>
	<option> hanyi_table3</option>
	<option> mingseide</option>
	<option> objektmedien</option>
	<option> silk </option>
	<option> song_yingxing </option>
      </select> <br/>
      <input type="text" value="Filter" style="color: grey;"/>
      <br/><br/>
      <input type="button" value="Open" id="open_open"/> 
    </div>

    <div class="subscreen" style="display:none" id="open_view">
      <select size="8">
	<option> amber </option>
	<option> Architecture Materials</option>
	<option> boston demo</option>
	<option> cml_found</option>
	<option> craftsmanlabels</option>
	<option> gis_locations </option>
	<option> hanyi</option>
	<option> hanyi_table3</option>
	<option> mingseide</option>
	<option> objektmedien</option>
	<option> silk </option>
	<option> song_yingxing </option>
      </select> <br/>
      <input type="text" value="Filter" style="color: grey;"/>
      <br/><br/>
      <input type="button" value="Open" id="open_open_view"/> 
    </div>
 </tal:block>
  


<!--	-->
	
  
    
</tal:block>