<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.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>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <link href="resource:css/main.css" rel="stylesheet" type="text/css" />
        <t:include filename="dynamic.js" />
        <script type="text/javascript" src="resource:templates/search.js" />
        <script type="text/javascript" src="resource:templates/osxdnd.js" />

    <t:execOnLoad><![CDATA[
import searchengines
searchFeed = views.feeds.filterWithIndex(indexes.feedsByURL, 'dtv:search')
feed = searchFeed[0]

searchItems = views.items.filterWithIndex(indexes.itemsByFeed, feed.getID())
searchEngines = views.searchEngines
]]>
    </t:execOnLoad>

</head>

<body onkeydown="sendKeyToSearchBox(event);">
  <div id="main-titlebar">
      <div id="main-icon" class="noborder"><img src="resource:images/search-icon.png" /></div>
      <div id="main-titlebar-center">
        <h1 id="main-title" i18n:translate="">Video Search</h1>
	<div id="main-subtitle">
	     <form name="search" onsubmit="performSearch(); return false;">
	     <t:staticReplaceMarkup t:replaceData="searchengines.getSearchEnginesHTML()"/>
	     <input id="search-box" type="search" name="query" value="***feed.quoteLastQuery()***" placeholder="" onKeyUp="fillSearch()" onKeyPress="validateSearch(event)" />
	     <input type="submit" value="GO" />      
	     </form>
	 </div>
      </div>
  </div>

        <div id="main-container">
            <div t:updateForView="searchFeed">
                <div class="search-message" t:showIf="feed.getStatus() == 'idle-empty'">
                    <span i18n:translate="">Nothing to display.<br />
                    Enter a query in the search field above.</span>
                </div>
                <div class="search-message" t:showIf="feed.getStatus() == 'searching'">
                    <span i18n:translate="">Searching...</span>
                </div>
                <div class="search-results-bar" t:showIf="feed.getStatus() == 'idle-with-results'">
			<div id="results-text" i18n:translate="">Results for 
				"<span i18n:name="query" t:replace="feed.lastQuery" />"
			</div>
			<div class="white-button-left save-search-searchpage">
			<div class="white-button-right">
			<div class="white-button-middle">
                        <a href="#" onclick="return eventURL('action:addEngineSearchFeed?term=@@@feed.lastQuery@@@&amp;name=@@@feed.lastEngine@@@');">Save This Search</a>
			</div>
			</div>
			</div>
                </div>
            </div>
            
            <div id="search-results">
                <span t:repeatForView="searchItems">
                    <span t:replaceMarkup="this.getItemXML(viewName, view)" />
                </span>
            </div>
        </div>
    </body>

</html>
