<layer ui_About z=30>
	<DIV class="main">
		<SPRITE class=panel z=0>
		<SPRITE class="icon_top" z=1 bmp="logo.bmp">
		
		<TEXT  class="font_info bd color_inf_main"  left=0 top=45% right=0 h=10% text=L"$release$" REPLACETAGS>
		<TEXT  class="font_info bd color_inf_main"  left=0 top=55% right=0 h=10% text=L"$buildnum$" REPLACETAGS>
		<TEXT  class="font_info color_inf_main"     left=0 top=65% right=0 h=10% text=L"$date$" REPLACETAGS>
		<TEXT  class="font_info bd color_inf_main"  left=0 top=75% right=0 h=10% text="<Web Address> | <Support E-mail>">
		<TEXT  class="font_info color_inf_main"     left=0 top=85% right=0 h=10% text=L"$copyright$" REPLACETAGS>
	</DIV>
	<DIV class="footer">
		<FOOTERBUTTON class="btn_footer right" x=66% top=0 icon_hueshift=%lua.iconhue iconspr="" text="PRIMO~Update" onrelease=sc_StartSoftwareUpdate visible=(%lua.SoftwareUpdateLocation != L"")>
	</DIV>
</layer>

<element_template et_ContentCategory>
	<BUTTON class="listitem" clickmodel="other.contents.select_category $i" onrelease={sc_ContentListOnRelease($i)}>
		<SPRITE class="icon_list" z=11 bmp="content_icons.spr" phase=%*.id hueshift=%lua.iconhue>
		<TEXT class="listitem icon" text=%*.name >
	</BUTTON>
</element_template>

<layer ui_AboutContents z=30>
	<DIV class="list">
		<SPRITE class=list_panel>
		
		<LIST2 class="list_control" SMOOTHSCROLLING>
			<LISTMODEL listmodel="other.contents.category_list" element_template="et_ContentCategory"/>
			<VSMARTSCROLL>
			<WHEEL>
			<BUTTON class="btn_scrollup list">
			<BUTTON class="btn_scrolldown list">
	   </LIST2>
	</DIV>
</layer>

<element_template et_ContentItem>
	<implementation>
		<property hnrError value=(%lua.ContentIsHNR && (%*.error_code == 4 || %*.error_code == 5))>
	</implementation>
	<BUTTON btnContentItem class="listitem icon" onrelease='MODEL.other.contents.list.index = index sc_NextStateAnim(st_AboutContentDetails, "horz_scroll", 1, "")' enable=(%*.error_code == 0 || %*.error_code == 2 || hnrError)>
		<TEXT class="listitem icon top color_btn_main"   z=100 wordwrap=1 text=%*.name visible=(%*.error_code == 0 || hnrError)>
		<TEXT class="listitem icon top color_error"      z=100 wordwrap=1 text=%*.name visible=(%*.error_code == 2)>
		<TEXT class="listitem icon bottom color_btn_sec" z=100 wordwrap=1 text=(%*.description + L" " + %*.timestamp) visible=(%*.error_code == 0) minaspect=65>
		<TEXT class="listitem icon bottom color_error"   z=100 wordwrap=1 text=(%*.error + L" (" + %*.path + L")")    visible=(%*.error_code == 2) minaspect=65>
	</BUTTON>

	<TEXT class="listitem icon top color_error"    z=100 wordwrap=1 text=%*.name                             visible=(%*.error_code == 1 || %*.error_code > 2 && !hnrError)>
	<TEXT class="listitem icon bottom color_error" z=100 wordwrap=1 text=((hnrError ? sc_GetHnrErrorText(%*.error_code) : %*.error) + L" (" + %*.path + L")") visible=(%*.error_code == 1 || %*.error_code > 2) minaspect=65>
	
	<SPRITE class="icon_list" z=11 bmp="content_icons.spr" phase=%*.icon_id hueshift=%lua.iconhue>
</element_template>

<layer ui_AboutContentList z=30>
	<DIV class="list">
		<SPRITE class=list_panel>

		<LIST2 class="list_control" SMOOTHSCROLLING>
			<LISTMODEL listmodel="other.contents.list" element_template="et_ContentItem"/>
			<VSMARTSCROLL>
			<WHEEL>
			<BUTTON class="btn_scrollup list">
			<BUTTON class="btn_scrolldown list">
		</LIST2>
	</DIV>
