// JavaScript Document
var fUrl = "flickr_proxy.php";
var fXpath = "/rss/channel/item";
var fData = new Spry.Data.XMLDataSet(fUrl, fXpath, { entityEncodeStrings: false });

var filterImag = function(dataSet, row, rowNumber)
{
	row["media:thumbnail/@url"] = row["media:thumbnail/@url"].replace("_s", "_t");
	return row;
}
fData.filterData(filterImag);

Spry.Utils.addLoadListener(function()
{
	Spry.$$("#flickrContainer").setAttribute("spry:region", "fData");
	
	Spry.$$("#loadingFlickr").setAttribute("spry:state", "loading");
	Spry.$$("#readyFlickr").setAttribute("spry:state", "ready");
	Spry.$$("#errorFlickr").setAttribute("spry:state", "error");
	
	Spry.$$(".flickrItem").setAttribute("spry:repeat", "fData");
	Spry.$$(".flickrItem img").setAttribute("src", "{media:thumbnail/@url}").setAttribute("width", "100").setAttribute("height", "75");
	Spry.$$(".flickrItem a").setProperty("innerHTML", "{title}").setAttribute("href", "{link}");
	
	Spry.$$("#flickrContainer").removeAttribute("style");
});