<tal:block metal:use-macro="here/template/macros/module">
  
  <tal:block metal:fill-slot="icon"> H </tal:block>
  <tal:block metal:fill-slot="title"> Home (Default Workspace) </tal:block>
  
  <tal:block metal:fill-slot="menu">
  <ul class="account_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">
    <div class="subscreen main"> <!-- subscreen main -->
    <div class="task_select">
	<div class="task search_button">
	  <img src="icons/search.png"/>
	  Search 
	</div>
	<div class="task create_button">
	  <img src="icons/table.png"/>
	  Create 
	</div>
	
	<div class="task open_button">
	  <img src="icons/workspace.png"/>
	  Open
	</div>
	<div class="task">
	  <img src="icons/workspace.png"/>
	  Account
	</div>
	<div class="task notes_button">
	  <img src="icons/messages.png"/>
	  Notes
	</div>
      </div>
    </div> <!-- subscreen main -->



    <div class="subscreen create" style="display:none;" ><!-- subscreen create -->
    <div class="task_select">
	<div class="task create_table_button">
	  <img src="icons/table.png"/>
	  Table
	</div>
<!-- <div class="task create_view_button">
	  <img src="icons/table.png"/>
	  View
	</div> -->
	<div class="task create_workspace_button">
	  <img src="icons/workspace.png"/>
	  Workspace
	</div>
	<div class="task create_map_button">
	  <img src="icons/map.png"/>
	  Map
	</div>
      </div>
    </div> <!-- subscreen create -->

    <!-- subscreen create table -->
    <div class="subscreen create_table" style="display: none;">
      <div class="task_select">
        <div class="task create_table_empty_button">
          <img src="icons/table.png" />Empty table
        </div>
        <div class="task create_table_file_button">
          <img src="icons/table.png" />From data file
        </div>
        <div class="task create_table_view_button">
          <img src="icons/table.png" />From other table
        </div>
      </div>
    </div>
    <!-- subscreen create -->

    <div class="subscreen create_table_task create_table_empty" style="display:none">
      Name
      <br/>
      <input name="create_table_name" class="create_table_name" type="text" value=""/>
      <br/>
      <input type="button" value="Create" class="create_table_empty_create_button"/> 
    </div>
    
    <div class="subscreen create_table_task create_table_file" style="display:none">
    <form class="create_table_file_form" action="" method="post" enctype="multipart/form-data">
      Name
      <br/>
      <input name="create_table_name" class="create_table_name" type="text" value=""/>
      <br/>
      File
      <br/>
      <input name="create_table_file" class="create_table_file" type="file"/>
      <br/>
      <input type="submit" value="Create" class="create_table_file_create_button"/> 
    </form>
    </div>
    <!--  Dialog for create table -->
    <div class="dialog create_table_exists" title="Table exists" style="display:none">
      <p>Table <i class="tablename"/> exists. Do you want to replace it?</p>
    </div>
    
    
    <div class="subscreen open" style="display:none;" >
    <!-- subscreen open -->
    <div class="task_select">
    <div class="task open_workspace_button">
      <img src="icons/workspace.png"/>
      Workspace
    </div>
	<div class="task open_table_button">
	  <img src="icons/table.png"/>
	  Table
	</div>
	<div class="task open_layer_button">
	  <img src="icons/map.png"/>
	  Layer
	</div>
    <div class="task open_map_button">
      <img src="icons/map.png"/>
      Map
    </div>

      </div>
   </div> <!-- subscreen open -->

    <div class="subscreen open_table" style="display:none">
      <select size="8">
        <option> loading... </option>
      </select> <br/>
      <input type="text" value="Filter" style="color: grey;"/>
      <br/><br/>
      <input type="button" value="Open" class="open_open_table"/> 
      <div class="float right" style="width:200px;font-size:10px">
      	Tablenames with "chgis_..." originate from the 
      	<a href="http://www.fas.harvard.edu/~chgis/">China Historical GIS</a> 
      	of the Harvard University and the Fudan University
      </div>
    </div>

    <div class="subscreen open_layer" style="display:none">
      <select size="8">
        <option> loading... </option>
      </select> <br/>
      <!-- <input type="text" value="Filter" style="color: grey;"/>
      <br/><br/> -->
      <input type="button" value="Open" class="open_open_layer"/> 
    </div>

    <div class="subscreen open_map" style="display:none">
      <select size="8">
        <option> loading... </option>
      </select> <br/>
      <!-- <input type="text" value="Filter" style="color: grey;"/>
      <br/><br/> -->
      <input type="button" value="Open" class="open_open_map"/> 
    </div>

 </tal:block>
  
</tal:block>