<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>RSS Reader Demo</title>
<link href="../css/screen.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="../../includes/xpath.js"></script>
<script type="text/javascript" src="../../includes/SpryData.js"></script>
<script>
var dsCategories = new Spry.Data.XMLDataSet("data/LocalFeeds.xml", "feeds/feed/category", { distinctOnLoad: true, sortOnLoad: "category" });
var dsFeeds = new Spry.Data.XMLDataSet("data/LocalFeeds.xml", "feeds/feed", { sortOnLoad: "title" });
var dsChannel = new Spry.Data.XMLDataSet("data/feed{dsFeeds::@id}.xml", "//channel");
var dsArticles = new Spry.Data.XMLDataSet("data/feed{dsFeeds::@id}.xml", "//item");
dsArticles.setColumnType("pubDate", "date");
</script>
</head>
<body>
<noscript><h1>This page requires JavaScript. Please enable JavaScript in your browser and reload this page.</h1></noscript>
<div id="wrap">
<h1>RSS Reader Demo<span class="return"><a href="../index.html">Back to Demos</a></span><span class="source"><a href="source.html">View Source </a></span></h1>
<div id="LeftColumn">
<div id="RSSFeedsTitle">
<h2>Feeds</h2>
</div>
<div id="RSSFeedsList" spryregion="dsCategories dsFeeds">
<div spryrepeat="dsCategories" class="ListBoxItemGroup">
<div class="ListBoxItemTitle">{dsCategories::category}</div>
<div spryrepeat="dsFeeds" class="ListBoxItem" sprytest="'{dsCategories::category}' == '{dsFeeds::category}'" onclick="dsFeeds.setCurrentRow('{dsFeeds::ds_RowID}');" spryselectgroup="feedsList" spryselect="SelectedListBoxItem" spryhover="ListBoxItemHover">{dsFeeds::title}</div>
</div>
</div>
</div>
<div id="RightColumn">
<div id="articles">
<!-- <div id="RSSChannelTitle" spryregion="dsChannel">
<h2>{title}</h2>
</div>-->
<div id="columnHeadings">
<div id="SubjectTitle" onclick="dsArticles.sort('title');">Subject</div>
<div id="PubDateTitle" onclick="dsArticles.sort('pubDate');">Published Date</div>
</div>
<div id="RSSItemsList" spryregion="dsArticles">
<div spryrepeat="dsArticles">
<div sprychoose="sprychoose">
<div sprywhen="{ds_RowNumber}%2 != 0" class="EvenRow RSSItemListRow" onclick="document.getElementById('RSSItemContentIFrame').src='{link}';" spryselectgroup="itemsList" spryselect="SelectedListBoxItem" spryhover="ListBoxItemHover">
<div class="SubjectColumn">{title}</div>
<div class="PubDateColumn">{pubDate}</div>
</div>
<div sprydefault="sprydefault" class="RSSItemListRow" onclick="document.getElementById('RSSItemContentIFrame').src='{link}';" spryselectgroup="itemsList" spryselect="SelectedListBoxItem" spryhover="ListBoxItemHover">
<div class="SubjectColumn">{title}</div>
<div class="PubDateColumn">{pubDate}</div>
</div>
</div>
</div>
</div>
</div>
<div id="RSSItemContent">
<iframe id="RSSItemContentIFrame" src=""></iframe>
</div>
</div>
<div class="ClearAll"> </div>
</div>
</body>
</html>