<%@ Control Language="C#" %>
<%@ Register TagPrefix="community" Namespace="ASPNET.StarterKit.Communities" Assembly="ASPNET.StarterKit.Communities" %>
<%--
 
This skin is used for displaying the photos in the PhotoSection page. Modify the HTML content
to modify the appearance of the page.
--%> <script language="JavaScript">
<!--

function showImage(imagePath) {
    document.imgFullImage.src = imagePath;
}
// -->
</script>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr>
        <td align="left" valign="top">
            <community:SectionTitle CssClass="PhotoSection_SectionTitle" Runat="Server" />
        </td>
        <td align="right" valign="top">
            <community:Notify Text="Notify me when a new image is added" Runat="Server" />
        </td>
    </tr>
</table>
<community:PageHeader runat="Server" />
<table cellspacing="0" cellpadding="3" width="100%" border="0">
    <tr>
        <td height="5" width="100%" class="PhotoSection_SpacerCell">
        </td>
    </tr>
    <tr>
        <td>
            <asp:Panel id="pnlFilmstrip" Runat="Server">
                <div style="width:600px;overflow:auto">
                    <asp:Image id="imgFullImage" name="imgFullImage" border="1" Runat="Server" />
                </div>
            </asp:Panel>
            
            <table width="100%">
            <tr>
            <td>
            <community:Sorter id="Sorter" runat="Server">
                <ListItem text="Default Order" value="Default" />
                <ListItem text="Date Posted" value="Date Created" />
                <ListItem text="Title" value="Title" />
                <ListItem text="Rating" value="Rating" />
                <ListItem text="Topic" value="Topic" />
                <ListItem text="Popularity" value="ViewCount" />
            </community:Sorter>
            </td><td align="right">
            <asp:DropDownList id="PhotoTemplates" Runat="Server">
                <asp:ListItem Text="View as Thumbnails" value="thumbnails" />
                <asp:ListItem Text="View as Filmstrip" Value="filmstrip" />
            </asp:DropDownList>
            </td>
            </tr>
            </table>
            
            
            <community:ContentList id="ContentList" PagerText="Page {0} of {1}" RepeatLayout="Table" RepeatColumns="4" Width="100%"  CssClass="PhotoSection_ListTable" Runat="Server">
                <NoContentTemplate>
                    No images currently listed. 
                </NoContentTemplate>
            </community:ContentList>
            
        </td>
    </tr>
    <tr>
        <td height="20" width="100%" class="PhotoSection_SpacerCell">
        </td>
    </tr>
</table>
<community:PageFooter runat="Server" />
<p>
    <span class="Content">
    <community:PhotoEditContent AddText="Add New Image" ModerateText="Moderate Images" Runat="Server" />
    </span>
</p>