<Alloy>
	<Collection id="galleryCollection" src="Gallery" instance="true" />
	<ListView defaultItemTemplate="gallery-template">
		<Templates>
			<ItemTemplate name="gallery-template" backgroundColor="transparent">
				<View bindId="row" class="gallery-row">
					<View bindId="itemEven" class="gallery-item" onClick="onOpenGallery">
						<ImageView class="gallery-image" bindId="imageEven" />
						<View class="gallery-info">
							<Label bindId="titleEven" class="gallery-title" />
							<Label bindId="dateEven" class="gallery-date" />
							<Label bindId="countEven" class="gallery-count" />
							<ImageView class="gallery-count-icon" image="images/ic_photo_camera_white_18dp.png" />
						</View>
					</View>
					<View bindId="itemOdd" class="gallery-item--odd" onClick="onOpenGallery">
						<ImageView bindId="imageOdd" />
						<View class="gallery-info">
							<Label bindId="titleOdd" class="gallery-title" />
							<Label bindId="dateOdd" class="gallery-date" />
							<Label bindId="countOdd" class="gallery-count" />
							<ImageView class="gallery-count-icon" image="images/ic_photo_camera_white_18dp.png" />
						</View>
					</View>
				</View>
			</ItemTemplate>
		</Templates>
		<ListSection dataCollection="$.galleryCollection">
			<ListItem
				template="{template}"
				row:height="{itemHeight}"

				itemEven:galleryId="{itemEven.galleryId}"
				itemEven:width="{itemWidth}"
				itemEven:height="{itemHeight}"
				imageEven:image="{itemEven.titlePhotoThumbnailUrl}"
				imageEven:width="{itemWidth}"
				titleEven:text="{itemEven.title}"
				titleEven:width="{itemWidth}"
				dateEven:text="{itemEven.formattedDate}"
				countEven:text="{itemEven.imageCount}"

				itemOdd:galleryId="{itemOdd.galleryId}"
				itemOdd:width="{itemWidth}"
				itemOdd:height="{itemHeight}"
				imageOdd:image="{itemOdd.titlePhotoThumbnailUrl}"
				imageOdd:width="{itemWidth}"
				titleOdd:text="{itemOdd.title}"
				dateOdd:text="{itemOdd.formattedDate}"
				countOdd:text="{itemOdd.imageCount}"
				itemOdd:visible="{itemOdd.visible}" />
		</ListSection>
	</ListView>
</Alloy>