<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE Definition SYSTEM "../dtd/ui.dtd">
<Definition>

	<Import url="[config.mod.template]button/simpleButton.xml" />
	<Import url="[config.mod.template]button/iconButton.xml" />
	<Import url="[config.mod.template]button/horizontalTab.xml" />
	<Import url="[config.mod.template]button/labelCheckBox.xml" />
	<Import url="[config.mod.template]button/greyButton.xml" />
	<Import url="[config.mod.template]button/themeHorizontalTab.xml" />
	<Import url="[config.mod.template]window.xml" />
	<Import url="[config.mod.template]block.xml" />
	<Import url="[config.mod.template]button/searchInput.xml" />
	<Import url="[config.mod.template]button/themeLabelCheckBox.xml" />
	<Import url="[config.mod.template.button]comboBoxWithBackground.xml" />
	<Import url="[config.mod.template]specific/characterCreationColorSlot.xml" />

	<Constants>
		<Constant name="assets" value="[config.ui.skin]assets.swf|" />
		<Constant name="css" value="[config.ui.skin]css/" />
		<Constant name="common" value="[config.ui.skin]common/"/>
		<Constant name="texture" value="[config.ui.skin]texture/"/>
		<Constant name="bitmap" value="[config.ui.skin]bitmap/"/>
		<Constant name="illus" value="[config.ui.skin]illus/"/>
		<Constant name="characteristics" value="[config.ui.skin]texture/Characteristics/" />
		<Constant name="ogr_uri" value="[config.ui.skin]texture/icon_ogrine.png" />
		<Constant name="ogr_uri_big" value="[config.ui.skin]texture/icon_ogrine_big.png" />

		<Constant name="hints_uri" value="[config.content.path]gfx/icons/hints/" />
	</Constants>

	<Container>

		<Anchors>
			<Anchor relativePoint="CENTER" point="CENTER">
				<AbsDimension x="0" y="0" />
			</Anchor>
		</Anchors>


		<window>
			<iconUri>[local.texture]windowIcon/icon_0044_ogrine.png</iconUri>
			<movable>true</movable>
			<Size>
				<AbsDimension x="900" y="700" />
			</Size>

			<Content>

				<Container name="ctr_tokens">
					<Anchors>
						<Anchor>
							<AbsDimension x="20" y="60" />
						</Anchor>
					</Anchors>

					<Texture>
						<Anchors>
							<Anchor>
								<AbsDimension x="4" y="5" />
							</Anchor>
						</Anchors>
						<Size>
							<AbsDimension x="290" y="49" />
						</Size>
						<uri>[config.ui.skin]texture/tx_shop_rectangle.png</uri>
					</Texture>

					<Texture name="tx_money">
						<Anchors>
							<Anchor>
								<AbsDimension x="250" y="8" />
							</Anchor>
						</Anchors>
						<AbsDimension x="0" y="0" />
						<Size>
							<AbsDimension x="40" y="40" />
						</Size>
						<uri>[local.ogr_uri_big]</uri>
					</Texture>

					<Label name="lbl_money">
						<Anchors>
							<Anchor>
								<AbsDimension x="90" y="18" />
							</Anchor>
						</Anchors>
						<Size>
							<AbsDimension x="80" y="21" />
						</Size>
						<cssClass>whiteboldright</cssClass>
						<css>[local.css]normal2.css</css>
						<Hooks>
							<onRollOver/>
							<onRollOut/>
						</Hooks>
					</Label>

					<themeIconButton name="btn_buyOgrins">
						<Anchors>
							<Anchor>
								<AbsDimension x="5" y="7" />
							</Anchor>
						</Anchors>
						<Size>
							<AbsDimension x="46" y="46" />
						</Size>
						<iconAnchors>
							<Anchor relativePoint="TOPLEFT">
								<AbsDimension x="8" y="8"/>
							</Anchor>
							<Anchor relativePoint="BOTTOMRIGHT">
								<AbsDimension x="-8" y="-8"/>
							</Anchor>
						</iconAnchors>
						<iconUri>[config.ui.skin]texture/btnIcon/btnIcon_plus.png</iconUri>
					</themeIconButton>

				</Container>

				<Container name="ctr_cat">

					<Anchors>
						<Anchor>
							<AbsDimension x="22" y="145" />
						</Anchor>
					</Anchors>

					<Grid name="gd_listCat">
						<Size>
							<AbsDimension x="296" y="473" />
						</Size>
						<rendererName>com.ankamagames.berilia.components.gridRenderer::XmlUiGridRenderer</rendererName>
						<rendererArgs>Ankama_GameUiCore::categoryItem</rendererArgs>
						<slotWidth>300</slotWidth>
						<slotHeight>34</slotHeight>
						<verticalScrollbarCss>[local.css]scrollBar.css</verticalScrollbarCss>
						<Hooks>
							<onSelectItem />
						</Hooks>
					</Grid>

				</Container>
				<Container>

					<Anchors>
						<Anchor>
							<AbsDimension x="333" y="60" />
						</Anchor>
					</Anchors>

					<Texture>
						<Anchors>
							<Anchor>
								<AbsDimension x="0" y="0" />
							</Anchor>
						</Anchors>
						<Size>
							<AbsDimension x="536" y="565" />
						</Size>
						<uri>[local.common]bg_dark.png</uri>
						<autoGrid>true</autoGrid>
					</Texture>

					<Container name="ctr_articlesDisplay">

						<Grid name="gd_articles">
							<Anchors>
								<Anchor>
									<AbsDimension x="13" y="11" />
								</Anchor>
							</Anchors>
							<Size>
								<AbsDimension x="515" y="509" />
							</Size>
							<rendererName>InlineXmlGridRenderer</rendererName>
							<rendererArgs>updateArticle</rendererArgs>
							<slotWidth>167</slotWidth>
							<slotHeight>250</slotHeight>
							<scrollDisplay>never</scrollDisplay>

							<Container name="ctr_article">
								<Size>
									<AbsDimension x="210" y="201" />
								</Size>

								<Button name="btn_article">
									<Common>
										<radioMode>true</radioMode>
										<Texture name="tx_bg">
											<Size>
												<AbsDimension x="167" y="250" />
											</Size>
											<uri>[config.ui.skin]texture/tx_shop_square.png</uri>
										</Texture>

										<Texture name="tx_picto">
											<Anchors>
												<Anchor>
													<AbsDimension x="30" y="86" />
												</Anchor>
											</Anchors>
											<Size>
												<AbsDimension x="100" y="100" />
											</Size>
											<useCache>false</useCache>
										</Texture>

										<Label name="lbl_name">
											<Anchors>
												<Anchor>
													<AbsDimension x="1" y="14" />
												</Anchor>
											</Anchors>
											<Size>
												<AbsDimension x="158" y="45" />
											</Size>
											<multiline>true</multiline>
											<wordWrap>true</wordWrap>
											<css>[local.css]normal2.css</css>
											<cssClass>center</cssClass>
											<verticalAlign>center</verticalAlign>
											<hyperlinkEnabled>true</hyperlinkEnabled>
										</Label>

										<Texture name="tx_currency">
											<Anchors>
												<Anchor>
													<AbsDimension x="7" y="210" />
												</Anchor>
											</Anchors>
											<Size>
												<AbsDimension x="28.50" y="26.70" />
											</Size>
											<uri>[local.ogr_uri_big]</uri>
										</Texture>

										<Label name="lbl_price_old">
											<Anchors>
												<Anchor>
													<AbsDimension x="45" y="190" />
												</Anchor>
											</Anchors>
											<Size>
												<AbsDimension x="80" y="20" />
											</Size>
											<cssClass>whitebold</cssClass>
											<css>[local.css]normal2.css</css>
										</Label>

										<Label name="lbl_price">
											<Anchors>
												<Anchor>
													<AbsDimension x="45" y="210" />
												</Anchor>
											</Anchors>
											<Size>
												<AbsDimension x="80" y="20" />
											</Size>
											<cssClass>whitebold</cssClass>
											<css>[local.css]normal2.css</css>
										</Label>

										<Hooks>
											<onItemRollOver />
											<onItemRollOut />
										</Hooks>
									</Common>

									<State type="OVER">
										<SetProperties target="tx_bg">
											<gotoAndStop>1.5</gotoAndStop>
										</SetProperties>
									</State>
								</Button>

								<iconButton name="btn_buy">
									<Anchors>
										<Anchor>
											<AbsDimension x="130" y="210" />
										</Anchor>
									</Anchors>
									<Size>
										<AbsDimension x="24" y="24" />
									</Size>
									<uri>[local.assets]btn_buyShop</uri>
								</iconButton>
							</Container>
						</Grid>

						<Container>

							<Anchors>
								<Anchor>
									<AbsDimension x="104" y="525" />
								</Anchor>
							</Anchors>
							<Size>
								<AbsDimension x="130" y="27" />
							</Size>

							<iconButton name="btn_prevPage">
								<Size>
									<AbsDimension x="20" y="27" />
								</Size>
								<uri>[local.assets]btn_arrowGreyR</uri>
							</iconButton>

							<iconButton name="btn_nextPage">
								<Anchors>
									<Anchor>
										<AbsDimension x="310" y="0" />
									</Anchor>
								</Anchors>
								<Size>
									<AbsDimension x="20" y="27" />
								</Size>
								<uri>[local.assets]btn_arrowGreyL</uri>
							</iconButton>

							<Label name="lbl_page">
								<Anchors>
									<Anchor>
										<AbsDimension x="125" y="3" />
									</Anchor>
								</Anchors>
								<Size>
									<AbsDimension x="80" y="20" />
								</Size>
								<css>[local.css]normal2.css</css>
								<cssClass>center</cssClass>
							</Label>
						</Container>
					</Container>
				</Container>
			</Content>
		</window>

	</Container>
</Definition>