{% extends "base.html"%}
{%block title%}OSSIE for the Web{%endblock%}
{%block header%}
<link href="{{STATIC_URL}}frames.css" rel="stylesheet" type="text/css"/>
<script src="{{STATIC_URL}}jquery.js" type="text/javascript"></script>
<script src="{{STATIC_URL}}frames.js" type="text/javascript"></script>
{%endblock%}
{%block content%}
 <div id="column_left">
  <div id="left_top">
    <p>
   		<a href="{{MEDIA_URL}}"><img src="{{STATIC_URL}}pics/home.png" title="Home"/></a> 
   		<a href="{{MEDIA_URL}}/logout/"><img src="{{STATIC_URL}}pics/logout.png" title="Logout"/></a>
	</p>
	<div id="directory">	</div>{#end menu div#}
  </div><!--end #left_top-->
  <div id="left_bottom">
   <p>Active Applications <a href="#" title="/WebDash/running/" class="ajax"><img src="{{STATIC_URL}}pics/refresh.png" title="Refresh Active Applications"/></a></p>
   <div id="apps"></div>
  </div><!--end #left_bottom-->
 </div><!--end #column_left-->
 <div id="column_right">
 <div id="right_top">
	<ul class="tabs">
		<li class="current"><a href="../grid/">Grid View</a></li>
		<li><a href="{{MEDIA_URL}}/map/1/">Floor 1</a></li>
		<li><a href="{{MEDIA_URL}}/map/2/">Floor 2</a></li>
		<li><a href="{{MEDIA_URL}}/map/3/">Floor 3</a></li>
		<li><a href="{{MEDIA_URL}}/map/4/">Floor 4</a></li>
        <li id="task manager"><a href="../tasks/">Task Manager</a></li>        
    </ul>
    <br/>
    <p><img id="loader" src="{{STATIC_URL}}loading.gif" style="position:absolute;"/></p>
	<div id="console"></div>
  </div><!--end #right_top-->
  <div id="right_bottom">
	<div id="workspace" class="tabs-container">Work space </div>
    <br/>
      </div><!--end #right_bottom-->
 </div><!--end #column_right-->
{%endblock%}