// JavaScript Document
var ds1 = new Spry.Data.HTMLDataSet(null, "gallery", {rowSelector:"div.galleryItem", dataSelector:"p", columnNames:["Thumbnail", "PictureTitle", "Artist", "Price", "HiRez"]}); 
Spry.Utils.addLoadListener(function() { 
	Spry.$$("#slidingGallery").setAttribute("spry:region", "ds1"); 	
	Spry.$$("#panelContents").setAttribute("spry:repeat", "ds1"); 	
	Spry.$$("#panelContents").setAttribute("spry:setrow", "ds1"); 	
	Spry.$$("#detailArea").setAttribute("spry:detailregion", "ds1"); 
	
	Spry.$$("#firstPanel").addEventListener("click", function(){sp.showFirstPanel(); return false;}, false); 				    Spry.$$("#previousPanel").addEventListener("click", function(){sp.showPreviousPanel(); return false;}, false); 	
	Spry.$$("#nextPanel").addEventListener("click", function(){sp.showNextPanel(); return false;}, false); 	
	Spry.$$("#lastPanel").addEventListener("click", function(){sp.showLastPanel(); return false;}, false);
	
	var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
	var sp = new Spry.Widget.SlidingPanels("slidingGallery");
	Spry.$$(".thumbnail a").removeAttribute("href");
	
	Spry.$$("#slidingGallery").setStyle("display:block"); 
	Spry.$$("#detailArea").setStyle("display:block"); 
	Spry.$$("#panelNav").setStyle("display:block");
	
	Spry.Data.initRegions();
});