<Alloy>
	<!--
		This view wraps all of the child views/lists etc. Creates a base layout, vertically aligned.
	-->
	<Window id="wrapper" class="vgroup" title="Directory" onOpen="onWindowOpen">
		
		<!--<LeftNavButton platform="ios">
		 	<Label id="logo" />
		 </LeftNavButton>-->
		 
		
		<!--
			To create a more customized searchView for Android, we are creating a custom view that ties back to the tableView
			through the onChange event.
		-->
<!--		<View platform="android" class="size hgroup">
			<Label class="icon-search left-buffer" />
			<TextField id="searchBar" class="search" onChange="onSearchChange" />
			<Label id="closeBtn" class="icon-close right-buffer" onClick="onSearchCancel" />
		</View>
-->		
		<TableView id="tableView" onClick="onItemClick" searchAsChild="false">
			<!--
				Adding the SearchBar to the TableView for iOS
			-->
			<SearchBar id="searchBar" platform="ios" class="search" onBookmark="onBookmarkClick" onFocus="onSearchFocus" onCancel="onSearchCancel"  onChange="onSearchChange" />
			
			<!-- 
			  	TableViewRows will be added through the javascript in directory.js
			  	
			  	To see the structure of the TableViewRow, and how the data is added
			  	check out the directoryRow.xml and directory.js files
			-->
		</TableView>
	</Window>
</Alloy>
