<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:t="http://www.participatorypolitics.org/"
      xmlns:i18n="http://www.participatoryculture.org/i18n"
      eventCookie="@@@eventCookie@@@" dtvPlatform="@@@dtvPlatform@@@">
<head>
    <title>video player interface</title>

    <link rel="stylesheet" type="text/css" href="resource:css/style.css" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <t:include filename="dynamic.js" />
    <script type="text/javascript" src="resource:templates/osxdnd.js" />
    <t:execOnLoad><![CDATA[
guideTabs = views.guideTabs
staticTabs = views.staticTabs
feedTabs = kargs['channelTabOrder'].getView()
playlistTabs = kargs['playlistTabOrder'].getView()
]]>
    </t:execOnLoad>
</head>
<body>

<div id="sidebar">
  <div class="tab-list-drop-target"
          dragdesttype="channel:channelfolder"
          dragdestdata="channel-START"
          drageffectchannel="move" 
	  drageffectchannelfolder="move" >
    <ul class="tab-list first">
	<li t:repeatForView="guideTabs" 
	  class="***this.getState()***"
	  selectID="***this.objID()***" selectViewName="guideTabs"
	  selectArea='tablist' 
	  onmousedown="return handleContextMenuSelect(event);" 
	  onclick="return handleSelect(event);" >
	      <t:includeTemplate filename="guidetab" />
	</li>
	<li t:repeatForView="staticTabs" 
	  class="***this.getState()***"
	  selectID="***this.objID()***" selectViewName="staticTabs"
	  selectArea='tablist' 
	  onclick="return handleSelect(event);" >
	    <t:includeTemplate filename="statictab" />
	</li>
    </ul>
    <div class="dnd-reorder-indicator circle" />
    <div class="dnd-reorder-indicator line" />
  </div>
  <div class="tab-list-drop-target"
	dragdesttype="playlist:playlistfolder"
	dragdestdata="playlist-START"
	drageffectplaylist="move" 
	drageffectplaylistfolder="move" >
    <ul class="tab-list">
      <li t:repeatForView="feedTabs" 
	class="***this.getState()***"
	selectID="***this.objID()***" selectViewName="feedTabs"
	selectArea='tablist' 
	onmousedown="return handleContextMenuSelect(event);" 
        onclick="return handleSelect(event)">
        <div id="tab-***this.objID()***">
	  <div t:showIf="this.isFeed()">
	      <t:includeTemplate filename="feedtab" />
	    </div>
	  <div t:showIf="this.isChannelFolder()">
	      <t:includeTemplate filename="channelfoldertab" />
	  </div>
        </div>
      </li>
    </ul>
    <div class="dnd-reorder-indicator circle" />
    <div class="dnd-reorder-indicator line" />
  </div>
  <div class="tab-list-drop-target"
	dragdesttype="channel:channelfolder"
	dragdestdata="channel-END"
	drageffectchannel="move" 
	drageffectchannelfolder="move" >
	<div class="dnd-reorder-indicator show-on-top circle" />
	<div class="dnd-reorder-indicator show-on-top line" />
      <ul class="tab-list">
      <li t:repeatForView="playlistTabs" 
	class="***this.getState()***"
	selectID="***this.objID()***" selectViewName="playlistTabs"
	selectArea='tablist' 
	onmousedown="return handleContextMenuSelect(event);" 
        onclick="return handleSelect(event);">
        <div id="tab-***this.objID()***">
	  <div t:showIf="this.isPlaylist()">
	      <t:includeTemplate filename="playlisttab" />
	  </div>
	  <div t:showIf="this.isPlaylistFolder()">
              <t:includeTemplate filename="playlistfoldertab" />
	  </div>
        </div>
      </li>
    </ul>
  </div>
  <div class="tab-list-drop-target"
      dragdesttype="playlist:playlistfolder"
      dragdestdata="playlist-END"
      drageffectplaylist="move" 
      drageffectplaylistfolder="move" >
      <div class="dnd-reorder-indicator show-on-top circle" />
      <div class="dnd-reorder-indicator show-on-top line" />
    </div>
</div>
</body>
</html>
