<?xml version="1.0" encoding="UTF-8"?>
<view tag="MCMusicPlayView">
	<visuals>
		<visual id="invisible_toggle">
			<control-inst xsi:type="buttonType" id="101" >
				<layouts>
					<layout id="selectedState">
						<layout-mgr xsi:type="gridLayoutMgr" fixed-rows="1" fixed-columns="1" />
					</layout>
					<layout id="unselectedState">
						<layout-mgr xsi:type="gridLayoutMgr" fixed-rows="1" fixed-columns="1" />
					</layout>
				</layouts>
			</control-inst >
		</visual>
		
		<visual id="track_info_background_portrait" tag="title_bar">
			<visual-inst xsi:type="imageVisualType" scale-mode="normal">
				<!-- Rather than hardcoding bitmap id, should we use data provider, or png?  -->
				<data data-type="imagedata" bmp="0" msk="1">\resource\Apps\MCWTrackInfo.mbm</data>
			</visual-inst>
		</visual>
		<visual id="track_info_background_landscape" tag="title_bar">
			<visual-inst xsi:type="imageVisualType" scale-mode="normal">
				<!-- Rather than hardcoding bitmap id, should we use data provider, or png? -->
				<data data-type="imagedata" bmp="2" msk="3">\resource\Apps\MCWTrackInfo.mbm</data>
			</visual-inst>
		</visual>
		<visual id="track_icon" tag="title_bar">
			<visual-inst xsi:type="imageVisualType" scale-mode="normal">
				<!-- Rather than hardcoding bitmap id, should we use data provider, or png? -->
				<data data-type="imagedata" bmp="4" msk="5">\resource\Apps\MCWTrackInfo.mbm</data>
			</visual-inst>
		</visual>
		<visual id="drm_icon" tag="title_bar">
			<visual-inst xsi:type="imageVisualType" scale-mode="normal">
				<data data-type="provider">mcm_track-info-provider#mcm_drm_status</data>
			</visual-inst>
		</visual>
		<visual id="artist_icon" tag="title_bar">
			<visual-inst xsi:type="imageVisualType" scale-mode="normal">
				<!-- Rather than hardcoding bitmap id, should we use data provider, or png?  -->
				<data data-type="imagedata" bmp="6" msk="7">\resource\Apps\MCWTrackInfo.mbm</data>
			</visual-inst>
		</visual>
		<visual id="album_icon" tag="title_bar">
			<visual-inst xsi:type="imageVisualType" scale-mode="normal">
				<!-- Rather than hardcoding bitmap id, should we use data provider, or png?  -->
				<data data-type="imagedata" bmp="8" msk="9">\resource\Apps\MCWTrackInfo.mbm</data>
			</visual-inst>
		</visual>
		<visual id="track_name" tag="title_bar">
			<visual-inst xsi:type="textScrollVisualType" size="20" h-align="locale" font="arial" colour="#FFFFFF">
				<data data-type="provider">mcm_track-info-provider#mcm_track</data>
				<scroll number-of-scrolls="1" speed="75" gap-size="5" gap-char=" " delay="1000"/>
				<style bold="true"/>
			</visual-inst>
		</visual>
		<visual id="artist_name" tag="title_bar">
			<visual-inst xsi:type="textScrollVisualType" size="20" h-align="locale" font="arial" colour="#FFFFFF">
				<data data-type="provider">mcm_track-info-provider#mcm_artist</data>
				<scroll number-of-scrolls="1" speed="75" gap-size="5" gap-char=" " delay="1000"/>
				<style bold="true"/>
			</visual-inst>
		</visual>
		<visual id="album_name" tag="title_bar">
			<visual-inst xsi:type="textScrollVisualType" size="20" h-align="locale" font="arial" colour="#FFFFFF">
				<data data-type="provider">mcm_track-info-provider#mcm_album</data>
				<scroll number-of-scrolls="1" speed="75" gap-size="5" gap-char=" " delay="1000"/>
				<style bold="true"/>
			</visual-inst>
		</visual>
		<visual id="mcm_loop_button" tag="title_bar">
			<include href="MCMusicLoopButton.xml"/>
		</visual>
		<visual id="mcm_shuffle_button" tag="title_bar">
			<include href="MCMusicShuffleButton.xml"/>
		</visual>
		
		<visual id="real_logo" tag="real_logo">
			<visual-inst xsi:type="MCFSuiImageVisualType" scale-mode="fitinside">
				<data data-type="provider">mcm_real-logo-provider#mcm_real_logo</data>
			</visual-inst>
		</visual>
		<visual id="album_art" tag="album_art">
			<visual-inst xsi:type="MCFSuiImageVisualType" scale-mode="fitinside" refl-len="40" refl-off="0">
				<data data-type="provider">mcm_album-art-provider#mcm_art</data>
			</visual-inst>
		</visual>
		
		<visual id="MCPlayView_NaviPane_BG_PORT" tag="navipane">
			<visual-inst xsi:type="imageVisualType" scale-mode="normal">
				<data data-type="imagedata" bmp="0" msk="1">\resource\Apps\MCMPlayView.mbm</data>
			</visual-inst>
		</visual>
		<visual id="MCPlayView_NaviPane_BG_LAND" tag="navipane">
			<visual-inst xsi:type="imageVisualType" scale-mode="normal">
				<data data-type="imagedata" bmp="2" msk="3">\resource\Apps\MCMPlayView.mbm</data>
			</visual-inst>
		</visual>
		<visual id="MCWPlayView_RewindButton" tag="navipane">
			<include href="PlayButtons\MCWRewindButton.xml"/>
		</visual>
		<visual id="MCWPlayView_PlayPauseButton" tag="navipane">
			<include href="PlayButtons\MCWPlayPauseButton.xml"/>
		</visual>
		<visual id="MCWPlayView_ForwardButton" tag="navipane">
			<include href="PlayButtons\MCWForwardButton.xml"/>
		</visual>
		<visual id="MCPlayView_TrackElapsed" tag="progress_bar">
			<visual-inst xsi:type="textVisualType" size="18" colour="#FFFFFF" h-align="left">
				<data data-type="provider">PlayViewDataProvider#TrackElapsed</data>
			</visual-inst>
		</visual>
		<visual id="MCPlayView_TrackPosition" tag="progress_bar">
			<visual-inst xsi:type="textVisualType" size="18" colour="#FFFFFF" h-align="center">
				<data data-type="provider">PlayViewDataProvider#TrackPosition</data>
			</visual-inst>
		</visual>
		<visual id="MCPlayView_TrackDuration" tag="progress_bar">
			<visual-inst xsi:type="textVisualType" size="18" colour="#FFFFFF" h-align="right">
				<data data-type="provider">PlayViewDataProvider#TrackDuration</data>
			</visual-inst>
		</visual>
		<visual id="MusicProgressBar" tag="progress_bar">
			<include href="MusicProgressBar\MusicProgressBar_Control.xml"/>
		</visual>
		
		<visual id="main_buttonbar" tag="extended_buttonbar">
			<include href="MCFExtendedButtonbar.xml"/>
		</visual>
	</visuals>
	<layouts>
		<layout id="playview_portraitlayout">
			<layout-mgr xsi:type="fixedLayoutMgr">
				<layout-item xsi:type="fixedLayoutItemType" x="8" y="0" width="344" height="100">
					<visual-link visual-id="track_info_background_portrait"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="16" y="12" width="12" height="12">
					<visual-link visual-id="drm_icon"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="18" y="14" width="18" height="18">
					<visual-link visual-id="track_icon"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="18" y="40" width="18" height="18">
					<visual-link visual-id="artist_icon"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="18" y="66" width="18" height="18">
					<visual-link visual-id="album_icon"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="46" y="14" width="240" height="20">
					<visual-link visual-id="track_name"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="46" y="40" width="240" height="20">
					<visual-link visual-id="artist_name"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="46" y="66" width="240" height="20">
					<visual-link visual-id="album_name"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="289" y="13" width="55" height="35">
					<visual-link visual-id="mcm_loop_button" />
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="289" y="52" width="55" height="35">
					<visual-link visual-id="mcm_shuffle_button"/>
				</layout-item>
				
				<layout-item xsi:type="fixedLayoutItemType" x="313" y="103" width="44" height="44">
					<visual-link visual-id="real_logo"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="50" y="134" width="260" height="260">
					<visual-link visual-id="album_art"/>
				</layout-item>
				
				<layout-item xsi:type="fixedLayoutItemType" x="8" y="443" width="344" height="136">
					<visual-link visual-id="MCPlayView_NaviPane_BG_PORT"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="53" y="451" width="70" height="70">
					<visual-link visual-id="MCWPlayView_RewindButton"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="135" y="446" width="90" height="90">
					<visual-link visual-id="MCWPlayView_PlayPauseButton"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="237" y="451" width="70" height="70">
					<visual-link visual-id="MCWPlayView_ForwardButton"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="24" y="558" width="70" height="18">
					<visual-link visual-id="MCPlayView_TrackElapsed"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="140" y="558" width="80" height="18">
					<visual-link visual-id="MCPlayView_TrackPosition"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="266" y="558" width="70" height="18">
					<visual-link visual-id="MCPlayView_TrackDuration"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="2" y="529" width="356" height="44">
					<visual-link visual-id="MusicProgressBar"/>
				</layout-item>
				
				<layout-item xsi:type="fixedLayoutItemType" x="0" y="0" width="360" height="640">
					<visual-link visual-id="main_buttonbar"/>
				</layout-item>
				
				<layout-item xsi:type="fixedLayoutItemType" x="0" y="0" width="360" height="640">
					<visual-link visual-id="invisible_toggle"/>
				</layout-item>
			</layout-mgr>
		</layout>
		
		<layout id="playview_landscapelayout">
			<layout-mgr xsi:type="fixedLayoutMgr">
				<layout-item xsi:type="fixedLayoutItemType" x="120" y="0" width="340" height="40">
					<visual-link visual-id="track_info_background_landscape"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="128" y="8" width="12" height="12">
					<visual-link visual-id="drm_icon"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="130" y="10" width="18" height="18">
					<visual-link visual-id="track_icon"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="158" y="10" width="182" height="20">
					<visual-link visual-id="track_name"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="345" y="2" width="55" height="35">
					<visual-link visual-id="mcm_shuffle_button"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="400" y="2" width="55" height="35">
					<visual-link visual-id="mcm_loop_button" />
				</layout-item>
				
				<layout-item xsi:type="fixedLayoutItemType" x="403" y="43" width="44" height="44">
					<visual-link visual-id="real_logo"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="177" y="50" width="226" height="226">
					<visual-link visual-id="album_art"/>
				</layout-item>
				
				<layout-item xsi:type="fixedLayoutItemType" x="118" y="224" width="344" height="136">
					<visual-link visual-id="MCPlayView_NaviPane_BG_LAND"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="163" y="232" width="70" height="70">
					<visual-link visual-id="MCWPlayView_RewindButton"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="245" y="227" width="90" height="90">
					<visual-link visual-id="MCWPlayView_PlayPauseButton"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="347" y="232" width="70" height="70">
					<visual-link visual-id="MCWPlayView_ForwardButton"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="134" y="339" width="70" height="18">
					<visual-link visual-id="MCPlayView_TrackElapsed"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="250" y="339" width="80" height="18">
					<visual-link visual-id="MCPlayView_TrackPosition"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="376" y="339" width="70" height="18">
					<visual-link visual-id="MCPlayView_TrackDuration"/>
				</layout-item>
				<layout-item xsi:type="fixedLayoutItemType" x="112" y="310" width="356" height="44">
					<visual-link visual-id="MusicProgressBar"/>
				</layout-item>
				
				<layout-item xsi:type="fixedLayoutItemType" x="0" y="0" width="640" height="360">
					<visual-link visual-id="main_buttonbar"/>
				</layout-item>
				
				<layout-item xsi:type="fixedLayoutItemType" x="0" y="0" width="640" height="360">
					<visual-link visual-id="invisible_toggle"/>
				</layout-item>
			</layout-mgr>
		</layout>
	</layouts>
	
	<configurations>
		<configuration xsi:type="orientationConfigurationType" orientation="portrait" id="playview_portraitlayout"/>
		<configuration xsi:type="orientationConfigurationType" orientation="landscape" id="playview_landscapelayout"/>
	</configurations>
	
	<include href="MCFPlayViewTransitions.xml"/>
</view>