</layer>


<element_template et_AboutContentDetails_name>
	<SPRITE class="listitem info hue" z=20>
	<SPRITE class="icon_list" z=21 bmp="content_icons.spr"  phase=%other.contents.list[current].icon_id>
	<TEXT class="listitem color_inf_sec" left=15% align="RIGHT" z=21 text=%other.contents.list[current].name>
</element_template>

<element_template et_AboutContentDetails_path>
	<SPRITE class="listitem info hue" z=20>
	<TEXT class="listitem color_inf_main" right=70% z=21 text="File:">
	<TEXT class="listitem color_inf_sec" left=20% z=21 align="RIGHT" text=%other.contents.list[current].path>
</element_template>

<element_template et_AboutContentDetails_category>
	<SPRITE class="listitem info hue" z=20>
	<TEXT class="listitem color_inf_main" right=70% z=21 text="Type:">
	<TEXT class="listitem color_inf_sec" left=20% z=21 align="RIGHT" textmodel_wstr="other.contents.current_category">
</element_template>

<element_template et_AboutContentDetails_filesize>
	<SPRITE class="listitem info hue" z=20>
	<TEXT class="listitem color_inf_main" right=70% z=21 text="Size:">
	<TEXT class="listitem color_inf_sec" left=30% z=21 align="RIGHT" combined_textmodel="$int:other.contents.list.current.size_kb$ kilobytes" visible=(%other.contents.list[current].size_kb)>
</element_template>

<element_template et_AboutContentDetails_provider>
	<SPRITE class="listitem info hue" z=20>
	<SPRITE class="icon provider" right=0 align="CENTER" z=21 iconid=%other.contents.list[current].prov_icon_id>
</element_template>

<element_template et_AboutContentDetails_timestamp>
	<SPRITE class="listitem info hue" z=20>
	<TEXT class="listitem color_inf_sec" z=21 align="RIGHT" text=%other.contents.list[current].timestamp>
</element_template>

<element_template et_AboutContentDetails_copyright>
	<SPRITE class="listitem info hue" z=20>
	<TEXT class="listitem color_inf_main" z=21 align="CENTER" text=%other.contents.list[current].copyright>
</element_template>

<element_template et_AboutContentDetails_error>
	<SPRITE class="listitem info hue" z=20>
	<TEXT class="listitem color_error bd" z=21 align="RIGHT" text=%other.contents.list[current].error>
</element_template>

<element_template et_AboutContentDetails_hnr_covered>
	<BUTTON class="listitem" z=21 text="Covered Maps" align="CENTER" onrelease=sc_ShowHnrCoveredMaps>
</element_template>

<element_template et_AboutContentDetails_hnr_incompatible>
	<BUTTON class="listitem" z=21 text="Incompatible Maps" align="CENTER" onrelease=sc_ShowHnrIncompatibleMaps>
</element_template>

<layer ui_AboutContentDetails z=30>
	<DIV class="list">
		<SPRITE class=list_panel>
		<LIST2 class="list_control" SMOOTHSCROLLING>
			<LISTMODEL listmodel="ui.AboutContentDetails" element_template="et_AboutContentDetails" template_type_model="*.types"/>
			<VSMARTSCROLL>
			<WHEEL>
			<BUTTON class="btn_scrollup list">
			<BUTTON class="btn_scrolldown list">
		</LIST2>
	</DIV>
</layer>

<element_template et_HNRRouteParamList>
	<SPRITE	class="listitem">
	<TEXT class="listitem font_main color_btn_main" right=33%  align="LEFT"  text=%*.text  visible=(%*.type != 2)>
	<TEXT class="listitem font_main bd color_btn_sec" left=66% right=0  align="RIGHT" text=%*.value visible=(%*.type != 2)>
	
	<SPRITE	class="icon_list" z=20  bmp="ico_routeinfo.spr"  phase=%*.icon visible=(%*.type == 2)>
	<TEXT class="listitem icon chk font_main color_btn_main"  text=%*.text  visible=(%*.type == 2)>
	<SPRITE	class="icon_center"  left=90% bmp="ico_chk.bmp#4" phase=%*.state              visible=(%*.type == 2)>
</element_template>

