var ds1 = new Spry.Data.HTMLDataSet("uedataset.html", "upelemtable1", {firstRowAsHeaders: false, columnNames: ['Title', 'Employee']});
var ds2 = new Spry.Data.HTMLDataSet("uedataset.html", "upelemtable2", {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.$$("#div4").setAttribute('spry:region', 'ds2');
	Spry.$$("#div5").setAttribute('spry:repeat', 'ds2');
	Spry.$$("#div5").setAttribute('spry:setrow', 'ds2');
	Spry.$$("#div5").setAttribute('spry:hover', 'MasterColumnHover');
	Spry.$$("#div5").setAttribute('spry:select', 'MasterColumnSelected');
	Spry.$$("#div5").forEach(function(n){ n.id = n.id + "_2_{ds2::ds_RowID}"; }); // Ensures each instance of this repeating element has a unique id.
	Spry.$$("#div6").setAttribute('spry:detailregion', 'ds2');

// BeginWebWidget jQuery_UI_Tabs: jQueryUITabs1
jQuery("#jQueryUITabs1 > ul").tabs({ event: "click" });

// EndWebWidget jQuery_UI_Tabs: jQueryUITabs1
    


	Spry.Data.initRegions();
});