<Ui xmlns="http://www.blizzard.com/wow/ui/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.blizzard.com/wow/ui/
..\..\FrameXML\UI.xsd">
	<Script file="CollectionTemplates.lua"/>

	<StatusBar name="BW_CollectionsProgressBarTemplate" virtual="true">
		<Size x="196" y="13"/>
		<Anchors>
			<Anchor point="TOP" x="0" y="-39"/>
		</Anchors>
		<Layers>
			<Layer level="OVERLAY">
				<FontString parentKey="text" inherits="TextStatusBarText" justifyH="CENTER">
					<Size x="0" y="9" />
					<Anchors>
						<Anchor point="CENTER" y="1" />
					</Anchors>
				</FontString>
				<Texture parentKey="border" file="Interface\PaperDollInfoFrame\UI-Character-Skills-BarBorder">
					<Size x="205" y="29" />
					<Anchors>
						<Anchor point="LEFT" x="-5" y="0"/>
					</Anchors>
				</Texture>
			</Layer>
			<Layer level="BACKGROUND">
				<Texture>
					<Anchors>
						<Anchor point="TOPLEFT" x="0" y="-1"/>
						<Anchor point="BOTTOMRIGHT" x="0" y="1"/>
					</Anchors>
					<Color r="0.0" g="0.0" b="0.0" a="1.0"/>
				</Texture>
			</Layer>
		</Layers>
		<BarTexture file="Interface\PaperDollInfoFrame\UI-Character-Skills-Bar"/>
		<BarColor r="0.03125" g="0.85" b="0.0" />
	</StatusBar>

	<CheckButton name="BW_CollectionsSpellButtonTemplate" inherits="SecureFrameTemplate" virtual="true">
		<Size x="50" y="50" />
		<Layers>
			<Layer level="ARTWORK">
				<Texture parentKey="iconTexture" setAllPoints="true" hidden="true">
					<Size x="42" y="42" />
					<Anchors>
						<Anchor point="CENTER" x="0" y="1"/>
					</Anchors>
					<TexCoords left="0.04347826" right="0.95652173" top="0.04347826" bottom="0.95652173"/>
				</Texture>

				<Texture parentKey="iconTextureUncollected" setAllPoints="true" alpha=".18" hidden="true" desaturated="true">
					<Size x="42" y="41" />
					<Anchors>
						<Anchor point="CENTER" x="0" y="2"/>
					</Anchors>
					<TexCoords left="0.063" right="0.938" top="0.063" bottom="0.917"/>
				</Texture>

				<Texture parentKey="slotFrameUncollectedInnerGlow" setAllPoints="true" alpha="0.18" hidden="true" atlas="collections-itemborder-uncollected-innerglow" useAtlasSize="true">
					<Anchors>
						<Anchor point="CENTER" x="0" y="2"/>
					</Anchors>
				</Texture>

				<FontString parentKey="name" inherits="GameFontNormal" maxLines="3" justifyH="LEFT">
					<Size x="135" y="0" />
					<Anchors>
						<Anchor point="LEFT" relativePoint="RIGHT" x="9" y="3" />
					</Anchors>
				</FontString>
			</Layer>

			<Layer level="OVERLAY" textureSubLevel="2">
				<FontString parentKey="new" inherits="GameFontHighlight" maxLines="1" justifyH="CENTER" text="NEW_CAPS" hidden="true">
					<Anchors>
						<Anchor point="CENTER" x="8" y="0" relativePoint="TOPLEFT"/>
					</Anchors>
					<Shadow>
						<Color color="NEW_FEATURE_SHADOW_COLOR"/>
					</Shadow>
				</FontString>

				<Texture parentKey="newGlow" atlas="collections-newglow" hidden="true">
					<Anchors>
						<Anchor point="TOPLEFT" relativeKey="$parent.new" x="-20" y="10"/>
						<Anchor point="BOTTOMRIGHT" relativeKey="$parent.new" x="20" y="-10"/>
					</Anchors>
				</Texture>
			</Layer>

			<Layer level="OVERLAY" textureSubLevel="1">
				<Texture parentKey="slotFrameCollected" atlas="collections-itemborder-collected">
					<Size x="56" y="56" />
					<Anchors>
						<Anchor point="CENTER" x="0"/>
					</Anchors>
				</Texture>
				<Texture parentKey="slotFrameUncollected" atlas="collections-itemborder-uncollected" hidden="true" useAtlasSize="false">
					<Size x="50" y="50" />
					<Anchors>
						<Anchor point="CENTER" x="0" y="2"/>
					</Anchors>
				</Texture>
			</Layer>
		</Layers>
		<Frames>
			<Cooldown parentKey="cooldown" inherits="CooldownFrameTemplate">
				<Anchors>
					<Anchor point="TOPLEFT" x="5" y="-4"/>
					<Anchor point="BOTTOMRIGHT" x="-5" y="7"/>
				</Anchors>
			</Cooldown>
			<Frame parentKey="cooldownWrapper" setAllPoints="true">
				<Layers>
					<Layer level="OVERLAY" textureSubLevel="2">
						<Texture parentKey="slotFavorite" atlas="collections-icon-favorites" useAtlasSize="true" hidden="true">
							<Anchors>
								<Anchor point="TOPLEFT" x="-12" y="13" relativePoint="TOPLEFT"/>
							</Anchors>
						</Texture>
					</Layer>
				</Layers>
			</Frame>
		</Frames>
    
    <Animations>
      <AnimationGroup parentKey="IconFadeIn" setToFinalAlpha="true">
        <Alpha childKey="iconTexture" startDelay="1.0"  fromAlpha="0" toAlpha="1" duration="0.75" order="1"/>
        <Alpha childKey="slotFrameCollected" startDelay="1.0"  fromAlpha="0" toAlpha="1" duration="0.75" order="1"/>
      </AnimationGroup>
    </Animations>
    
		<Scripts>
			<OnEvent function="BW_CollectionsButton_OnEvent"/>
			
			<PreClick>
				self:SetChecked(false);
			</PreClick>

			<OnShow function="BW_CollectionsSpellButton_OnShow"/>
			<OnHide function="BW_CollectionsSpellButton_OnHide"/>

			<OnLeave>
				GameTooltip_Hide();
				ResetCursor();
			</OnLeave>
		</Scripts>
		<PushedTexture file="Interface\Buttons\UI-Quickslot-Depress">
			<Size x="42" y="42"/>
			<Anchors>
				<Anchor point="CENTER" x="0" y="1"/>
			</Anchors>
		</PushedTexture>
		<HighlightTexture parentKey="HighlightTexture" file="Interface\Buttons\ButtonHilight-Square" alphaMode="ADD">
			<Size x="48" y="48"/>
			<Anchors>
				<Anchor point="CENTER" x="0" y="2"/>
			</Anchors>
		</HighlightTexture>
		<CheckedTexture file="Interface\Buttons\CheckButtonHilight" alphaMode="ADD">
			<Size x="42" y="42"/>
			<Anchors>
				<Anchor point="CENTER" x="0" y="1"/>
			</Anchors>
		</CheckedTexture>
	</CheckButton>

	<Frame name="BW_CollectionsBackgroundTemplate" inherits="InsetFrameTemplate" virtual="true">
		<Anchors>
			<Anchor point="TOPLEFT" relativePoint="TOPLEFT" y="-60" x="4"/>
			<Anchor point="BOTTOMRIGHT" relativePoint="BOTTOMRIGHT" x="-6" y="5"/>
		</Anchors>

		<Layers>
			<Layer level="BACKGROUND">
				<Texture parentKey="BackgroundTile" atlas="collections-background-tile" useAtlasSize="true" vertTile="true" horizTile="true">
					<Anchors>
						<Anchor point="TOPLEFT" x="4" y="-4" />
						<Anchor point="BOTTOMRIGHT" x="-4" y="4"/>
					</Anchors>
				</Texture>
			</Layer>
			
			<Layer level="BORDER" textureSubLevel="2">
				<Texture parentKey="ShadowCornerTopLeft" atlas="collections-background-shadow-large" useAtlasSize="true">
					<Anchors>
						<Anchor point="TOPLEFT" relativeKey="$parent.BackgroundTile"/>
					</Anchors>
				</Texture>

				<Texture parentKey="ShadowCornerTopRight" atlas="collections-background-shadow-large" useAtlasSize="true">
					<Anchors>
						<Anchor point="TOPRIGHT" relativeKey="$parent.BackgroundTile"/>
					</Anchors>
					<TexCoords left="1.0" right="0.0" top="0.0" bottom="1.0"/>
				</Texture>

				<Texture parentKey="ShadowCornerBottomLeft" atlas="collections-background-shadow-large" useAtlasSize="true">
					<Anchors>
						<Anchor point="BOTTOMLEFT" relativeKey="$parent.BackgroundTile"/>
					</Anchors>
					<TexCoords left="0.0" right="1.0" top="1.0" bottom="0.0"/>
				</Texture>

				<Texture parentKey="ShadowCornerBottomRight" atlas="collections-background-shadow-large" useAtlasSize="true">
					<Anchors>
						<Anchor point="BOTTOMRIGHT" relativeKey="$parent.BackgroundTile"/>
					</Anchors>
					<TexCoords left="1.0" right="0.0" top="1.0" bottom="0.0"/>
				</Texture>

				<Texture parentKey="ShadowCornerTop" atlas="collections-background-shadow-large" useAtlasSize="true">
					<Anchors>
						<Anchor point="TOPLEFT" relativeKey="$parent.ShadowCornerTopLeft" relativePoint="TOPRIGHT"/>
						<Anchor point="TOPRIGHT" relativeKey="$parent.ShadowCornerTopRight" relativePoint="TOPLEFT"/>
					</Anchors>
					<TexCoords left="0.9999" right="1" top="0" bottom="1"/>
				</Texture>

				<Texture parentKey="ShadowCornerLeft" atlas="collections-background-shadow-large" useAtlasSize="true">
					<Anchors>
						<Anchor point="TOPLEFT" relativeKey="$parent.ShadowCornerTopLeft" relativePoint="BOTTOMLEFT"/>
						<Anchor point="BOTTOMLEFT" relativeKey="$parent.ShadowCornerBottomLeft" relativePoint="TOPLEFT"/>
					</Anchors>
					<TexCoords left="0" right="1" top="0.9999" bottom="1"/>
				</Texture>

				<Texture parentKey="ShadowCornerRight" atlas="collections-background-shadow-large" useAtlasSize="true">
					<Anchors>
						<Anchor point="TOPRIGHT" relativeKey="$parent.ShadowCornerTopRight" relativePoint="BOTTOMRIGHT"/>
						<Anchor point="BOTTOMRIGHT" relativeKey="$parent.ShadowCornerBottomRight" relativePoint="TOPRIGHT"/>
					</Anchors>
					<TexCoords left="1" right="0" top="0.9999" bottom="1"/>
				</Texture>

				<Texture parentKey="ShadowCornerBottom" atlas="collections-background-shadow-large" useAtlasSize="true">
					<Anchors>
						<Anchor point="BOTTOMLEFT" relativeKey="$parent.ShadowCornerBottomLeft" relativePoint="BOTTOMRIGHT"/>
						<Anchor point="BOTTOMRIGHT" relativeKey="$parent.ShadowCornerBottomRight" relativePoint="BOTTOMLEFT"/>
					</Anchors>
					<TexCoords left="0.9999" right="1" top="1" bottom="0"/>
				</Texture>
			</Layer>
			
			<Layer level="OVERLAY">
				<Texture parentKey="OverlayShadowTopLeft" atlas="collections-background-shadow-small" useAtlasSize="true">
					<Anchors>
						<Anchor point="TOPLEFT" relativeKey="$parent.BackgroundTile"/>
					</Anchors>
				</Texture>
				
				<Texture parentKey="OverlayShadowTopRight" atlas="collections-background-shadow-small" useAtlasSize="true">
					<Anchors>
						<Anchor point="TOPRIGHT" relativeKey="$parent.BackgroundTile"/>
					</Anchors>
					<TexCoords left="1" right="0" top="0" bottom="1"/>
				</Texture>

				<Texture parentKey="OverlayShadowBottomLeft" atlas="collections-background-shadow-small" useAtlasSize="true">
					<Anchors>
						<Anchor point="BOTTOMLEFT" relativeKey="$parent.BackgroundTile"/>
					</Anchors>
					<TexCoords left="0" right="1" top="1" bottom="0"/>
				</Texture>

				<Texture parentKey="OverlayShadowBottomRight" atlas="collections-background-shadow-small" useAtlasSize="true">
					<Anchors>
						<Anchor point="BOTTOMRIGHT" relativeKey="$parent.BackgroundTile"/>
					</Anchors>
					<TexCoords left="1" right="0" top="1" bottom="0"/>
				</Texture>

				<Texture parentKey="OverlayShadowTop" atlas="collections-background-shadow-small" useAtlasSize="true">
					<Anchors>
						<Anchor point="TOPLEFT" relativeKey="$parent.OverlayShadowTopLeft" relativePoint="TOPRIGHT" x="0" y="0"/>
						<Anchor point="TOPRIGHT" relativeKey="$parent.OverlayShadowTopRight" relativePoint="TOPLEFT" x="0" y="0"/>
					</Anchors>
					<TexCoords left="0.9999" right="1" top="0" bottom="1"/>
				</Texture>
				
				<Texture parentKey="OverlayShadowLeft" atlas="collections-background-shadow-small" useAtlasSize="true">
					<Anchors>
						<Anchor point="TOPLEFT" relativeKey="$parent.OverlayShadowTopLeft" relativePoint="BOTTOMLEFT"/>
						<Anchor point="BOTTOMLEFT" relativeKey="$parent.OverlayShadowBottomLeft" relativePoint="TOPLEFT"/>
					</Anchors>
					<TexCoords left="0" right="1" top="0.9999" bottom="1"/>
				</Texture>

				<Texture parentKey="OverlayShadowRight" atlas="collections-background-shadow-small" useAtlasSize="true">
					<Anchors>
						<Anchor point="TOPRIGHT" relativeKey="$parent.OverlayShadowTopRight" relativePoint="BOTTOMRIGHT"/>
						<Anchor point="BOTTOMRIGHT" relativeKey="$parent.OverlayShadowBottomRight" relativePoint="TOPRIGHT"/>
					</Anchors>
					<TexCoords left="1" right="0" top="0.9999" bottom="1"/>
				</Texture>

				<Texture parentKey="OverlayShadowBottom" atlas="collections-background-shadow-small" useAtlasSize="true">
					<Anchors>
						<Anchor point="BOTTOMLEFT" relativeKey="$parent.OverlayShadowBottomLeft" relativePoint="BOTTOMRIGHT" x="0" y="0"/>
						<Anchor point="BOTTOMRIGHT" relativeKey="$parent.OverlayShadowBottomRight" relativePoint="BOTTOMLEFT" x="0" y="0"/>
					</Anchors>
					<TexCoords left="0.9999" right="1" top="1" bottom="0"/>
				</Texture>
			</Layer>

			<Layer level="ARTWORK" textureSubLevel="1">
				<Texture parentKey="BGCornerFilagreeBottomLeft" atlas="collections-background-filagree" useAtlasSize="true">
					<Anchors>
						<Anchor point="BOTTOMLEFT" relativeKey="$parent.BackgroundTile"/>
					</Anchors>
					<TexCoords left="0.0" right="1.0" top="0.0" bottom="1.0"/>
				</Texture>

				<Texture parentKey="BGCornerFilagreeBottomRight" atlas="collections-background-filagree" useAtlasSize="true">
					<Anchors>
						<Anchor point="BOTTOMRIGHT" relativeKey="$parent.BackgroundTile"/>
					</Anchors>
					<TexCoords left="1.0" right="0.0" top="0.0" bottom="1.0"/>
				</Texture>
			</Layer>

			<Layer level="ARTWORK" textureSubLevel="2">
				<Texture parentKey="BGCornerTopLeft" atlas="collections-background-corner" useAtlasSize="true">
					<Anchors>
						<Anchor point="TOPLEFT" relativeKey="$parent.BackgroundTile"/>
					</Anchors>
				</Texture>

				<Texture parentKey="BGCornerTopRight" atlas="collections-background-corner" useAtlasSize="true">
					<Anchors>
						<Anchor point="TOPRIGHT" relativeKey="$parent.BackgroundTile"/>
					</Anchors>
					<TexCoords left="1.0" right="0.0" top="0.0" bottom="1.0"/>
				</Texture>

				<Texture parentKey="BGCornerBottomLeft" atlas="collections-background-corner" useAtlasSize="true">
					<Anchors>
						<Anchor point="BOTTOMLEFT" relativeKey="$parent.BackgroundTile"/>
					</Anchors>
					<TexCoords left="0.0" right="1.0" top="1.0" bottom="0.0"/>
				</Texture>

				<Texture parentKey="BGCornerBottomRight" atlas="collections-background-corner" useAtlasSize="true">
					<Anchors>
						<Anchor point="BOTTOMRIGHT" relativeKey="$parent.BackgroundTile"/>
					</Anchors>
					<TexCoords left="1.0" right="0.0" top="1.0" bottom="0.0"/>
				</Texture>
			</Layer>

			<Layer level="BORDER" textureSubLevel="1">
				<Texture parentKey="ShadowLineTop" atlas="_collections-background-line" useAtlasSize="true" horizTile="true">
					<Anchors>
						<Anchor point="TOPLEFT" relativeKey="$parent.BackgroundTile" x="0" y="-9" />
						<Anchor point="BOTTOMRIGHT" relativeKey="$parent.BackgroundTile" relativePoint="TOPRIGHT" x="0" y="-13"/>
					</Anchors>
				</Texture>

				<Texture parentKey="ShadowLineBottom" atlas="_collections-background-line" useAtlasSize="true" horizTile="true">
					<Anchors>
						<Anchor point="TOPLEFT" relativeKey="$parent.BackgroundTile" relativePoint="BOTTOMLEFT" x="0" y="13" />
						<Anchor point="BOTTOMRIGHT" relativeKey="$parent.BackgroundTile" x="0" y="9"/>
					</Anchors>
				</Texture>
			</Layer>

		</Layers>
	</Frame>

	<FontString name="BW_CollectionsPageTextTemplate" inherits="GameFontWhite" justifyH="RIGHT" virtual="true"/>

	<Button name="BW_CollectionsPrevPageButton" virtual="true">
		<Size x="32" y="32" />
		<NormalTexture file="Interface\Buttons\UI-SpellbookIcon-PrevPage-Up"/>
		<PushedTexture file="Interface\Buttons\UI-SpellbookIcon-PrevPage-Down"/>
		<DisabledTexture file="Interface\Buttons\UI-SpellbookIcon-PrevPage-Disabled"/>
		<HighlightTexture file="Interface\Buttons\UI-Common-MouseHilight" alphaMode="ADD"/>
	</Button>
	
	<Button name="BW_CollectionsNextPageButton" virtual="true">
		<Size x="32" y="32" />
		<NormalTexture file="Interface\Buttons\UI-SpellbookIcon-NextPage-Up"/>
		<PushedTexture file="Interface\Buttons\UI-SpellbookIcon-NextPage-Down"/>
		<DisabledTexture file="Interface\Buttons\UI-SpellbookIcon-NextPage-Disabled"/>
		<HighlightTexture file="Interface\Buttons\UI-Common-MouseHilight" alphaMode="ADD"/>
	</Button>

	<Frame name="BW_CollectionsPagingFrameTemplate" mixin="BW_CollectionsPagingMixin" virtual="true">
		<!-- why 33? it makes it so the button textures display without rounding fuzziness on my screen -->
		<Size x="33" y="32"/>
		<Frames>
			<Button parentKey="PrevPageButton" inherits="BW_CollectionsPrevPageButton">
				<Anchors>
					<Anchor point="LEFT" x="0" y="0" />
				</Anchors>
				<Scripts>
					<OnClick>
						self:GetParent():PreviousPage();
					</OnClick>
				</Scripts>
			</Button>
			<Button parentKey="NextPageButton" inherits="BW_CollectionsNextPageButton">
				<Anchors>
					<Anchor point="LEFT" relativePoint="RIGHT" x="3" y="0" />
				</Anchors>
				<Scripts>
					<OnClick>
						self:GetParent():NextPage();
					</OnClick>
				</Scripts>
			</Button>
		</Frames>
		<Layers>
			<Layer level="ARTWORK">
				<FontString parentKey="PageText" inherits="BW_CollectionsPageTextTemplate">
					<Anchors>
						<Anchor point="RIGHT" relativePoint="LEFT" x="-11" y="0"/>
					</Anchors>
				</FontString>
			</Layer>
		</Layers>
		<Scripts>
			<OnLoad method="OnLoad"/>
		</Scripts>
	</Frame>
</Ui>