<layer ui_HNRRouteSettings z=30>
	<DIV class="list">
		<SPRITE class=list_panel>

		<LIST2 class="list_control" SMOOTHSCROLLING>
			<LISTMODEL listmodel="ui.lm_hnrinfo" element_template="et_HNRRouteParamList"/>
			<VSMARTSCROLL>
			<WHEEL>
			<BUTTON class="btn_scrollup list">
			<BUTTON class="btn_scrolldown list">
		</LIST2>
	</DIV>
</layer>


<element_template et_HNRCountriesList>
	<SPRITE class="listitem info hue" z=20>
	
	<TEXT class="listitem color_inf_main" right=50% z=21 text=%*.long_name>
	<TEXT class="listitem color_inf_sec" left=50% z=21 align="RIGHT" textmodel_date="*.timestamp.date" formatmodel="regional.dateformat">
</element_template>

<layer ui_HNRCountriesList z=30>
	<DIV class="list">
		<SPRITE class=list_panel>
		<LIST2 lst_HNRCountries class=list_control element_template="et_HNRCountriesList" SMOOTHSCROLLING>
			<VSMARTSCROLL>
			<WHEEL>
			<BUTTON class="btn_scrollup list">
			<BUTTON class="btn_scrolldown list">
		</LIST2>
	</DIV>
</layer>

<element_template et_License>
	<BUTTON class=listitem onrelease='MODEL.other.license.select_license(index) sc_NextStateAnim( st_AboutLicenseTypes, "horz_scroll", 1, "" )'>
		<TABLE tab_License class="row2col" >
			<TABLE col=1>
				<TEXT class="font_main bd color_btn_main" align="LEFT"  text=%*.name               >
				<TEXT class="font_info color_btn_sec"     align="LEFT"  textmodel_wstr="*.code"    >
			</TABLE>

			<TABLE tab_LicenseTypeDate class="col2row">
				<TEXT class="font_main color_btn_main type"		 textmodel_wstr="*.type"     >
				<TEXT class="font_info bd color_btn_sec date"	 align="RIGHT" textmodel_date="*.timelimit" formatmodel="regional.dateformat" visible=%*.timelimit.valid>		
			</TABLE>
		</TABLE>
	</BUTTON>
</element_template>

<layer ui_AboutLicenses z=30>
	<DIV class="list">
		<SPRITE class=list_panel>
		<LIST2 class="list_control" SMOOTHSCROLLING>
			<LISTMODEL listmodel="other.license.license_list" element_template="et_License"/>
			<VSMARTSCROLL>
			<WHEEL>
			<BUTTON class="btn_scrollup list">
			<BUTTON class="btn_scrolldown list">
		</LIST2>
	</DIV>
</layer>

<element_template et_LicenseTypes>
	<BUTTON class="listitem value info" alpha=0 z=200 disable=1>
	<BUTTON class="listitem value info">
		<TEXT class="listitem icon color_inf_main" text=%*.name>
	</BUTTON>
	<SPRITE class="icon_list" z=11 bmp="content_icons.spr" phase=%*.icon hueshift=%lua.iconhue>

	<BUTTON class=listitem   nosound alpha=0 disable onrelease=undef>
</element_template>

<layer ui_AboutLicenseTypes z=30>
	<DIV class="list">
		<SPRITE class=list_panel>
		<LIST2 class="list_control" SMOOTHSCROLLING>
			<LISTMODEL listmodel="other.license.license_types" element_template="et_LicenseTypes"/>
			<VSMARTSCROLL>
			<WHEEL>
			<BUTTON class="btn_scrollup list">
			<BUTTON class="btn_scrolldown list">
		</LIST2>
	</DIV>
</layer>

<layer ui_Demo_Start z=30>
	<DIV class="main">
		<TABLE tab_Demo_Start >
			<BUTTON class="btn_main topleft"  onrelease=sc_GoToLoadDemo>
				<SPRITE class="icon_center hue"  bmp="ico_Demo_big.bmp#3">
				<TEXT class="font_main_large" left=20% right=0 top=0 bottom=0  text="Demo" align="LEFT">
			</BUTTON>
			<BUTTON class="btn_main bottomright"  onrelease='sc_NextStateAnim( st_About, "fade", 1, "" )'>	
				<SPRITE class="icon_center hue" bmp="ico_About_big.bmp#3">
				<TEXT class="font_main_large" left=20% right=0 top=0 bottom=0  text="About" align="LEFT">
			</BUTTON>
		</TABLE>
	</DIV>
</layer>
