var ds1 = new Spry.Data.HTMLDataSet("elodataset.html", "elotable", {firstRowAsHeaders: false, columnNames: ['Title', 'Employee']});



Spry.Utils.addLoadListener(function() {
	Spry.$$("#div1").setAttribute('spry:region', 'ds1');
	Spry.$$("#div2").setAttribute('spry:repeat', 'ds1');
	Spry.$$("#div2").setAttribute('spry:setrow', 'ds1');
	Spry.$$("#div2").setAttribute('spry:hover', 'MasterColumnHover');
	Spry.$$("#div2").setAttribute('spry:select', 'MasterColumnSelected');
	Spry.$$("#div2").forEach(function(n){ n.id = n.id + "_1_{ds1::ds_RowID}"; }); // Ensures each instance of this repeating element has a unique id.
	Spry.$$("#div3").setAttribute('spry:detailregion', 'ds1');

	Spry.Data.initRegions();
});