<application>	<window caption="List Test" width="400" height="500" centered="true"/>	<resources>		<script><![CDATA[function ListTest() {	var d0 = new Date;	var win = application.getWindow();	var l1 = new BiList;	var l2 = new BiList;	var li;	var img = new BiImage("images/folder.open.48.png", 48, 48);	var out1 = new BiLabel;	var out2 = new BiLabel;	l1.setLocation(5, 5);	l1.setWidth(150);	l1.setBottom(160);	l1.setMultipleSelection(false);	l2.setLocation(160, 5);	l2.setRight(5);	l2.setBottom(160);	out1.setOverflow("auto");	out1.setLeft(5);	out1.setBottom(5);	out1.setSize(150, 150);	out2.setOverflow("auto");	out2.setLeft(160);	out2.setRight(5);	out2.setBottom(5);	out2.setHeight(150);	for (var i = 0; i < 50; i++) {		li = new BiListItem("Item " + i);		li.setAlign("center");		li.setIconPosition("top");		li.setIcon(img);		//li.setHtml("Item <b>" + i + "</b>");		l1.add(li);	}	for (var i = 0; i < 100; i++) {		li = new BiListItem("Item " + i);		l2.add(li);	}	win.add(l1);	win.add(l2);	win.add(out1);	win.add(out2);	l1.addEventListener("change", function () {		var sb = [];		var items = l1.getSelectedItems();		for (var i = 0; i < items.length; i++)			sb[i] = items[i].getText();		out1.setHtml(sb.join("<br>"));	});	l2.addEventListener("change", function () {		var sb = [];		var items = l2.getSelectedItems();		for (var i = 0; i < items.length; i++)			sb[i] = items[i].getText();		out2.setHtml(sb.join("<br>"));	});	var d1 = new Date;	win.setCaption(d1 - d0);	var li5 = l1.getChildren()[5];	li5.setSelected(true);	li5.addEventListener("action", function () { alert("action for 5"); });}ListTest.main = function () { new ListTest(); };		]]></script>	</resources></application>