<?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" />
    <t:execOnLoad><![CDATA[
itemSort = kargs['itemSort']
section = kargs['section']
    ]]></t:execOnLoad>
</head>
<body>
<div class="sort-bar">
    <div class="sort-buttons">
        <div class="sort-buttons-right">
            <a href="#" class="length sort-button ***itemSort.getSortButtonState('duration')***" onclick="return eventURL('action:sortBy?by=duration&amp;section=***section***');">
                Length<img class="up-arrow" src="resource:images/sort-up.png" /><img class="down-arrow" src="resource:images/sort-down.png" />
            </a>
            <a href="#" class="date sort-button ***itemSort.getSortButtonState('date')***" onclick="return eventURL('action:sortBy?by=date&amp;section=***section***');">
                Date<img class="up-arrow" src="resource:images/sort-up.png" /><img class="down-arrow" src="resource:images/sort-down.png" />
            </a>

            <a href="#" class="size sort-button ***itemSort.getSortButtonState('size')***" onclick="return eventURL('action:sortBy?by=size&amp;section=***section***');">
                Size<img class="up-arrow" src="resource:images/sort-up.png" /><img class="down-arrow" src="resource:images/sort-down.png" />
            </a>
            <div class="clear" />
        </div>

        <a href="#" class="name sort-button ***itemSort.getSortButtonState('name')***" onclick="return eventURL('action:sortBy?by=name&amp;section=***section***');">
            Name<img class="up-arrow" src="resource:images/sort-up.png" /><img class="down-arrow" src="resource:images/sort-down.png" />
        </a>
    </div>
</div>
</body>
</html>
