#include header.html

<div id="content" class="{if columns == 1}single{else}double{/if}">

	{if singleFeed}
	<div id="subscription" class="{if feed.subscribed}subscribed{else}unsubscribed{/if}">
		<div id="message">${stringBundle.GetStringFromName("flock.feed.temp.preview.info")}</div>
		<div id="action"><a class="subscribe" href="${feed.url}" onclick="subscribeFeed('${feed.url}'); return false;">${stringBundle.GetStringFromName("flock.feed.temp.subscribe")}</a></div>
	</div>
	{/if}
	
	{var group = null}
	{for post in allPosts}
		{if group != post.group}
			{if group}</div>{/if}
			{var group = post.group}
			{var feedItemCount = 0}
			<div id="read-open"><h2 class="state">{if group == "unread"}${stringBundle.GetStringFromName("flock.feed.temp.main.new")}{/if}{if group == "flagged"}${stringBundle.GetStringFromName("flock.feed.temp.savedArts")}{/if}{if group == "read"}${stringBundle.GetStringFromName("flock.feed.temp.main.viewed")}{/if}</h2>
		{/if}
	  {var postdate = new Date(post.datevalue);
	   var time = postdate.toPrettyDateTimeString();
          var savedClass = post.flagged ? 'saved' : 'unsaved';
          var escapedTitle = encodeURIComponent(post.title).replace(/\'/g, "%27");
          var escapedContent = encodeURIComponent(post.description).replace(/\'/g, "%27");
          var escapedExcerpt = encodeURIComponent(post.excerpt).replace(/\'/g, "%27");
          feedItemCount++;}
		<div id="${post.id}" class="post ${postStyle}{if post.read} read{else} unread{/if}{if (feedItemCount % 2) == 1} odd{/if}">
		<h3 class="postHeader"><a href="${post.link}" onmouseover="if (!this.parentNode.parentNode.getAttribute('class').match(/headlines/)) return; popupManager.showPopup(event, '${escapedExcerpt}');" onmouseout="if (!this.parentNode.parentNode.getAttribute('class').match(/headlines/)) return; popupManager.hidePopup();">${post.title}</a>	</h3>
		<div class="date">{if !singleFeed}<span class="source"><a href="${feeds[post.feed].link}"><img src="{if feeds[post.feed].favicon}${feeds[post.feed].favicon}{else}chrome://browser/skin/flock/feed/feed{if feeds[post.feed].subscribed}-subscribed{/if}.png{/if}" /></a> <a href="${feeds[post.feed].link}">${feeds[post.feed].title}</a> &bull;</span> {/if}${time}</div>
		<div class="postContent postexcerpt">${post.excerpt}</div>
		<div class="postContent postbody">${post.description}</div>
		<div class="postFooter">
			<span class="readUnread">
				<label><input id="read-${post.id}" class="checkbox" type="checkbox" {if post.read} checked="checked"{/if} onchange="if(this.checked) return markRead('${feeds[post.feed].url}', '${post.id}'); else return markUnread('${feeds[post.feed].url}', '${post.id}');"/> ${stringBundle.GetStringFromName("flock.feed.temp.root.viewed")}</label>
			</span>
			<span class="savePost">
				<a href="#" class="${savedClass}" id="save-${post.id}" onclick="flagPost('${feeds[post.feed].url}', '${post.id}', 'save-${post.id}'); return false;">${stringBundle.GetStringFromName("flock.feed.temp.root.save")}</a>
			</span>
			<span class="blogThis">
				<a href="#" onclick="blogThis('${post.link}', '${escapedTitle}', '${escapedContent}'); return false;">${stringBundle.GetStringFromName("flock.feed.temp.root.blog")}</a>
			</span>
		</div>
	</div>
	{/for}
	
	{if allPosts.length > 0}</div>{/if}
		
</div>

#include footer.html