Groups - Community - Our Game

Member Centre: Login | Sign Up

<h2 class="modhead">Recent Group Activity</h2>

{var group = currentGroup}
		{var groupKey = group.CommunityGroupKey.Key}
		{for activity in groupActivities}
			{var user = activity.LiteUserResponse}
			{var userName = user.DisplayName}
			{var userLink = urls.personas.home(user.UserKey.Key)}
			{var thumbnail = false}
			{var verb = false}
			{var itemTitle = truncateString(activity.Title, 30)}
			{var itemLink = false}
			{var parentAttribution = false}
			{var parentTitle = false}
			{var parentLink = false}
			{var unknownActivity = false}
			{var avatarImageUrl = activity.LiteUserResponse.ImageUrl}
			
			{var readmore}
			{var readMoreText = "Read more »"}
			{var date = toLocalTimeString(activity.ActivityDate)}
			{var body = truncateString(activity.Abstract, options.maxBodyLength)}
			
			{if activity.ActivityType == 'ForumDiscussion'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a discussion"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited the discussion"}
					{else}
						{var verb = "started the discussion"}
					{/if}
					
					{var itemLink = urls.groups.showForumPost(groupKey, activity.TargetKey)}
					{var readmore = itemLink}
				{/if}
				
			{elseif activity.ActivityType == 'ForumPost'}
				{var itemLink = urls.groups.showForumPost(groupKey, activity.TargetKey)}
			
				{var discussion = discussions[WIDGETINSTANCE.makeForumDiscussionKey(activity.TargetKey)]}
				{if discussion}
					{var parentTitle = truncateString(discussion.DiscussionTitle,30)}
					{var parentLink = itemLink}
				{/if}
				
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a forum post"}
					{if parentTitle}
						{var parentAttribution = "from the discussion"}
						{var itemLink = false}
					{elseif}
						{var parentAttribution = ""}
						{var parentTitle = ""}
						{var itemLink = false}
					{/if}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited the forum post"}
						{var parentAttribution = "in the discussion"}
					{else}
						{var verb = "posted to the discussion"}
						{var itemTitle = parentTitle ? parentTitle : itemTitle}
						{var itemTitle = truncateString(itemTitle,30)}
						{var parentAttribution = false}
					{/if}
					
					{var itemLink = urls.groups.showForumPost(groupKey, activity.TargetKey)}
					{var readmore = itemLink}
				{/if}
				
			{elseif activity.ActivityType == 'BlogPost'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a blog post"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited the blog post"}
					{else}
						{var verb = "added the blog post"}
					{/if}
					
					{var itemLink = urls.groups.showBlogPost(groupKey, group.BlogKey.Key, activity.TargetKey)}
					{var readmore = itemLink}
				{/if}
				
			{elseif activity.ActivityType == 'Photo'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a photo"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited the photo"}
					{else}
						{var verb = "added the photo"}
					{/if}
					
					{var itemLink = urls.groups.showPhoto(groupKey, group.PhotoGalleryKey.Key, activity.TargetKey)}
					{var readmore = urls.groups.showGallery(groupKey, group.PhotoGalleryKey.Key, "photo")}
					{var url = urls.groups.showPhoto(groupKey, group.PhotoGalleryKey.Key, activity.TargetKey)}
					{var readMoreText = "Go to gallery »"}
					{var thumbnail = activity.Image.Small}
				{/if}
				
			{elseif activity.ActivityType == 'Video'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a video"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited the video"}
					{else}
						{var verb = "added the video"}
					{/if}
					
					{var itemLink = urls.groups.showVideo(groupKey, group.VideoGalleryKey.Key, activity.TargetKey)}
					{var readmore = urls.groups.showGallery(groupKey, group.VideoGalleryKey.Key, "video")}
					{var url = urls.groups.showVideo(groupKey, group.VideoGalleryKey.Key, activity.TargetKey)}
					{var readMoreText = "Go to gallery »"}
					{var thumbnail = activity.Image.Small}
				{/if}
				
			{elseif activity.ActivityType == 'Comment'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted a comment"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "edited a comment on"}
					{else}
						{var verb = "commented on"}
					{/if}
					
					{var comment = comments[activity.TargetKey]}
					{if comment}
						{var itemLink = WIDGETINSTANCE.makeCommentLink(comment)}
						{var readmore = itemLink}
					{/if}
				{/if}
				
			{elseif activity.ActivityType == 'Event'}
				{if activity.ActivityAction == 'Deleted'}
					{var verb = "deleted an event"}
				{else}
					{if activity.ActivityAction == 'Updated'}
						{var verb = "updated the event"}
					{else}
						{var verb = "created a new event: "}
					{/if}
					
					{var event = events[activity.TargetKey]}
					{if event}
						{var body = '<div class="slEventDateTime">This event is on ' + toLocalTimeString(event.StartDate) + ' at ' + event.Location + '</div>' + body}
						{var itemLink = urls.groups.showEvent(groupKey, activity.TargetKey)}
						{var readmore = itemLink}
					{/if}
				{/if}
			{elseif activity.ActivityType === 'CommunityGroupMembership'}
				{var body = ''}
				{var itemTitle = ''}
				{var readmore = urls.personas.home(activity.TargetKey)}
				{var itemLink = urls.personas.home(activity.LiteUserResponse.UserKey.Key)}
				{var readMoreText = 'View member profile »'}
				{if activity.ActivityAction === 'Deleted'}
					{var verb = 'removed a member'}
				{else}
					{if activity.ActivityAction === 'Updated'}
						{var verb = 'changed <a href="' + itemLink + '">' + activity.Title + '</a> to a ' + activity.Abstract}
					{else}
						{var verb = 'became a member'}
						{if activity.TargetKey !== activity.LiteUserResponse.UserKey.Key}
							{var newUserLink = '<a href="' + readmore + '">' + activity.Title + '</a>'}
							{var verb = 'made ' + newUserLink + ' a member'}
							{var readMoreText = "View " + activity.Title + "'s profile"}
						{/if}
					{/if}
				{/if}
			{elseif activity.ActivityType === 'CommunityGroupInvitation'}
				{var body = ''}
				{var itemTitle = ''}
				{var readmore = urls.personas.home(activity.TargetKey)}
				{var itemLink = urls.personas.home(activity.LiteUserResponse.UserKey.Key)}
				{var readMoreText = 'View member profile'}
				{if activity.ActivityAction === 'Added'}
					{var newUserLink = '<a href="' + readmore + '">' + activity.Title + '</a>'}
					{var verb = 'sent ' + newUserLink + ' an invitation'}
					{var readMoreText = "View " + activity.Title + "'s profile"}
				{/if}
			{elseif activity.ActivityType === 'CommunityGroupUserBan'}
				{var body = ''}
				{var itemTitle = ''}
				{var readmore = urls.personas.home(activity.TargetKey)}
				{var itemLink = urls.personas.home(activity.LiteUserResponse.UserKey.Key)}
				{var readMoreText = 'View member profile'}
				{if activity.ActivityAction === 'Added'}
					{var newUserLink = '<a href="' + readmore + '">' + activity.Title + '</a>'}
					{var verb = 'has banned ' + newUserLink}
					{var readMoreText = "View " + activity.Title + "'s profile"}
				{/if}
			{else}
				{var unknownActivity = true}
			{/if}
			
			{if !unknownActivity}
				<dt class="{if WIDGETINSTANCE.isBozo(user)} slBozoContent{/if}">
					{if thumbnail}
						<div class="tb">
							<a href="${url}">
								<img alt="" src="${thumbnail}" />
							</a>
						</div>
					{/if}
					<a href="${userLink}">${userName}</a> ${verb} {if itemLink} <a href="${itemLink}">${itemTitle}</a> {else} ${itemTitle} {/if} {if parentAttribution} ${parentAttribution} <a href="${parentLink}">${parentTitle}</a> {/if}
				</dt>
				<dd>
					${body}
				</dd>
				{if readmore}
				<dd class="more">
					<a href="${readmore}">${readMoreText}</a>
				</dd>
				{/if}
				<dd class="date">${date}</dd>
			{else}
				
			{/if}
		{forelse}
			{if currentGroup.RequestingUsersMembershipTier === 'NonMember'}
				<p class="slDefaultText"><a href="#" onclick="WIDGETINSTANCE.joinThisGroup();">Join this group</a> and be the first to contribute to it!</p>
			{else}
				<p class="slDefaultText">Be the first to contribute to this group by <a href="${urls.groups.showGallery(currentGroup.CommunityGroupKey.Key, currentGroup.PhotoGalleryKey.Key, "photo", true)}">uploading photos</a> or <a href="${urls.groups.showGallery(currentGroup.CommunityGroupKey.Key, currentGroup.VideoGalleryKey.Key, "video", true)}">videos</a>, <a href="${urls.groups.showForumDiscussion(currentGroup.CommunityGroupKey.Key, currentGroup.ForumKey.Key, true)}">starting a discussion</a>, <a href="${urls.groups.updateEvent(currentGroup.CommunityGroupKey.Key)}">scheduling an event</a>, or <a href="${urls.groups.showBlog(currentGroup.CommunityGroupKey.Key, currentGroup.BlogKey.Key, true)}">writing a blog post</a>.</p>
			{/if}
		{/for}
</dl>

{var BLOGS_TAB = 'Blogs'}
{var DISCUSSIONS_TAB = 'Discussions'}
<div class="slRecentConversations slContainer">

<h2 class="modhead clearfix">Recent Conversations</h2>

<div class="sqtabs">
	<ul>
		<li class="{if options.currentTab == BLOGS_TAB}slSelected{/if}"><a href="javascript:void(0)" onclick="WIDGETINSTANCE.showBlogsTab()">Blog Posts</a></li>
		<li class="{if options.currentTab == DISCUSSIONS_TAB}slSelected{/if}"><a href="javascript:void(0)" onclick="WIDGETINSTANCE.showDiscussionsTab()">Discussions</a></li>
	</ul>
</div>
	
	
	<ul class="slContent">
		{if options.currentTab == BLOGS_TAB}
			{for blog in blogPosts}
				{var blogPostLink = urls.groups.showBlogPost(options.groupKey, blogKey, blog.BlogPostKey.Key)}
				<li class="{if WIDGETINSTANCE.isBozo(blog.PostAuthor)} slBozoContent{/if}">
				<a href="${blogPostLink}" class="slHeadline">${truncateString(blog.PostTitle, options.maxBlogTitleLength)}</a>
					<div class="slInfo">
						by <a href="${urls.personas.home(blog.PostAuthor.UserKey.Key)}" class="slUserName">${blog.PostAuthor.DisplayName}</a> <span class="slDetails">${toLocalTimeString(blog.PostDate)}</span> <span class="socialicons d-inline"><a href="${blogPostLink}"><em class="cmt">${blog.NumberOfComments}</em></a></span>
					</div>
					<p>${truncateString(blog.PostBody, 300)}<div class="slContent"><a href="${blogPostLink}" class="slReadMore">Read more »</a></p></div>
				</li>
			{forelse}
				{if currentGroup.RequestingUsersMembershipTier === 'NonMember'}
					<p class="slDefaultText"><a href="#" onclick="WIDGETINSTANCE.joinThisGroup();">Join this group</a> to be the first to write a blog post.<p>
				{else}
					<p class="slDefaultText">There aren't any blog posts yet. Be the first to <a href="${urls.groups.showBlog(options.groupKey, blogKey, true)}">write a post</a>.</p>
				{/if}
			{/for}
		{elseif options.currentTab == DISCUSSIONS_TAB}
			{for discussion in discussionPosts}
				{var discussionLink = urls.groups.showForumPost(options.groupKey, discussion.ForumDiscussionKey.Key)}
				<li class="{if WIDGETINSTANCE.isBozo(discussion.LiteUser)} slBozoContent{/if}">
				<a href="${discussionLink}" class="slHeadline">${truncateString(discussion.DiscussionTitle, options.maxDiscussionTitleLength)}</a>
					<div class="slInfo">
						by <a href="${urls.personas.home(discussion.UserKey.Key)}" class="slUserName">${discussion.LiteUser.DisplayName}</a> <span class="slDate">${toLocalTimeString(discussion.LastUpdated)}</span>
					</div>
					<p>${truncateString(discussion.DiscussionBody, 300)}<div class="slContent"><a href="${discussionLink}" class="slReadMore">Read more »</a></p></div>
				</li>
			{forelse}
				{if currentGroup.RequestingUsersMembershipTier === 'NonMember'}
					<p class="slDefaultText"><a href="#" onclick="WIDGETINSTANCE.joinThisGroup();">Join this group</a> to start the first discussion.<p>
				{else}
					<p class="slDefaultText"><a href="${urls.groups.showForumDiscussion(options.groupKey, forumKey, true)}">Start the first discussion</a> in the group forum.</p>
				{/if}
			{/for}
		{/if}
	</ul>

<div class="kick">
	{if options.currentTab == BLOGS_TAB}
		{if blogPosts.length > 0}
			<a href="${urls.groups.showBlog(options.groupKey, blogKey)}">View all blog posts</a>
		{/if}
		{if currentGroup.RequestingUsersMembershipTier !== 'NonMember'}
			<a href="${urls.groups.showBlog(options.groupKey, blogKey, true)}">Write a new post</a>
		{/if}
	{elseif options.currentTab == DISCUSSIONS_TAB}
		{if discussionPosts.length > 0}
			<a href="${urls.groups.showForumDiscussion(options.groupKey, forumKey)}">View all discussions</a>
		{/if}
		{if currentGroup.RequestingUsersMembershipTier !== 'NonMember'}
			<a href="${urls.groups.showForumDiscussion(options.groupKey, forumKey, true)}">Start a discussion</a>
		{/if}
	{/if}
</div>

</div>

{macro displayMember(member)}
	{eval}
		gr_user_avatar = member.User.ExtendedProfile.Sports_Hockey_Grassroots_UserPhoto_Image;
		if (gr_user_avatar) {
			gr_user_avatar = gr_user_avatar.replace(/Pending\//,'');
			gr_user_avatar = gr_user_avatar.replace(/SIZE/,'Small');
		} else {
			gr_user_avatar = "/sports/hockey/ourgame/community/gfx/default_avatar.jpg";
		}
	{/eval}
<div class="member">
<a href="${urls.personas.home(member.User.UserKey.Key)}"><img alt="${member.User.DisplayName}" src="${gr_user_avatar}"/></a>
<dl>
	<dt><a {if member.MembershipTier == "GroupAdmin"} class="slIcon_AdminBadge" {/if} href="${urls.personas.home(member.User.UserKey.Key)}">${member.User.DisplayName}</a></dt>
	<dd>${truncateString(member.User.AboutMe, options.maxAboutMeLength)}</dd>
	<dd>${member.User.Location}</dd>
	<dd>{if member.MembershipTier == 'GroupAdmin'}Group Admin{elseif member.MembershipTier == 'Manager'}Group Manager{else}${member.MembershipTier}{/if}</dd>
	<dd>Age: ${member.User.Age} {if member.User.Sex != ""} | ${member.User.Sex} {/if}</dd>
	<dd class="friends">${member.User.NumberOfFriends} Friends</dd>
</dl>
</div>
{/macro}

<h2 class="modhead">The Managers</h2>
{for admin in admins}
	${displayMember(admin)}
{/for}
{for manager in managers}
	${displayMember(manager)}
{/for}

{macro showReportAbuseForGroup()}
${showReportAbuse('CommunityGroupKey', group.CommunityGroupKey.Key, group.CurrentUserHasReportedAbuse == 'True')}
{/macro}
{macro rssLink()}
<a href="${urls.groups.rss(group.CommunityGroupKey.Key)}" class="slIcon_Rss" target="_blank">Subscribe</a>
{/macro}
{if group.HasPendingMembership == 'True'}
	<div class="slGroupAdminTools" style="margin-top:10px">
		<ul class="clearfix">
			<li>${showReportAbuseForGroup()}</li>
		</ul>
		<p class="statusmsg">Your group membership request is pending.</p>
	</div>
{elseif group.CommunityGroupVisibility == 'Private' && group.RequestingUsersMembershipTier == 'NonMember'}
	{if invitation}
		<a href="{if getCurrentUser().isAnonymous}${urls.login(urls.groups.overview(group.CommunityGroupKey.Key))}{else}javascript:void(0){/if}" {if !getCurrentUser().isAnonymous} onclick="WIDGETINSTANCE.joinThisGroup()" {/if} class="bt"><strong>Accept Invitation</strong></a>
		<div class="slClear"></div>
		<p>${showReportAbuseForGroup()}</p>
	{else}
		<a href="{if getCurrentUser().isAnonymous}${urls.login(urls.groups.overview(group.CommunityGroupKey.Key))}{else}javascript:void(0){/if}" {if !getCurrentUser().isAnonymous} onclick="WIDGETINSTANCE.requestToJoinThisGroup()" {/if} class="bt"><strong>Request to Join</strong></a>
		<div class="slClear"></div>
		<p>${showReportAbuseForGroup()}</p>
	{/if}
{elseif group.RequestingUsersMembershipTier == 'NonMember'}
	<div class="slGroupAdminTools" style="margin-top:10px">
    <ul class="clearfix">
    	<li>${showReportAbuseForGroup()}</li>
    	<li>${rssLink()}</li>
    </ul>
		<div class="slFLC slButtonStrip">
			<a href="#" onclick="WIDGETINSTANCE.joinThisGroup()" class="bt"><strong>Join this Group</strong></a>
	   {if !getCurrentUser().isAnonymous && getCurrentUser().IsBlocked === 'False'}<a href="${urls.groups.updateGroup()}" class="bt"><strong>Start your own Group</strong></a>{/if}
		</div>

</div>
{elseif group.RequestingUsersMembershipTier == 'Manager' || group.RequestingUsersMembershipTier == 'GroupAdmin'}

<h2 class="modhead">Admin Controls</h2>

<div class="slGroupAdminTools" style="margin-top:10px">
	<ul class="clearfix">
		{if group.RequestingUsersMembershipTier == 'GroupAdmin'}
		<li><a href="${urls.groups.updateGroup(group.CommunityGroupKey.Key)}" class="slIcon_Edit">Edit Group</a></li>
		{/if}
		<li><a href="${urls.groups.manageMembers(group.CommunityGroupKey.Key)}" class="slIcon_Members">Manage Members</a></li>
		<li><a href="${urls.groups.updateLink(group.CommunityGroupKey.Key)}" class="slIcon_Link">Edit Group Links</a></li>
		<li><a href="${urls.groups.inviteFriend(group.CommunityGroupKey.Key)}" class="slIcon_InviteFriend">Invite a friend</a></li>
		<li>${showReportAbuseForGroup()}</li>
		<li>${rssLink()}</li>
		{if group.RequestingUsersMembershipTier === 'GroupAdmin'}
			<li class="slDeleteGroup"><a href="${urls.groups.requestGroupDeletion(group.CommunityGroupKey.Key)}" class="slIcon_Delete">Request Group Deletion</a></li>
		{/if}
	</ul>
	<div class="slFLC slButtonStrip">
	{if group.RequestingUsersMembershipTier === 'Manager'}
		<a href="#" onclick="WIDGETINSTANCE.leaveThisGroup();return false;" class="bt"><strong>Leave this Group</strong></a>
	{/if}
	{if getCurrentUser().IsBlocked === 'False'}
		<a href="${urls.groups.updateGroup()}" class="bt"><strong>Start your own Group</strong></a>
	{/if}
	</div>
</div>
{elseif group.RequestingUsersMembershipTier == 'Member'}
<div class="slGroupAdminTools" style="margin-top:10px">
	<ul class="clearfix">
		<li><a href="${urls.groups.inviteFriend(group.CommunityGroupKey.Key)}" class="slIcon_InviteFriend">Invite a friend</a></li>
		<li>${rssLink()}</li>
		<li>${showReportAbuseForGroup()}</li>
	</ul>
	<div class="slFLC slButtonStrip">
		<a href="#" onclick="WIDGETINSTANCE.leaveThisGroup();return false;" class="bt"><strong>Leave this Group</strong></a>
		{if getCurrentUser().IsBlocked === 'False'}
			<a href="${urls.groups.updateGroup()}" class="bt"><strong>Start your own Group</strong></a>
		{/if}
	</div>
</div>
{/if}
${statusReportAbuseDialog}
${messageBox}
${confirmMessageBox}

<h2 class="modhead">Recent Members</h2>

<div class="recent-members clearfix">
{for member in members}
	{eval}
		gr_user_avatar = member.User.ExtendedProfile.Sports_Hockey_Grassroots_UserPhoto_Image;
		if (gr_user_avatar) {
			gr_user_avatar = gr_user_avatar.replace(/Pending\//,'');
			gr_user_avatar = gr_user_avatar.replace(/SIZE/,'Small');
		} else {
			gr_user_avatar = "/sports/hockey/ourgame/community/gfx/default_avatar.jpg";
		}
	{/eval}
	<div class="member">
		<a href="${urls.personas.home(member.User.UserKey.Key)}"><img alt="${member.User.DisplayName}" src="${gr_user_avatar}"/></a>
		<dl>
			<dt>
				<a {if member.MembershipTier == "GroupAdmin"} class="slIcon_AdminBadge" {/if} href="${urls.personas.home(member.User.UserKey.Key)}">${member.User.DisplayName}</a>
			</dt>
			<dd>${member.User.ExtendedProfile.Sports_Hockey_Grassroots_Position}</dd>
			<dd>${member.User.ExtendedProfile.Sports_Hockey_Grassroots_Team}</dd>
			<dd class="friends">${member.User.NumberOfFriends} Friend {if member.User.NumberOfFriends > 1 || member.User.NumberOfFriends == 0}s{/if}</dd>
		</dl>
	</div>
{/for}
</div>

<div class="kick"><a href="${urls.groups.manageMembers(options.groupKey)}">View{if totalMembers > 1} all{/if} ${totalMembers} member{if totalMembers > 1}s{/if}</a></div>

{var PHOTOS_TAB = 'photo'}
{var VIDEOS_TAB = 'video'}

<h2 class="modhead clearfix">Recent Group Media</h2>

<div class="sqtabs">
	<ul>
		<li {if options.currentTab === PHOTOS_TAB} class="slSelected"{/if}><a href="javascript:void(0)" onclick="WIDGETINSTANCE.showPhotosTab()">Group Photos</a></li>
		<li {if options.currentTab === VIDEOS_TAB} class="slSelected"{/if}><a href="javascript:void(0)" onclick="WIDGETINSTANCE.showVideosTab()">Group Videos</a></li>
	</ul>
</div>

{if media.length > 0}
<div class="medialist clearfix">
	{for medium in media}
		{if options.currentTab === PHOTOS_TAB}
			{var url = urls.groups.showPhoto(options.groupKey, galleryKey, medium.PhotoKey.Key)}
			{if medium.Image.Small == ""}
				{var photoThumbnail = PLUCKSL_GLOBAL_OPTIONS.siteLifeBaseUrl + "content/widgets/images/Missing-File-Icon.jpg"}
			{else}
				{var photoThumbnail = medium.Image.Small}
			{/if}
		{elseif options.currentTab === VIDEOS_TAB}
			{var url = urls.groups.showVideo(options.groupKey, galleryKey, medium.VideoKey.Key)}
			{if medium.VideoThumbnail == ""}
				{var videoThumbnail = PLUCKSL_GLOBAL_OPTIONS.siteLifeBaseUrl + "content/widgets/images/Missing-File-Icon.jpg"}
			{else}
				{var videoThumbnail = medium.VideoThumbnail}
			{/if}
		{/if}
		<a href="${url}" {if WIDGETINSTANCE.isBozo(medium.Author)} class="slBozoContent"{/if} title="${medium.Title}"><img alt="" src="{if options.currentTab === PHOTOS_TAB}${photoThumbnail}{elseif options.currentTab === VIDEOS_TAB}${videoThumbnail}{/if}" /></a>
	{/for}
</div>
{else}
<div class="clearfix">
	{if currentGroup.RequestingUsersMembershipTier === 'NonMember'}
		<p class="slDefaultText slItems"><a href="#" onclick="WIDGETINSTANCE.joinThisGroup();">Join this group</a> to upload ${options.currentTab}s.<p>
	{else}
		<p class="slDefaultText slItems"><a href="${urls.groups.showGallery(options.groupKey, galleryKey, options.currentTab, true)}">Upload the first ${options.currentTab}</a> for this group.</p>
	{/if}
</div>
{/if}

<div class="kick clearfix">
{if media.length > 0}
	<a href="${urls.groups.showGallery(options.groupKey, galleryKey, options.currentTab)}">View all {if options.currentTab === PHOTOS_TAB} photos{elseif options.currentTab === VIDEOS_TAB} videos{/if}</a>
{/if}
{if currentGroup.RequestingUsersMembershipTier !== 'NonMember'}
	<a href="${urls.groups.showGallery(options.groupKey, galleryKey, options.currentTab, true)}">Upload a ${options.currentTab}</a>
{/if}
</div>

{macro pluralize(count, string)}${count} ${string}{if count != 1}s{/if}{/macro}
<div id="content" class="clearfix">
<div id="left">

<div class="module clearfix">
		${breadcrumbs}
		<h2>Find a Group</h2>
		<div class="clearfix">${searchBar}</div>
		<div class="groupslist clearfix">
		{if !options.searchString}
			<ul class="clearfix">
				<li><strong>Sort by:</strong></li>
				<li><a href="#" onclick="WIDGETINSTANCE.resortName();return false;" {if sortBy == 'AlphabeticalDescending'} class="slIcon_DownArrow" {elseif sortBy == 'AlphabeticalAscending'} class="slIcon_UpArrow"{/if}>Name</a> |</li>
				<li><a href="#" onclick="WIDGETINSTANCE.resortDate();return false;" {if sortBy == 'TimeStampDescending'} class="slIcon_DownArrow" {elseif sortBy == 'TimeStampAscending'} class="slIcon_UpArrow"{/if}>Date Created</a></li>
			</ul>
		{/if}
			<div class="slPagination clearfix">
<ul>
{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();return false;">« First</a></li>{/if}
{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();return false;">Previous</a></li>{/if}
{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();return false;">Next</a></li>{/if}
{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();return false;">Last »</a></li>{/if}
</ul>
</div>
		<div class="clearfix">
		{for group in groups}
			<div class="group">
				<a href="${urls.groups.overview(group.CommunityGroupKey.Key)}"><img src="${group.AvatarImageUrl}" alt=""/></a>
				<dl>
					<dt><a href="${urls.groups.overview(group.CommunityGroupKey.Key)}" {if group.CommunityGroupVisibility == "Private"} class="slIcon_PrivateGroup" {/if}>${truncateString(group.Title, options.maxGroupTitleLength)}</a></dt>
					<dd class="desc">${truncateString(group.Description, options.maxGroupDescriptionLength)}</dd>
					<dd>${group.CommunityGroupStats.MemberCount} Member{if group.CommunityGroupStats.MemberCount > 1}s{/if}</dd>
					<dd class="date">Created on ${group.CreatedDate.toLocaleString()}</dd>
					{if group.RequestingUsersMembershipTier === 'GroupAdmin'}
						<p class="slDeleteGroup"><a href="javascript:void(0)" onclick="WIDGETINSTANCE.deleteThisGroup('${group.CommunityGroupKey.Key}')" class="slButton1"><span class="slButton1_Right"><span class="slIcon_Delete">Delete This Group</span></span></a></p>
						{var groupStats = group.CommunityGroupStats}
						<textarea id="${deleteWarningId}_${group.CommunityGroupKey.Key}" style="display:none;"><h2>Are you sure you want to delete the group ${group.Title}?</h2>
						<p>This will permanently delete the group's ${pluralize(groupStats.MemberCount, 'member')}, ${pluralize(groupStats.ForumDiscussionCount, 'discussion')}, ${pluralize(groupStats.BlogPostCount, 'blog post')}, ${pluralize(groupStats.PhotoCount, 'photo')}, ${pluralize(groupStats.VideoCount, 'video')}, and ${pluralize(groupStats.UpcomingEventCount, 'upcoming event')}.</p></textarea>
					{/if}
				</dl>
			</div>
		{forelse}
			{if emptySearchResults}
				We didn't find any groups that match your search.
				{if showCreateGroup && (user.IsBlocked === 'False')}
					If you would like, you can <a href="{if getCurrentUser().isAnonymous}${urls.login(urls.groups.groupList())}{else}${urls.groups.updateGroup()}{/if}">create a group</a> about this topic.
				{/if}
			{elseif showCreateGroup && (user.IsBlocked === 'False')}
				<div class="slNoContent">Be the first to <a href="{if getCurrentUser().isAnonymous}${urls.login(urls.groups.groupList())}{else}${urls.groups.updateGroup()}{/if}">create a group!</a>
			{else}
				<div class="slNoContent">There are currently no groups.</div>
			{/if}
		{/for}
		</div>
			<div class="slPagination clearfix">
<ul>
{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();return false;">« First</a></li>{/if}
{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();return false;">Previous</a></li>{/if}
{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();return false;">Next</a></li>{/if}
{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();return false;">Last »</a></li>{/if}
</ul>
</div>

</div>
	</div>

</div>

<div id="right">
{if showCreateGroup && (user.IsBlocked === 'False')}
	<div class="signup">
		<h2>Creating a Group</h2>
		<p>Groups are a way for people of similar interests to come together, whether it's for a team, tournament, league, fundraiser or anything else hockey related. If you can't find a group that interests you, it's really easy to start your own.</p>
		<p>Groups can be either public or private (invite only). Every group can share photos and videos, have discussions and create events.</p>

<ul>
	<li>Once you have created your Our Game Profile, you will be able to create a group.</li>
	<li>Once logged in click the Start Your Own Group link</li>
	<li>
		You will now need to enter information for your group. Information required to start a group includes:
		<ul>
			<li>A group name</li>
			<li>Description of what your group is</li>
			<li>Whether you want your group to be public or private</li>
		</ul>		
	</li>
</ul>

{var isEdit = group.CommunityGroupKey}
<div id="content" class="clearfix">
<div id="left">
	<div class="module updateGroup clearfix">
		${breadcrumbs}
		<h2>{if isEdit}Edit{else}Create a Group{/if}</h2>

<form action="javascript:WIDGETINSTANCE.updateGroup()" method="get" accept-charset="utf-8" id="${formId}" class="slForm">
			<input type="hidden" name="key" value="${group.CommunityGroupKey.Key}" />
			<span class="slNote">* Required Fields</span>
			<div class="slFormField">
				<label>Group Name <span>*</span> <span class="slErrorText" id="${blankTitleErrorId}">Please enter a group title.</span></label>
				<input type="text" class="slFormInput slFormInputText" value="${group.Title}" name="title"/>
			</div>
			<div class="slFormField">
				<label>Group Image/Avatar</label>
				{eval}/*
				{if isEdit}
				<div class="slAvatar slFLC">
					<img src="${group.AvatarImageUrl}" />
					<div class="slFormInput">
						<span>Change Photo</span>
						<button type="button" class="slFormInput" onclick="WIDGETINSTANCE.browsePhoto()">Browse...</button>
					</div>
				</div>
				{else}
				<button type="button" class="slFormInput" onclick="WIDGETINSTANCE.browsePhoto()">Browse...</button>
				{/if}
				*/
				{/eval}
				${singleImageUpload}
			</div>
			<div class="slFormField">
				<label>Description of the Group <span>*</span> <span class="slErrorText" id="${blankDescriptionErrorId}">Please enter a group description.</span></label>
				<textarea class="slFormInput slFormInputText" name="description">${group.Description}</textarea>
			</div>
			<div class="slFormField">
				<label>Tags</label><span>(Separate each tag with a comma)</span>
				<input type="text" class="slFormInput slFormInputText" name="categories" value="${group.Categories}"/>
			</div>
			{if !isEdit}
			<div class="slFormField">
				<label>Visibility of the Group</label>
				<div class="slFormInput slFormInputRadio">
					<label><input type="radio" {if group.CommunityGroupVisibility == 'Public' || group.CommunityGroupVisibility == ''} checked="checked" {/if} name="visibility" /> <span>Public:</span> Anyone can join and participate</label>
					<label><input type="radio" {if group.CommunityGroupVisibility == 'Private'} checked="checked" {/if} name="visibility" /> <span>Private:</span> Only approved members can view and participate</label>
				</div>
			</div>
			{/if}
			<div id="${uploadAvatarMessageId}"></div>
			<div class="slFormField">
				<a id="${createButtonId}" href="#" onclick="document.getElementById('${formId}').submit();" class="bt"><strong>{if isEdit}Save{else}Create My Group{/if}</strong></a> 
				<a href="#" onclick="WIDGETINSTANCE.cancel()" class="bt"><strong>Cancel</strong></a>
			</div>
		</form>

${updatingBox}

</div>
</div>
</div>

<div style="display:none" id="submitting">{if isEdit}Editing Your Group{else}Creating Your Group{/if}</div>

<div id="content" class="clearfix">
<div id="left">
	<div class="module clearfix">
		${header}
	</div>

<div class="module clearfix">
		<h2 class="modhead">${group.Title} Events</h2>

<div class="slPagination clearfix">
<ul>
{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();return false;">« First</a></li>{/if}
{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();return false;">Previous</a></li>{/if}
{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();return false;">Next</a></li>{/if}
{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();return false;">Last »</a></li>{/if}
</ul>
</div>

<ul class="eventlist">
		{for event in events}

<li class="{if WIDGETINSTANCE.isBozo(event.Author)} slBozoContent{/if}">
				<dl>
					<dt><a name="${event.EventKey.Key}"></a><em>${event.EventDay} ${event.StartDate}</em>${event.Title}</dt>
					<dd class="time">${event.StartTime} - ${event.EndTime} ${event.TimeZone}</dd>
					<dd class="loc">Location: ${event.Location}</dd>
					<dd class="link"></dd>
					<dd>${event.Description} <span><a href="${event.BookmarkUrl}" class="slEventLink" target="_blank">${event.BookmarkName}</a></span></dd>
					<dd>Hosted by <a class="slDisplayName" href="${urls.personas.home(event.Author.UserKey.Key)}">${event.Author.DisplayName}</a></dd>
					<dd class="cmd clearfix">
					{if user.UserKey.Key == event.Author.UserKey.Key}
						<a href="${urls.groups.updateEvent(group.CommunityGroupKey.Key, event.EventKey.Key)}">Edit Event</a>
					{/if}
					{if user.UserKey.Key == event.Author.UserKey.Key || WIDGETINSTANCE.currentUserIsGroupAdmin(group) || WIDGETINSTANCE.currentUserIsGroupManager(group)}
						<a href="#" onclick="WIDGETINSTANCE.deleteEvent('${event.EventKey.Key}', '${event.Title}');">Delete Event</a>
					{/if}
					${showReportAbuse("EventKey", event.EventKey.Key, event.CurrentUserHasReportedAbuse == 'True')}
					${reportAbuseDialogWidget}
					</dd>
				</dl>
			</li>
		{forelse}
			<div class="slNoContent">There are no upcoming events for this group.  <a href="${urls.groups.updateEvent(group.CommunityGroupKey.Key)}">Create a New Event</a></div>
		{/for}
		</ul>

</div>

<div id="right">
	{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
	<div class="module cmd clearfix">
		<h2 class="modhead">Future Events</h2>
		<p>The Community helps you share important dates and events with your friends.  Add dates that you think your group need to know about.</p>
		<a class="bt" href="${urls.groups.updateEvent(group.CommunityGroupKey.Key)}"><strong>Add an Event</strong></a>
	</div>
	{/if}
</div>
</div>

{/if}

${confirmationBox}

{var isEdit = event.key}
	<div id="slGroupEventCreate" class="slGroupEventCreate slV2">
		${breadcrumbs}
		<h2>{if isEdit}Edit Event{else}Add Event{/if}</h2>
			<form action="javascript:WIDGETINSTANCE.updateEvent(document.getElementById('${formId}'))" method="get" accept-charset="utf-8" id="${formId}" class="slForm">
			<span class="slNote">* Required Fields</span>
			<div class="slForm">
				<input type="hidden" name="key" value="${eventKey}" />
				<div class="slFormField">
					<label>Event Name <span class="slRequiredField">*</span> <span class="slErrorText" id="${blankEventTitleErrorId}">Please enter an event name.</span></label>
					<input type="text" class="slFormInput slFormInputText"  value="${event.title}" name="title" />
					<div class="slFormInfo">This will appear as the title of the event</div>
				</div>	
				<div class="slFormField">
					<label>Event Location <span class="slRequiredField">*</span> <span class="slErrorText" id="${blankEventLocationErrorId}">Please enter an event location.</span></label>
					<input type="text" class="slFormInput slFormInputText" value="${event.location}" name="location"/>
					<div class="slFormInfo">The address where the event will take place</div>
				</div>
				<div class="slFormField slEventDateTime">
					<label>Event Date & Time <span class="slRequiredField">*</span></label>
					<div class="slEventCalendarDate">
						${startTimeSelect}
						<div class="slFormInfo">Start</div>
					</div>
					<div class="slEventCalendarDate">
						<span> - </span>
					</div>
					<div class="slEventCalendarDate">
						${endTimeSelect}
						<div class="slFormInfo">End</div>
					</div>
					<div class="slEventCalendarDate">
						${dateSelect}
					</div>
					<div class="slClear"></div>
				</div>
				<span class="slErrorText" id="${invalidTimeId}">Please enter an End time that is after the Start time.</span>
				<div class="slFormField">
					<label>Event Description <span class="slRequiredField">*</span> <span class="slErrorText" id="${blankEventDescriptionErrorId}">Please enter an event description.</span></label>
					<textarea class="slFormInput slFormInputText" name="description">{if isEdit}${event.description}{/if}</textarea>
					<div class="slFormInfo">Details about the Event</div>
				</div>
				<div class="slFormSection">
					<div class="slFormField">
						<label>Link Title <span class="slErrorText" id="${blankEventLinkTitleErrorId}">Please enter a link title.</span></label>
						<input type="text" class="slFormInput slFormInputText" value="${event.bookmarkname}" name="bookmarkname"/>
						<div class="slFormInfo">This will appear as the name of the link</div>
					</div>
					<div class="slFormField">
						<label>Link Url <span class="slErrorText" id="${blankEventLinkUrlErrorId}">Please enter a url.</span></label>
						<input type="text" class="slFormInput slFormInputText" value="${event.bookmarkurl}" name="bookmarkurl"/>
						<div class="slFormInfo">This is the page you are linking to</div>
					</div>
				</div>
				<div class="slFormField">
					<a href="#" onclick="document.getElementById('${formId}').submit();return false;" class="bt"><strong>{if isEdit}Edit My Event{else}Create My Event{/if}</strong></a> 
					<a href="#" onclick="WIDGETINSTANCE.cancel();return false;" class="bt"><strong>Cancel</strong></a>
				</div>
			</div>
			</form>
		</div>
	</div>
	
</div>
</div>
</div>

<div id="content" class="clearfix">
<div id="left">
	<div class="module slGroupLinks clearfix">
		${breadcrumbs}
		<h2>Add a Link to ${group.Title}</h2>

<form action="javascript:WIDGETINSTANCE.updateGroupLinks()" method="get" accept-charset="utf-8" id="${formId}" class="slForm">
			<div class="slNote">* Required Fields</div>
			<div class="slForm">
				<ul class="slItems">
				{for bookmark in bookmarks}
					<li class="slFormSection">
						<div class="slFormField">
							<div class="slErrorText slErrorUrl" id="${blankUrlErrorIds[bookmark_index]}">You must enter a URL.</div>
							<div class="slErrorText slErrorTitle" id="${blankTitleErrorIds[bookmark_index]}">You must enter a title.</div>

<div class="slBookmarkEntry">
								<label>Link Url <span>*</span></label>
								{if bookmark.url == ""}{var bookmarkURL = "http://"}{else}{var bookmarkURL = bookmark.url}{/if}
								<input type="text" class="slFormInput slFormInputText" id="link_url${bookmark_index}" name="url${bookmark_index}" value="${bookmarkURL}" />
								<div class="slFormInfo">This is the page you are linking to</div>
							</div>
							<div class="slBookmarkEntry">
								<label>Link Title <span>*</span></label>
								<input type="text" class="slFormInput slFormInputText" name="title${bookmark_index}" value="${bookmark.title}"/>
								<div class="slFormInfo">This will appear as the name of the link</div>
							</div>
							<div class="slBookmarkEditControls">
								{if bookmark_index < (bookmarks.length - 1)}
									<a href="#" onclick="WIDGETINSTANCE.removeBookmark(${bookmark_index}); return false;" class="slMinusButton"></a>
								{/if}
								{if (bookmark_index == bookmarks.length - 1) && (bookmarkEntries < 10)}
									<a href="#" onclick="WIDGETINSTANCE.addBookmark(); return false;" class="slPlusButton"></a>
								{/if}
							</div>
						</div>
					</li>
	  			{/for}
				</ul>
	  		<div class="slFormSection slFormControls">
					<a href="#" onclick="document.getElementById('${formId}').submit();return false;" class="bt"><strong>Save</strong></a>
					<a href="#" onclick="WIDGETINSTANCE.cancel();return false;" class="bt"><strong>Cancel</strong></a>
				</div>
			</div>
		</form>

</div>

</div>
</div>

{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
<div id="content" class="clearfix">
<div id="left">
	<div class="module">
		<h2 class="modhead"><a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private group.  You must be a member to view its ${options.mediaType}s.</h2>
	</div>
</div>
</div>
{else}
	{if options.mediaType == "photo"}
		<input type="hidden" id="deleteMessage" value="Are you sure you want to delete this photo?" />
	{else}
		<input type="hidden" id="deleteMessage" value="Are you sure you want to delete this video?" />
	{/if}
<input type="hidden" id="bulkDeleteMessage" value="Are you sure you want to delete these selected items?" />

<div id="content" class="clearfix">
<div id="left">
	<div class="module clearfix">
		${headerWidget}
	</div>

<div class="module clearfix">
		<h2 class="modhead">${truncateString(group.Title, options.maxGroupTitleLength)} {if options.mediaType == "photo"} Photos{elseif options.mediaType == "video"} Videos{/if}</h2>

<div id="${mediaItemsId}" class="photolist">
		{var showBulkDelete = false}
		{for item in media}
			<div class="photo {if WIDGETINSTANCE.isBozo(item.Author)} slBozoContent{/if}">
			{if options.mediaType == "photo"}
				{var key = item.PhotoKey.Key}
				{var url = urls.groups.showPhoto(group.CommunityGroupKey.Key, item.GalleryKey.Key, item.PhotoKey.Key);}
				{var editUrl = urls.groups.updatePhoto(group.CommunityGroupKey.Key, item.GalleryKey.Key, item.PhotoKey.Key, true);}
				{if item.Image.Small == ""}
					{var thumbUrl = PLUCKSL_GLOBAL_OPTIONS.siteLifeBaseUrl + "content/widgets/images/Missing-File-Icon.jpg"}
				{else}
					{var thumbUrl = item.Image.Small;}
				{/if}
			{elseif options.mediaType == "video"}
				{var key = item.VideoKey.Key}
				{var url = urls.groups.showVideo(group.CommunityGroupKey.Key, item.GalleryKey.Key, item.VideoKey.Key);}
				{var editUrl = urls.groups.updateVideo(group.CommunityGroupKey.Key, item.GalleryKey.Key, item.VideoKey.Key, true);}
				{if item.VideoThumbnail == ""}
					{var thumbUrl = PLUCKSL_GLOBAL_OPTIONS.siteLifeBaseUrl + "content/widgets/images/Missing-File-Icon.jpg"}
				{else}
					{var thumbUrl = item.VideoThumbnail;}
				{/if}
			{/if}
				<a href="${url}"><img src="${thumbUrl}" alt=""/></a>
				<dl>
					<dt><a href="${url}">${truncateString(item.Title, options.maxMediaTitleLength)}</a> <span class="socialicons d-inline"><em>Comments</em><em class="cmt">${item.NumberOfComments}</em> <em>Recommended</em><em class="rec">${item.NumberOfRecommendations}</em></span></dt>
					<dd>Added By <a href="/${PLUCKSL_GLOBAL_OPTIONS.personaSuffix}?u=${item.Author.UserKey.Key}">${item.Author.DisplayName}</a></dd>
					<dd class="cmd">
					{if WIDGETINSTANCE.currentUserIsOwner(item.Author.UserKey)}
						<a class="slIcon_Edit" href="${editUrl}">Edit</a>
					{/if}
					{if WIDGETINSTANCE.currentUserIsGroupAdmin(group) || WIDGETINSTANCE.currentUserCanDelete(item.Author.UserKey, group)}
						{var showBulkDelete = true}
						<input type="checkbox" class="cb"/> <input type="hidden" value="${key}" name="mediaKey"/> <a href="#" onclick="WIDGETINSTANCE.deleteMedia('${key}');return false;" class="slDeleteSingle">Delete</a>
					{/if}
					</dd>
				</dl>
			</div>
			{forelse}
				{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
					<div class="slNoContent">There are currently no ${options.mediaType}s for this group.  <a href="#" onclick="WIDGETINSTANCE.showUploadDialog(); return false;">Upload a ${options.mediaType} now!</a></div>
				{elseif}
					<div class="slNoContent">There are currently no ${options.mediaType}s for this group. </div>
				{/if}
			{/for}

{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
				<a href="#" onclick="WIDGETINSTANCE.showUploadDialog();return false;" class="bt"><strong>Upload Your {if options.mediaType == "photo"} Photos{else} Videos{/if}</strong></a>
			{/if}
			{if showBulkDelete}
				<a href="#" onclick="WIDGETINSTANCE.deleteChecked();return false;" class="bt"><strong>Delete Checked</strong></a>
			{/if}

</div>

<div id="right">
	{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
	<div class="module cmd clearfix">
		<h2 class="modhead">Upload</h2>
		<p>Add photos and videos from your desktop of you playing hockey, your team, tournaments and anything else you'd like to have within your profile.</p>
		<ul>
			<li>Log into your Community Profile and choose Photos or Videos</li>
			<li>Click on Create a New Gallery</li>
			<li>Here you will be able to give your Gallery a name and description</li>
			<li>Click the Create button</li>
			<li>Click on the gallery you just created</li>
			<li>Click on Upload a Photo/Video to this Gallery</li>
			<li>Browse for the photos you'd like to add to your gallery and include the title, location and description of what you just added.</li>
			<li>Click Submit Form</li>
			<li>All photos/videos are moderated before being posted to the site, so don't worry if you can't see them right away.</li>
		</ul>
		<a href="#" onclick="WIDGETINSTANCE.showUploadDialog();return false;" class="bt"><strong>Upload your {if options.mediaType == "photo"} Photos{else} Videos{/if}</strong></a>
	</div>
	{/if}
</div>
</div>
{/if}
${mediaUploadWidget}
${confirmationBox}

{if options.mediaType == "photo"}
		<input type="hidden" id="deleteMessage" value="Are you sure you want to delete this photo?" />
	{else}
		<input type="hidden" id="deleteMessage" value="Are you sure you want to delete this video?" />
	{/if}

<div id="content" class="clearfix">
<div id="left">
	<div class="module clearfix">
		${headerWidget}
	</div>

<div class="module pgallery clearfix">
		<h2 class="modhead clearfix">
			<em>${media.Title}</em>

{if options.mediaType == "photo"}
				{var editUrl = urls.groups.updatePhoto(group.CommunityGroupKey.Key, media.GalleryKey.Key, media.PhotoKey.Key, true);}
				{var objectKey = media.PhotoKey}
				{var keyType = "PhotoKey"}
			{elseif options.mediaType == "video"}
				{var editUrl = urls.groups.updateVideo(group.CommunityGroupKey.Key, media.GalleryKey.Key, media.VideoKey.Key, true);}
				{var objectKey = media.VideoKey}
				{var keyType = "VideoKey"}
			{/if}

<span id="socialhead" class="socialicons d-inline">
				<a href="#socialcomments">Comments <em class="cmt">${media.NumberOfComments}</em></a>
				${showRecommend(keyType, objectKey.Key, currentUserHasRecommended, media.NumberOfRecommendations)}
			</span>

<span class="cmd">
				{if WIDGETINSTANCE.currentUserIsOwner(media.Author.UserKey)}
				<a class="slIcon_Edit" href="${editUrl}" class="slEdit">Edit</a>
				{/if}
				{if WIDGETINSTANCE.currentUserCanDelete(media.Author.UserKey, group)}
				<a class="slIcon_Delete" href="#" onclick="javascript:WIDGETINSTANCE.deleteMedia('${objectKey.Key}');return false;" class="slDelete">Delete</a>
				{/if}
				${showReportAbuse(keyType, objectKey.Key, currentUserHasReportedAbuse)}
				${reportAbuseDialogWidget}

</span>

</h2>

<div id="pg-photo" class="clearfix">
		{if options.mediaType == "photo"}
			<img src="${media.Image.Large}" alt=""/>
			{elseif options.mediaType == "video"}
			<div id="${videoContainerId}"></div>
		{/if}

<div class="photodesc">
				<h2>${media.Title}</h2>
				<p>${media.Description} <span>(Uploaded by: <a href="${urls.personas.home(media.Author.UserKey.Key)}">${media.Author.DisplayName}</a>)</span></p>
			</div>
		</div>

${slideShowWidget}

${commentWidget}

</div>

</div>
</div>

{/if}
${confirmationBox}

<div id="pg-pages">${totalMediaItems} {if options.mediaType == "photo"} Photo(s){else} Video(s){/if}</div>
<div id="pg-thumbs">
	{if paginationVars.prevPageNum}<a id="tb-prev" href="#" onclick="WIDGETINSTANCE.prevPage();return false;" class="arrow"> </a>{/if}
	<div id="tb-canvas">
		<ul id="tb-canvas-content" class="clearfix">
			{for item in media}
				{if options.mediaType == "photo"}
					{var key = item.PhotoKey.Key}
					{var url = urls.groups.showPhoto(options.groupKey, item.GalleryKey.Key, item.PhotoKey.Key);}
					{if item.Image.Small == ""}
						{var thumb = PLUCKSL_GLOBAL_OPTIONS.siteLifeBaseUrl + "content/widgets/images/Missing-File-Icon.jpg"}
					{else}
						{var thumb = item.Image.Small;}
					{/if}
				{elseif options.mediaType == "video"}
					{var key = item.VideoKey.Key}
					{var url = urls.groups.showVideo(options.groupKey, item.GalleryKey.Key, item.VideoKey.Key);}
					{if item.VideoThumbnail == ""}
						{var thumb = PLUCKSL_GLOBAL_OPTIONS.siteLifeBaseUrl + "content/widgets/images/Missing-File-Icon.jpg"}
					{else}
						{var thumb = item.VideoThumbnail;}
					{/if}
				{/if}
				<li {if WIDGETINSTANCE.isBozo(item.Author)} class="slBozoContent"{/if}>
					<a href="${url}">
						<img src="${thumb}" alt=""/>
					</a>
				</li>
			{/for}
		</ul>
	</div>
	{if paginationVars.nextPageNum}<a id="tb-next" class="arrow" href="#" onclick="WIDGETINSTANCE.nextPage();return false;"> </a>{/if}
</div>

<div id="content" class="clearfix">
<div id="left">
	<div class="module clearfix">
		${headerWidget}
	</div>

<div class="module slGroupMediaEdit clearfix">
		{for item in mediaArray}
		{if options.mediaType == "photo"}
			{if item.Image.Small == ""}
				{var thumbUrl = PLUCKSL_GLOBAL_OPTIONS.siteLifeBaseUrl + "content/widgets/images/Missing-File-Icon.jpg"}
			{else}
				{var thumbUrl = item.Image.Small;}
			{/if}
		{elseif options.mediaType == "video"}
			{if item.VideoThumbnail == ""}
				{var thumbUrl = PLUCKSL_GLOBAL_OPTIONS.siteLifeBaseUrl + "content/widgets/images/Missing-File-Icon.jpg"}
			{else}
				{var thumbUrl = item.VideoThumbnail;}
			{/if}
		{/if}
		<h2 class="modhead">Edit {if options.mediaType == 'photo'} Photo{elseif} Video{/if}: ${item.Title}</h2>
		<div class="slItem clearfix">
			<img class="slMediaThumbnail" src="${thumbUrl}"/>
			<div class="slForm">
				<span class="slNote">* Required Fields</span>
				<div class="slFormField">
					<label>Title <span>*</span></label>
					<input type="text" class="slFormInput slFormInputText" id="${titleId}_${item_index}" value="${item.Title}" />
					<div id="${titleErrorId}_${item_index}" class="slErrorText">Please enter a title for this ${options.mediaType}</div>
				</div>
				<div class="slFormField">
					<label>Description</label>
					{if item.Description == "Please Enter a Description"}{var itemDesc = ""}{else}{var itemDesc = item.Description}{/if}
					<input type="text" class="slFormInput slFormInputText" id="${descriptionId}_${item_index}" value="${itemDesc}" />
					<div id="${descriptionErrorId}_${item_index}" class="slErrorText">Please enter a description for this ${options.mediaType}</div>
				</div>
				<div class="slFormField">
					<label>Tags</label>
					<input type="text" class="slFormInput slFormInputText" id="${tagsId}_${item_index}" value="${item.Tags}" />
				</div>
			</div>
		</div>
		{/for}
		<div class="slButtons">
			<a href="#" onclick="WIDGETINSTANCE.submit();return false;" class="bt"><strong>Save {if options.mediaType == 'photo'} Photo{elseif} Video{/if}</strong></a> 
			<a href="#" onclick="WIDGETINSTANCE.cancel();return false;" class="bt"><strong>Cancel</strong></a>
		</div>
	</div>

</div>
</div>

<div id="content" class="clearfix">
<div id="left">
	<div class="module clearfix">
		${header}
	</div>

{for post in blogPosts}
	{var timestamp=toLocalTime(post.PostDate)}
		<div class="entry {if WIDGETINSTANCE.isBozo(post.PostAuthor)} slBozoContent{/if}">
			<h3 class="clearfix">
				<a href="${urls.groups.showBlogPost(group.CommunityGroupKey.Key, blog.BlogKey.Key, post.BlogPostKey.Key)}">${post.PostTitle}</a> <span class="socialicons d-inline"><a href="${urls.groups.showBlogPost(group.CommunityGroupKey.Key, blog.BlogKey.Key, post.BlogPostKey.Key)}"><em>Comments</em><em class="cmt">${post.NumberOfComments}</em></a>| ${showRecommend("BlogPostKey", post.BlogPostKey.Key, post.CurrentUserHasRecommended.toLowerCase() == "false", post.NumberOfRecommendations)}</span>
				<span class="cmd">
				${showReportAbuse("BlogPostKey", post.BlogPostKey.Key, post.CurrentUserHasReportedAbuse.toLowerCase() == "true")}
				{if WIDGETINSTANCE.currentUserCanDelete(post.PostAuthor.UserKey, group)}
					<a class="slIcon_Delete" href="#" onclick="javascript:WIDGETINSTANCE.deletePost('${post.BlogPostKey.Key}');" class="slDelete">Delete</a>
				{/if}
				{if currentUserIsOwner(post.PostAuthor.UserKey)}
					<a class="slIcon_Edit" href="#" onclick="javascript:WIDGETINSTANCE.showEditPostDialog('${post.BlogPostKey.Key}');" class="slDelete">Edit</a>
				{/if}
				</span>
			</h3>
			<h4 class="lastupdated clearfix"><em>Posted by <a href="${urls.personas.home(post.PostAuthor.UserKey.Key)}">${post.PostAuthor.DisplayName}</a> on ${slwidgets.dateFormat(timestamp, "yyyy-mm-dd")}  ${slwidgets.dateFormat(timestamp, "h:MM TT")} ${slwidgets.dateFormat(timestamp, "Z")}</em></h4>
			<ul class="tags clearfix">
				<li class="label">Tagged:</li>
				{for tag in WIDGETINSTANCE.getPostTags(post)}
				<li><a href="${urls.groups.showBlogPostsByTag(options.groupKey, options.blogKey, tag)}">${tag}</a></li>
				{/for}
			</ul>
			${truncateString(post.PostBody, 300)}
			<p class="more"><a href="${urls.groups.showBlogPost(group.CommunityGroupKey.Key, blog.BlogKey.Key, post.BlogPostKey.Key)}">Continue reading <span>»</span></a></p>
		</div>
	{forelse}
		<div class="slNoContent">This group does not have any blog posts yet.</div>
	{/for}

</div>

<div id="right">
	{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
	<div class="module cmd clearfix">
		<h2>Our group's blogs</h2>
		<p>A blog is a great place to share your thoughts and build your own audience. You can use your blog for just about anything from sharing highlights from last nights game, to your experience of being involved in minor hockey.</p>
		<ul>
			<li>Log in and go to My Page</li>
			<li>Within your personal profile page, click on Blog</li>
			<li>To start your blog, go to the Blog Settings page and give your blog a title, tagline and an image</li>
			<li>Then, click on Write New Post and enter your first blog post</li>
			<li>Now you're blogging!</li>
		</ul>
		<a href="#" onclick="WIDGETINSTANCE.showCreatePostDialog()" class="bt"><strong>Write a Post</strong></a>
	</div>
	{/if}

<div class="lineuproll">
		<h3>Recent Tags</h3>
		<dl>
		{for tag in blog.BlogTags}
			<dt class="headline">
			{if options.tagFilter !== tag}<a href="${urls.groups.showBlogPostsByTag(options.groupKey, options.blogKey, tag)}">{/if}
				${tag}
			{if options.tagFilter !== tag}</a>{/if}
			</dt>
		{forelse}
			None
		{/for}
		</dl>
	</div>

<div class="lineuproll">
		<h3>Archives</h3>
		<dl>
			{var zeroMonthCount = null;}
			{for monthCount in monthCounts}
				{if monthCount.MonthId == 0}
					{var zeroMonthCount = monthCount;}
				{else}
					<dt class="headline">
						{if !options.archive || options.archiveMonth != monthCount.MonthId}<a href="#" onclick="WIDGETINSTANCE.setArchiveMonth(${monthCount.MonthId})">{/if}
							${slwidgets.dateFormat(new Date(2008, monthCount.MonthId-1, 1), "mmmm")}
						{if !options.archive || options.archiveMonth != monthCount.MonthId}</a> (${monthCount.BlogPostCount}){/if}
					</dt>
				{/if}
			{forelse}
				No archives
			{/for}
		</dl>
		{if zeroMonthCount}
			<div class="moreheadlines-link more"><a href="#" onclick="WIDGETINSTANCE.setArchiveMonth(0)">Older (${zeroMonthCount.BlogPostCount})</a></div>
		{/if}
	</div>

</div>
</div>
{/if}

${editPostWidget}
${confirmationBox}
${reportAbuseDialog}

<div class="module clearfix">
		${header}
	</div>

<div class="storytools clearfix">
	<span>
		
		Story Tools: <a href="javascript:openEmailPage();">EMAIL</a>  | <a href="javascript:window.print();">PRINT</a>  |
		
		Text Size: <a href="javascript:setActiveStyleSheet('small');" class="fontsml">S</a>
		<a href="javascript:setActiveStyleSheet('default');" class="fontdef">M</a>
		<a href="javascript:setActiveStyleSheet('large');" class="fontlrg">L</a>
		<a href="javascript:setActiveStyleSheet('xtralarge');" class="fontxlrg">XL</a> |
		<span class="reporttypo"><a href="/news/feedback/index_typo.html?" onclick="location.href=this.href + document.title; return false;">REPORT TYPO</a> |</span>
		<a href="/contact/">SEND YOUR FEEDBACK</a> |
	</span>
	<a class="addthis" href="http://www.addthis.com/bookmark.php?v=20" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
</div>
	<div id="storyhead">
		<h1 class="headline">${post.PostTitle}</h1>
		<h4 class="lastupdated clearfix">
			{var timestamp=toLocalTime(post.PostDate)}
			<em>Last Updated: ${slwidgets.dateFormat(timestamp, "yyyy-mm-dd")} ${slwidgets.dateFormat(timestamp, "h:MM TT")} ${slwidgets.dateFormat(timestamp, "Z")}</em>
			<span id="socialhead" class="d-inline">
				<a href="#socialcomments">Comments<em class="cmt">${post.NumberOfComments}</em></a>
				
				${showRecommend("BlogPostKey", post.BlogPostKey.Key, post.CurrentUserHasRecommended.toLowerCase() == "true", post.NumberOfRecommendations)}
			</span>
			<span class="cmd">
				{if currentUserIsOwner(post.PostAuthor.UserKey)}
				<a href="#" onclick="WIDGETINSTANCE.showEditPostDialog('${post.BlogPostKey.Key}');return false;">Edit</a>
				{/if}
				{if WIDGETINSTANCE.currentUserIsGroupManager(group) || currentUserIsOwner(post.PostAuthor.UserKey)}
				<a href="#" onclick="WIDGETINSTANCE.deletePost('${post.BlogPostKey.Key}');return false;">Delete</a>
				{/if}
				${showReportAbuse("BlogPostKey", post.BlogPostKey.Key, post.CurrentUserHasReportedAbuse.toLowerCase() == "true")}
			</span>

</h4>
		<h5 class="byline">By <a href="${urls.personas.home(post.PostAuthor.UserKey.Key)}">${post.PostAuthor.DisplayName}</a></h5>
		<ul class="tags clearfix">
			<li class="label">Tagged:</li>
			{for tag in WIDGETINSTANCE.getPostTags(post)}
			<li><a href="${urls.groups.showBlogPostsByTag(options.groupKey, options.blogKey, tag)}">${tag}</a></li>
			{/for}
		</ul>
	</div>

<div id="storybody">
		${post.PostBody}
	</div>

${comments}

</div>
<div id="storyright">
	{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
	<div class="module cmd clearfix">
		<h2>Our group's blogs</h2>
		<p>A blog is a great place to share your thoughts and build your own audience. You can use your blog for just about anything from sharing highlights from last nights game, to your experience of being involved in minor hockey.</p>
		<ul>
			<li>Log in and go to My Page</li>
			<li>Within your personal profile page, click on Blog</li>
			<li>To start your blog, go to the Blog Settings page and give your blog a title, tagline and an image</li>
			<li>Then, click on Write New Post and enter your first blog post</li>
			<li>Now you're blogging!</li>
		</ul>
		<a href="#" onclick="WIDGETINSTANCE.showCreatePostDialog()" class="bt"><strong>Write a Post</strong></a>
	</div>
	{/if}

</div>
</div>
{/if}

${editPostWidget}
${deleteMessageBox}
${reportAbuseDialog}

<div id="content" class="clearfix">
<div id="left">
	<div class="module clearfix">
		${headerWidget}
	</div>
</div>
<div id="right">
	{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
	<div class="module cmd clearfix">
		<h2>Our group's forums</h2>
		<p>The community allows you many places to hold discussions and share comments with other members.  Join in these discussions or start your own.</p>
		<a href="#" onclick="WIDGETINSTANCE.showNewPostDialog('startDiscussion');return false;" class="bt"><strong>Start a Discussion</strong></a>
	</div>
	{/if}
</div>
</div>

<div id="slGroupDiscussions" class="slGroupDiscussions slV2">
		<div class="slClear"></div>
		<div class="slGroupDiscussionList slTabular"><div class="slTR"><div class="slBL"><div class="slBR">
			<div class="slContent">
				<table>
					<tr>
						<th>Type</th>
						<th>Discussions</th>
						<th>Started By</th>
						<th>Posts</th>
						<th>Latest Post</th>
					</tr>
					{for discussion in discussions}
					{var isAlt = (discussion_index % 2 == 1);}
					<tr class="{if isAlt} slTabularAlt{/if} {if isBozo(discussion.LiteUser)}slBozoContent{/if}">
						{if discussion.IsClosed == "True" && discussion.IsSticky == "True"}
							{var iconClass = "slIcon_DiscussionClosedSticky"}
						{elseif discussion.IsClosed == "True" && discussion.IsQuestion == "True"}
							{var iconClass = "slIcon_DiscussionClosedQuestion"}
						{elseif discussion.IsSticky == "True" && discussion.IsQuestion == "True"}
							{var iconClass = "slIcon_DiscussionStickyQuestion"}
						{elseif discussion.IsClosed == "True"}
							{var iconClass = "slIcon_DiscussionClosed"}
						{elseif discussion.IsSticky == "True"}
							{var iconClass = "slIcon_DiscussionSticky"}
						{elseif discussion.IsQuestion == "True" }
							{var iconClass = "slIcon_DiscussionQuestion"}
						{else}
							{var iconClass = ""}
						{/if}

{var titleText = ""}
						{eval}
							var titleAttributes = new Array();

if (discussion.IsClosed == "True") {
								titleAttributes.push("Closed");
							}
							if (discussion.IsSticky == "True") {
								titleAttributes.push("Sticky");
							}
							if (discussion.IsQuestion == "True") {
								titleAttributes.push("Question");
							}

titleText = titleAttributes.join(", ");
						{/eval}
						<td class="slDiscussionType ${iconClass}" title="${titleText}"> </td>
						<td class="slDiscussionTitle"><a href="${urls.groups.showForumPost(options.groupKey, discussion.ForumDiscussionKey.Key)}">${discussion.DiscussionTitle}</a></td>
						<td class="slDiscussionBy"><a href="${urls.personas.home(discussion.LiteUser.UserKey.Key)}">${discussion.LiteUser.DisplayName}</a></td>
						<td class="slDiscussionPosts">${discussion.PostCount}</td>
						{var timestamp=toLocalTime(discussion.LastUpdated)}
						<td class="slDiscussionReply">${slwidgets.dateFormat(timestamp, "yyyy/mm/dd")} ${slwidgets.dateFormat(timestamp, "h:MM TT")} ${slwidgets.dateFormat(timestamp, "Z")}<br/> by <a href="${urls.personas.home(discussion.LastPostBy.UserKey.Key)}">${discussion.LastPostBy.DisplayName}</td>
					</tr>
					{forelse}
					<tr>
						<td></td>
						<td></td>
						<td></td>
						<td class="slNoContent">There are no discussions at this time.</td>
						<td></td>
					</tr>
					{/for}
				</table>
			</div>
		</div></div></div></div>
		{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
			<a style="margin:10px" href="#" onclick="WIDGETINSTANCE.showNewPostDialog('startDiscussion');return false;" class="bt"><strong>Start a Discussion</strong></a>
		{/if}
		<div class="slPagination clearfix">
<ul>
{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();return false;">« First</a></li>{/if}
{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();return false;">Previous</a></li>{/if}
{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();return false;">Next</a></li>{/if}
{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();return false;">Last »</a></li>{/if}
</ul>
</div>
	</div>

</div>
</div>

{/if}
${newPostWidget}

<div id="content" class="clearfix">
<div id="left">
	<div class="module clearfix">
		${headerWidget}
	</div>
</div>
<div id="right">
	{if WIDGETINSTANCE.currentUserIsGroupMember(group) && !isClosed}
	<div class="module cmd clearfix">
		<h2>Our group's forums</h2>
		<p>The community allows you many places to hold discussions and share comments with other members.  Join in these discussions or start your own.</p>
		<a href="#" onclick="WIDGETINSTANCE.showNewPostDialog();return false" class="bt"><strong>Add new Post</strong></a>
	</div>
	{/if}
</div>
</div>

<div id="slGroupDiscussionThread" class="slGroupDiscussionThread slV2">
	{if posts.length === 0}
		<h3 class="slNoContent">This discussion was not found.</h3>
		<p class="slNoContent">Please <a href="${urls.groups.showForumDiscussion(options.groupKey, group.ForumKey.Key)}">return to the forums</a>.</p>
	{else}
	<div class="slGroupDiscussionPosts">
		{if WIDGETINSTANCE.currentUserIsGroupManager(group)}
		<div class="slAdminUtils">
			{var stickyTitle = 'Set Sticky'}
			{var closedTitle = 'Set Closed'}
			{if isSticky}
				{var stickyTitle = 'Remove Sticky'}
			{/if}
			{if isClosed}
				{var closedTitle = 'Remove Closed'}
			{/if}
			<a href="#" onclick="WIDGETINSTANCE.setSticky(${isSticky}); return false;" class="slIcon_DiscussionSticky" title="${stickyTitle}">${stickyTitle}</a>
			<a href="#" onclick="WIDGETINSTANCE.setClosed(${isClosed}); return false;" class="slIcon_DiscussionClosed" title="${closedTitle}">${closedTitle}</a>
		</div>
		{/if}
		<div class="slSectionTitle slIcon_Conversation">${posts[0].PostTitle}</div>
		<ul>
		{for post in posts}
		{var isAlt = (post_index % 2 == 1);}
		<li class="slItem {if WIDGETINSTANCE.isBozo(post.LiteUser)} slBozoContent{/if}">
			<div class="slPostWrapper {if isAlt} slPostWrapperAlt{/if}">
			{if post.IsEnemyPost == "False"}
				<div class="slUserInfo">
					<ul class="slUserDetails">
						<li><a href="${post.LiteUser.PersonaUrl}" class="slUserName">${post.LiteUser.DisplayName}</a></li>
						<li><span class="slCallout">First Post:</span> ${post.UserFirstPostDate.split(' ')[0]}</li>
						<li><span class="slCallout">Last Post:</span> ${post.UserLastPostDate.split(' ')[0]}</li>
						<li><span class="slCallout">Total Posts:</span> ${post.UserTotalPosts}</li>
					</ul>
				</div>
				{var title = post.PostTitle}
				{if post.IsQuestion === 'True'}
					{var title = 'Question: ' + post.PostTitle}
				{/if}
				<div class="slPost">
					<div id="${postTitleId}${post_index}" class="slHeadline {if post.IsQuestion == "True"} slIcon_DiscussionQuestion {/if}" title="${title}">${post.PostTitle}</div>
					<div class="slPostTime">posted at ${toLocalTimeString(post.LastUpdated)}</div>
					<p>
						${post.PostBody}
					</p>
					{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
					<div class="slUtils">
						{if !isClosed}
							<a href="#" onclick="WIDGETINSTANCE.showReply('${post_index}', 'reply'); return false;" class="slButton1"><span class="slIcon_Reply"><span class="slButton1_Right">Reply to this post</span></a>
						{/if}
						{if getCurrentUser().UserKey.Key !== post.LiteUser.UserKey.Key}<a href="javascript:void(0);" onclick="WIDGETINSTANCE.hidePosts('${post.LiteUser.UserKey.Key}');" class="slIcon_Block">Hide posts from this user</a>{/if}
						{var currentUserHasReportedAbuse = (post.CurrentUserHasRecommended == "True")}
						{if getCurrentUser().UserKey.Key === post.LiteUser.UserKey.Key}
							<a class="slIcon_Edit" href="#" class="slIcon_Edit" onclick="WIDGETINSTANCE.showPostDialog('${post.ForumPostKey.Key}', null, 'edit'); return false;">Edit Post</a>
						{/if}
						{if currentUserCanDelete(post.UserKey, group)}
						<a class="slIcon_Delete" href="#" onclick="WIDGETINSTANCE.deletePost('${post.ForumPostKey.Key}', '${post.PostTitle}')">Delete post</a>
						<textarea id="${postDeleteWarningId}_${post.ForumPostKey.Key}" style="display:none;"><h2>Are you sure you want to delete the post "${post.PostTitle}"?</h2></textarea>
						{/if}
						${showReportAbuse("ForumPostKey", post.ForumPostKey.Key, currentUserHasReportedAbuse)}	
						${reportAbuseDialogWidget}
						<div class="slClear"></div>
					</div>
					{/if}
					<div id="${postReplyContainerId}${post_index}"></div>
					<div class="slClear"></div>
				</div>
			{else}
				<div class="slUserInfo slUserBlocked">
					<a href="${post.LiteUser.PersonaUrl}" class="slUserName">${post.LiteUser.DisplayName}</a>
				</div>
				<div class="slPost">
					You are currently blocking posts from this user.  <a href="javascript:void(0);" onclick="WIDGETINSTANCE.showPosts('${post.LiteUser.UserKey.Key}');">Show Posts from this user</a>
				</div>
			{/if}
			</div>
		</li>
		{/for}
		</ul>
	</div>
	<div class="slPagination clearfix">
<ul>
{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();return false;">« First</a></li>{/if}
{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();return false;">Previous</a></li>{/if}
{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();return false;">Next</a></li>{/if}
{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();return false;">Last »</a></li>{/if}
</ul>
</div>
	<div class="slButtons">
	{if WIDGETINSTANCE.currentUserIsGroupMember(group) && !isClosed}
	<a href="#" onclick="WIDGETINSTANCE.showNewPostDialog();return false" class="bt"><strong>Add new Post</strong></a>
	{/if}
	</div>
	<div id="${postReplyContainerId}-1" class="slClear"></div>
	<div id="${postReplyId}" style="display: none;">
		<div class="slReply">
			<div class="slHeadline">Reply to this Discussion</div>
			<span class="slNote">(Required Fields)</span>
			<div class="slForm">
				<div class="slFormField">
					<label for="${replyTitleId}">Headline<span>*</span></label>
					<input id="${replyTitleId}" type="text" class="slFormInput slFormInputText"/>
					<div id="${replyTitleErrorId}" class="slErrorText">Please enter a title for this discussion</div>
				</div>
				<div class="slFormField" style="width: 510px">
					<label for="${replyBodyId}">Your Reply<span>*</span></label>
					<textarea id="${replyBodyId}" class="slFormInput slFormInputText"></textarea>
					<div id="${replyBodyErrorId}" class="slErrorText">Please enter a reply for this discussion</div>
				</div>
				<div class="slFormField slQuestion">
					<input type="checkbox" id="${replyQuestionId}" class="slFormInputChecked"/> <label for="${replyQuestionId}">Mark this post as a question</label>
				</div>
				<div class="slButtons slFLC">
					<a href="#" onclick="WIDGETINSTANCE.addReply(); return false;" class="slButton1"><span class="slButton1_Right">Add your Reply</span></a>
					<a href="#" onclick="WIDGETINSTANCE.cancelReply(); return false;" class="slCancel">Cancel</a>
				</div>
			</div>
		</div>
	</div>
	{/if}
</div>
{/if}
${newPostWidget}
${confirmationBox}

<div id="content" class="clearfix">
<div id="left">
	<div class="module clearfix">
		${header}
	</div>
	
	<div class="module slInviteFriendForm">

<textarea id="invitation_subject" style="display:none;">${getCurrentUser().DisplayName} would like you to join the group ${group.Title}</textarea>
		<textarea id="invitation_suffix" style="display:none;">Click here to accept an invitation to the "${group.Title}" group: {if group.RequestingUsersMembershipTier === 'Member'} ${urls.groups.overview(group.CommunityGroupKey.Key, true)} {else} ${urls.groups.overview(group.CommunityGroupKey.Key, true, true)} {/if}</textarea>

<div class="slFormField">
			<label>Message:<span>*</span> <span class="slErrorText" id="${blankMessageErrorId}">Please enter a message.</span></label>

<textarea class="slFormInput slFormInputText" id="invitation_body">Greetings,
I am inviting you to join the "${group.Title}" group. Please accept by clicking the link at the end of this email.
Best regards,
${getCurrentUser().DisplayName}</textarea>

</div>

<div class="slFormField addEmail">
			<label>Select friends from the box at the right and/or enter up to ${WIDGETINSTANCE.child['emailList'].context.options.maxEntries} email addresses:</label>
			${emailList}
		</div>

<div class="slButtons slFLC">
			<a href="#" onclick="WIDGETINSTANCE.sendInvitation();return false;" class="bt"><strong>Send Invitation</strong></a>
			<a href="#" onclick="WIDGETINSTANCE.cancel('${group.key}');return false;" class="bt"><strong>Cancel</strong></a>
		</div>
		<div class="slErrorText" id="invitation_targetsError">Please enter at least one email address or select at least one friend.</div>
		<div class="slClear"></div>
		${inviteSentDialog}
		<div id="inviteSuccessDialog" style="display: none;">
			Invitations sent!
			<div class="slButtons slFLC">
				<a href="#" onclick="WIDGETINSTANCE.allDone();" class="slButton1"><span class="slButton1_Right">OK</span></a>
			</div>
		</div>
		<div id="inviteFailedDialog" style="display: none;">
			An error occurred!
			<div class="slButtons slFLC">
				<div id="inviteFailedDialog_reason" class="slErrorText" style="display: block;"></div>
				<a href="#" onclick="WIDGETINSTANCE.hideDialog();" class="slButton1"><span class="slButton1_Right">Cancel</span></a>
			</div>
		</div>

</div>
</div>

<div class="module">
		<h2 class="modhead">Select a Friend</h2>
		${friendSelector}
	</div>

</div>
</div>

<div class="slFriendSelector">
	{if friends.length <= 0}
		<p>Keep track of your friends. Click the "Add me as a friend" button on your friend's pages. </p>
	{else}
		<ul>
		{for friend in friends}
			{if WIDGETINSTANCE.isSelected(friend.UserKey.Key)}
			  <li class="slSelectedUser" onclick="WIDGETINSTANCE.toggleSelection('${friend.UserKey.Key}')" id="friendList_${friend.UserKey.Key}">
			  <div class="slCheckboxWrapper">
			    <input id="friendListCheckBox_${friend.UserKey.Key}" type="checkbox" checked="checked"/>
			  </div>
			{elseif memberships[friend.UserKey.Key] && (memberships[friend.UserKey.Key] == "Member" || memberships[friend.UserKey.Key] == "Registrant" || memberships[friend.UserKey.Key] == "GroupAdmin") || memberships[friend.UserKey.Key] == "Manager"}
			  <li class="slNonSelectableUser" id="friendList_${friend.UserKey.Key}">
			  <div class="slCheckboxWrapper"> </div>
			{else}
			  <li class="slSelectableUser" onclick="WIDGETINSTANCE.toggleSelection('${friend.UserKey.Key}')" id="friendList_${friend.UserKey.Key}">
			  <div class="slCheckboxWrapper">
			    <input id="friendListCheckBox_${friend.UserKey.Key}" type="checkbox"/>
			  </div>
			{/if}
				  <a class="slAvatar"><img class="slAvatarTiny" src="${friend.ImageUrl}"/></a>
				  <div class="slInfo">
					  <div class="slHeadline">${friend.DisplayName}</div>
					    {if memberships[friend.UserKey.Key] && memberships[friend.UserKey.Key] == "GroupAdmin"}
						  <span id="friendInviteStatus_${friend.UserKey.Key}" class="slAlreadyGroupMemeber">Already a member</span>
						{elseif memberships[friend.UserKey.Key] && memberships[friend.UserKey.Key] == "Manager"}
						  <span id="friendInviteStatus_${friend.UserKey.Key}" class="slAlreadyGroupMemeber">Already a member</span>
						{elseif memberships[friend.UserKey.Key] && memberships[friend.UserKey.Key] == "Member"}
						  <span id="friendInviteStatus_${friend.UserKey.Key}" class="slAlreadyGroupMemeber">Already a member</span>
						{elseif memberships[friend.UserKey.Key] && memberships[friend.UserKey.Key] == "Registrant"}
						  <span id="friendInviteStatus_${friend.UserKey.Key}" class="slAlreadyGroupMemeber">Membership pending</span>
						{elseif WIDGETINSTANCE.isSelected(friend.UserKey.Key)}
						  <span id="friendInviteStatus_${friend.UserKey.Key}">Selected</span>
						{else}
						  <span id="friendInviteStatus_${friend.UserKey.Key}">Invite Me!</span>
						{/if}
				  </div>
			  </li>
		{/for}
		</ul>
	{/if}

</div>

{macro getTitle(item)}
  {if item.BlogPostKey}
    <a href="${urls.groups.showBlogPost(options.groupKey, item.BlogPostKey.Key.substring(0,item.BlogPostKey.Key.indexOf('Post')), item.BlogPostKey.Key)}">${item.PostTitle}</a> (Blog Post)
  {elseif item.ForumPostKey}
    <a href="${urls.groups.showForumPost(options.groupKey, item.ForumPostKey.Key)}">${item.PostTitle}</a> (Forum Post)
  {elseif item.PhotoKey}
    <a href="${urls.groups.showPhoto(options.groupKey, group.PhotoGalleryKey.Key, item.PhotoKey.Key)}">${item.Title}</a> (Photo)
  {elseif item.VideoKey}
    <a href="${urls.groups.showVideo(options.groupKey, group.VideoGalleryKey.Key, item.VideoKey.Key)}">${item.Title}</a> (Video)
  {elseif item.EventKey}
    <a href="${urls.groups.showEvent(options.groupKey, item.EventKey.Key)}">${item.Title}</a> ({if item.isPast}Past Event{else}Event{/if})
  {elseif item.CommentKey}
    Comment on ${getTitle(commentedOnItems[item.CommentedOnKey])}
  {elseif item.GalleryKey}
	<a href="${urls.groups.showGallery(item.AssociatedCommunityGroupKey.Key, item.GalleryKey.Key, item.MediaType.Name)}">${item.Title}</a> (${item.MediaType.Name} Gallery)
  {elseif item.UserKey}
	<a href="${urls.personas.home(item.UserKey.Key)}">${truncateString(item.DisplayName, 500)}</a> (User)
  {else}
    
  {/if}
{/macro}

{macro truncateBody(body)}
	{if options.maxBodyLength > 0}
		${truncateString(body, options.maxBodyLength)}
	{else}
		{body}
	{/if}
{/macro}

<div id="content" class="clearfix">
<div id="left">
	<div class="module clearfix">
		${header}
		${searchBar}
	</div>

<div class="module">
		<div class="slSearchResults slContainer">
		 <h2 class="modhead">${resultsPage.NumberOfSearchResults} Search Result{if resultsPage.NumberOfSearchResults != 1}s{/if} for "${options.searchString}" in ${group.Title}</h2>
		 <div class="slPagination clearfix">
		  <ul>
			  {if paginationVars.firstPageNum}<li><a href="#" onclick="WIDGETINSTANCE.firstPage();return false;">« First</a></li>{/if}
			  {if paginationVars.prevPageNum}<li><a href="#" onclick="WIDGETINSTANCE.prevPage();return false;">Previous</a></li>{/if}
			  {if paginationVars.nextPageNum}<li><a href="#" onclick="WIDGETINSTANCE.nextPage();return false;">Next</a></li>{/if}
			  {if paginationVars.lastPageNum}<li><a href="#" onclick="WIDGETINSTANCE.lastPage();return false;">Last »</a></li>{/if}
		  </ul>
		  </div>
		  <div class="slClear"></div>
		 <ul class="slContent">
		    {for item in results}
		
				{var title = getTitle(item)}
				{var userUrl = ''}
				{var userText = false}
				{var body = false}
				{var thumbnailUrl = false}
				{var thumbnailLinkUrl = false}
				{var readMoreLink = false}
				{var readMoreText = "Read More »"}
				{var userIsBozo = false}
		        {if item.BlogPostKey}
					{var userKey = item.PostAuthor.UserKey.Key}
					{var userText = item.PostAuthor.DisplayName}
					{var body = item.PostBody}
					{var readMoreLink = urls.groups.showBlogPost(options.groupKey, item.BlogPostKey.Key.substring(0,item.BlogPostKey.Key.indexOf('Post')), item.BlogPostKey.Key)}
					{var userIsBozo = isBozo(item.PostAuthor)}
		        {elseif item.CommentKey}
					{var userKey = item.Author.UserKey.Key}
					{var userText = item.Author.DisplayName}
					{var body = item.CommentBody}
					{var userIsBozo = isBozo(item.Author)}
		        {elseif item.ForumPostKey}
					{var userKey = item.LiteUser.UserKey.Key}
					{var userText = item.LiteUser.DisplayName}
					{var body = item.PostBody}
					{var readMoreLink = urls.groups.showForumPost(options.groupKey, item.ForumPostKey.Key)}
					{var userIsBozo = isBozo(item.LiteUser)}
		        {elseif item.PhotoKey}
					{var userKey = item.Author.UserKey.Key}
					{var userText = item.Author.DisplayName}
					{var body = item.Description}
					{var thumbnailLinkUrl = urls.groups.showPhoto(options.groupKey, group.PhotoGalleryKey.Key, item.PhotoKey.Key)}
					{var thumbnailUrl = item.Image.Small}
					{var readMoreText = "View »"}
					{var readMoreLink = urls.groups.showPhoto(options.groupKey, group.PhotoGalleryKey.Key, item.PhotoKey.Key)}
					{var userIsBozo = isBozo(item.Author)}
		        {elseif item.VideoKey}
					{var userKey = item.Author.UserKey.Key}
					{var userText = item.Author.DisplayName}
					{var body = item.Description}
					{var thumbnailLinkUrl = urls.groups.showVideo(options.groupKey, group.VideoGalleryKey.Key, item.VideoKey.Key)}
					{var thumbnailUrl = item.VideoThumbnail}
					{var readMoreText = "View »"}
					{var readMoreLink = urls.groups.showVideo(options.groupKey, group.VideoGalleryKey.Key, item.VideoKey.Key)}
					{var userIsBozo = isBozo(item.Author)}
		        {elseif item.EventKey}
					{var body = '<p class="slEventDateTime">' + toLocalTimeString(item.StartDate) + ' - ' + toLocalTimeString(item.EndDate) + '</p>' + item.Description}
					{var readMoreText = "View »"}
					{var readMoreLink = urls.groups.showEvent(options.groupKey, item.EventKey.Key)}
					{var userIsBozo = isBozo(item.Author)}
				{elseif item.GalleryKey}
					{var body = item.Description}
					{var readMoreText = "View »"}
					{var readMoreLink = urls.groups.showGallery(item.AssociatedCommunityGroupKey.Key, item.GalleryKey.Key, item.MediaType.Name)}
				{elseif item.UserKey}
					
					{var body = item.AboutMe}
					{var thumbnailLinkUrl = urls.personas.home(item.UserKey.Key)}
					{var thumbnailUrl = item.AvatarPhotoUrl}
					{var userIsBozo = isBozo(item)}
				{else}
					
				{/if}
		      <li class="slSearchResult {if userIsBozo} slBozoContent{/if} clearfix">
					<div class="slSearchResultTitle">${title}</div>
					{if thumbnailUrl}
						{if userText}
						<div class="slThumbnail"><a href="${thumbnailLinkUrl}"><img src="${thumbnailUrl}"></a></div>
						{/if}
					{/if}
					{if userText}<div class="slByUser">by <a href="${urls.personas.home(userKey)}">${userText}</a></div>{/if}
					{if body}<div class="slBody"><p>${truncateBody(body)}</p></div>{/if}
					{if readMoreLink}<div class="slReadMore"><a href="${readMoreLink}">${readMoreText}</a></div>{/if}
					</li>
			{forelse}
				<p class="slDefaultText">We didn't find any results for your search in this group. You may want to <a href="${urls.groups.showForumDiscussion(options.groupKey, group.ForumKey.Key, true)}">start a discussion</a> in the forum if you have a question.</p>
		    {/for}
		  </ul>

</div>
</div>

{eval}
	if (WIDGETINSTANCE.currentUserIsGroupAdmin(group) || WIDGETINSTANCE.currentUserIsGroupManager(group)) memberClass = "tall"; else memberClass = "";
{/eval}

{macro memberLayout(membershipTier, member)}
	{if (group.RequestingUsersMembershipTier == 'GroupAdmin') && (user.UserKey.Key != member.User.UserKey.Key)}
		<div class="useradmin">
		<h3>Admin Tools</h3>
		{if membershipTier == 'Manager'}
			{if WIDGETINSTANCE.currentUserTierAtLeast(getCurrentUser(), "editor")}
				<a href="#" onclick="WIDGETINSTANCE.promoteToAdmin('${member.User.UserKey.Key}','${member.User.DisplayName}');return false;" class="slDemote">Make Group Admin</a>
			{/if}
			<a href="#" onclick="WIDGETINSTANCE.demoteMember('${member.User.UserKey.Key}','${member.User.DisplayName}');return false;" class="slDemote">Demote Member</a>
		{/if}
		{if membershipTier == 'Member'}
			<a href="#" onclick="WIDGETINSTANCE.promoteMember('${member.User.UserKey.Key}','${member.User.DisplayName}');return false;" class="slDemote">Promote to Manager</a>
		{/if}
		{if membershipTier == 'Member' || membershipTier == 'Manager'}
			<a href="#" onclick="WIDGETINSTANCE.banMember('${member.User.UserKey.Key}','${member.User.DisplayName}');return false;" class="slBan">Ban Member</a>
		{/if}
		{if displayBannedMembers == true}
			<a href="#" onclick="WIDGETINSTANCE.revokeBannedStatus('${member.User.UserKey.Key}','${member.User.DisplayName}');return false;" class="slBan">Revoke Banned Status</a>
		{/if}
		</div>
	{elseif (group.RequestingUsersMembershipTier == 'Manager')}
		<div class="useradmin">
		<h3>Manager Tools</h3>
		{if membershipTier == 'Member'}
			<a href="#" onclick="WIDGETINSTANCE.banMember('${member.User.UserKey.Key}','${member.User.DisplayName}');return false;" class="slBan">Ban Member</a>
		{/if}
		{if displayBannedMembers == true}
			<a href="#" onclick="WIDGETINSTANCE.revokeBannedStatus('${member.User.UserKey.Key}','${member.User.DisplayName}');return false;" class="slBan">Revoke Banned Status</a>
		{/if}
		</div>
	{/if}
{/macro}
{macro displayMember(member)}
	{eval}
		gr_user_avatar = member.User.ExtendedProfile.Sports_Hockey_Grassroots_UserPhoto_Image;
		if (gr_user_avatar) {
			gr_user_avatar = gr_user_avatar.replace(/Pending\//,'');
			gr_user_avatar = gr_user_avatar.replace(/SIZE/,'Small');
		} else {
			gr_user_avatar = "/sports/hockey/ourgame/community/gfx/default_avatar.jpg";
		}
	{/eval}
<div class="member ${memberClass}">
<div class="clearfix">
<a class="img" href="${urls.personas.home(member.User.UserKey.Key)}"><img alt="${member.User.DisplayName}" src="${gr_user_avatar}"/></a>
<dl>
	<dt><a {if member.MembershipTier == "GroupAdmin"} class="slIcon_AdminBadge" {/if} href="${urls.personas.home(member.User.UserKey.Key)}">${member.User.DisplayName}</a></dt>
	<dd>{if member.MembershipTier == 'GroupAdmin'}Group Admin{elseif member.MembershipTier == 'Manager'}Group Manager{else}${member.MembershipTier}{/if}</dd>
	<dd>${member.User.ExtendedProfile.Sports_Hockey_Grassroots_Position}</dd>
	<dd>${member.User.ExtendedProfile.Sports_Hockey_Grassroots_Team}</dd>
	<dd class="friends">${member.User.NumberOfFriends} Friend {if member.User.NumberOfFriends > 1 || member.User.NumberOfFriends == 0}s{/if}</dd>
</dl>
</div>
{if pendingMemberSelected == 'false'}
{if !generateSearchResults}
	${memberLayout(member.MembershipTier, member)}
{else}
	${memberLayout(member.membership.MembershipTier, member)}
{/if}
{/if}
{if pendingMemberSelected == 'true'}
<div class="useradmin">
	<h3>Admin Tools</h3>
	<a href="#" onclick="WIDGETINSTANCE.approveMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slApprove">Approve Member</a>
	<a href="#" onclick="WIDGETINSTANCE.denyMember('${member.User.UserKey.Key}', '${groupKeyString}', '${member.User.DisplayName}');" class="slDeny">Deny Member</a>
</div>
{/if}
</div>
{/macro}	
{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
<div id="content" class="clearfix">
<div id="left">
	<div class="module">
		<h2 class="modhead"><a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private group.  You must be a member to view its membership list.</h2>
	</div>
</div>
</div>
{else}

<div id="content" class="clearfix">
<div id="left">
	<div class="module clearfix">
		${header}
		{if !displayPendingMembers && !displayBannedMembers && !displayGroupManagers}
			${searchBar}
		{/if}
	</div>

{if !generateSearchResults}
		<div class="clearfix">
			<ul class="sort">
				<li class="label">Sort by:</li>
				<li {if sortName} class="active" {/if}><a href="#" onclick="WIDGETINSTANCE.resortName();return false;" {if sortName == 'AlphabeticalDescending'} class="slIcon_DownArrow" {elseif sortName == 'AlphabeticalAscending'} class="slIcon_UpArrow"{/if}>Name</a></li>
				<li {if sortDate} class="active last" {/if}  class="last"><a href="#" onclick="WIDGETINSTANCE.resortDate();return false;" {if sortDate == 'TimeStampDescending'} class="slIcon_DownArrow" {elseif sortDate == 'TimeStampAscending'} class="slIcon_UpArrow"{/if}>Date Joined</a></li>
			</ul>
			<ul class="sort filter">
				<li class="label">Filter by:</li>
				<li {if group.RequestingUsersMembershipTier === 'Member'} class="last" {/if} {if displayPendingMembers == false && displayBannedMembers == false && displayGroupManagers == false} class="active" {/if}><a href="#" onclick="WIDGETINSTANCE.showCurrentMembers();return false;">Current Members (${group.CommunityGroupStats.MemberCount})</a></li>
				{if group.CommunityGroupVisibility == 'Private' && group.RequestingUsersMembershipTier == 'GroupAdmin' || group.RequestingUsersMembershipTier == 'Manager'}
					<li {if displayPendingMembers == true} class="active" {/if}><a href="#" id="${pendingMemberId}" onclick="WIDGETINSTANCE.showPendingMembers();return false;">Pending Members (${group.CommunityGroupStats.PendingMemberCount})</a></li>
				{/if}
				{if group.RequestingUsersMembershipTier == 'GroupAdmin' || group.RequestingUsersMembershipTier == 'Manager'}
					<li {if group.RequestingUsersMembershipTier === 'Manager'} class="last" {/if} {if displayBannedMembers == true} class="active" {/if}><a href="#" onclick="WIDGETINSTANCE.showBannedMembers();return false;">Banned Members</a></li>
				{/if}
				{if group.RequestingUsersMembershipTier == 'GroupAdmin'}
					<li  {if displayGroupManagers == true} class="active last" {/if} class="last"><a href="#" onclick="WIDGETINSTANCE.showGroupManagers();return false;">Group Managers</a></li>
				{/if}
			</ul>
		</div>
		{/if}
		{if admins.length > 0}
		<div class="memberlist groupadminlist clearfix">
			{for admin in admins}
				${displayMember(admin)}
			{/for}
		</div>
		{/if}
		<div class="memberlist clearfix">
			{for member in members}
				${displayMember(member)}
			{/for}
		</div>
		{if emptySearchResults}<p>Your search returned no results.</p>{/if}
		{if noBannedMembers}<p>There are no banned users.</p>{/if}
		{if noPendingMembers}<p>There are no pending members.</p>{/if}

</div>

</div>
</div>

{/if}
${messageBox}

{if commentPage.NumberOfComments > 0}
	<h4 class="icon">Comments (<em class="cmt">${commentPage.NumberOfComments}</em>)</h4>

<div id="cmt-wrapper">
	{for comment in comments}
		{var timestamp=toLocalTime(comment.PostedAtTime)}
		<div class="comment clearfix {if WIDGETINSTANCE.isBozo(comment.Author)} slBozoContent{/if}">
			<div class="clearfix">
				<span><strong><a target="_blank" title="View ${comment.Author.DisplayName}'s Page" href="/membercentre/ViewMember.aspx?u=8144222"><em>${comment.Author.DisplayName}</em></a> wrote:</strong>Posted ${slwidgets.dateFormat(timestamp, "yyyy-mm-dd")}<br/>at ${slwidgets.dateFormat(timestamp, "h:MM TT")} ${slwidgets.dateFormat(timestamp, "Z")}</span>
				<span class="r">${comment.CommentBody}</span>
			</div>
			<div class="cmd clearfix">
				<span class="l-full">
					<strong>${comment.NumberOfRecommendations}</strong>
					{if comment.NumberOfRecommendations == 0}
					<em>Be the first</em><em>to recommend</em><em>this comment</em>
					{elseif}
					<em>{if comment.NumberOfRecommendations == 1}Person{else}People{/if}</em><em>recommended</em><em>this comment</em>
					{/if}
				</span>
				<span class="r">
					{if comment.ContentBlockingState != "BlockedByAdmin"}
						${showRecommend("CommentKey", comment.CommentKey.Key, comment.CurrentUserHasRecommended.toLowerCase() == "true", comment.NumberOfRecommendations)}
						${showReportAbuse("CommentKey", comment.CommentKey.Key, comment.CurrentUserHasReportedAbuse.toLowerCase() == "true")}
						{if WIDGETINSTANCE.currentUserIsGroupManager(group)}
							<a href="#" onclick="javascript:WIDGETINSTANCE.deleteComment('${comment.CommentKey.Key}');return false;" class="slIcon_Delete">Delete</a>
						{/if}
					{/if}

</span>
			</div>
		</div>
	{/for}
	</div>
{/if}
	<div class="slPagination clearfix">
<ul>
{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();return false;">« First</a></li>{/if}
{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();return false;">Previous</a></li>{/if}
{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();return false;">Next</a></li>{/if}
{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();return false;">Last »</a></li>{/if}
</ul>
</div>

</div>

<div id="socialcomments-submit" class="d-block">
	<h4>Post your comment</h4>
	<p class="notice">Note: The CBC does not necessarily endorse any of the views posted. By submitting your comments, you acknowledge that CBC has the right to reproduce, broadcast and publicize those comments or any part thereof in any manner whatsoever. Please note that comments are pre-moderated/reviewed and published according to our <a target="_blank" href="/aboutcbc/discover/submissions.html">submission guidelines</a>.</p>

{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
	<span id="comment_BodyError" class="statusbox">Please enter a comment.</span>
	<span id="${rapidPostingErrorId}" class="statusbox">We restrict rapid posting of multiple comments. You have already posted a comment within the last several seconds. Please try again later.</span>
	<div id="cmt-form-wrapper">
		<div class="clearfix" id="cmt-form-label">
			<span class="label">Comment:</span>
		</div>
		<textarea id="comment_body"></textarea>
		<span class="cmd">
			<a href="#" onclick="WIDGETINSTANCE.createComment(true);return false;" class="bt"><strong>Post</strong></a>
			<a target="_blank" href="/aboutcbc/discover/termsofuse.html#Submissions">Submission policy</a>
		</span>
	</div>
	{else}
	<span class="statusbox d-block">You must be a member of this group to post a comment.</span>
	{/if}

</div>

${deleteCommentMessageBox}
${reportAbuseDialog}