﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl">
	<xsl:output method="xml" indent="yes"/>

	<xsl:template match="/">
		<xsl:variable name="HostName" select="normalize-space(AjaxRequest/HostName)"></xsl:variable>
		<xsl:variable name="TemplateURL" select="normalize-space(AjaxRequest/TemplateURL)"></xsl:variable>
		<xsl:variable name="BrandKey" select="normalize-space(AjaxRequest/Brand/BrandKey)"></xsl:variable>
		<xsl:variable name="LoginYN" select="normalize-space(AjaxRequest/LoginYN)"></xsl:variable>
		<xsl:variable name ="ClubName" select ="normalize-space(AjaxRequest/Brand/PortalItem)"></xsl:variable>

		<table class="TournamentClubBackground tableMaster" cellspacing="0" cellpadding="0">
			<tr>
				<td>
					<div class="paddingLeft10 TournamentShareHeader marginBottom10" align="left" style="background-color:#47B5E7;line-height:25px;">
						ABOUT
					</div>

					<div align="center" height="500px;" >

						<div class="ClubAboutHeader marginBottom10">
							What is the <xsl:value-of select ="$ClubName"/>?
						</div>
						<div class="countTextClass marginBottom5" style="color:red;">The Ultimate Bar Experience</div>
						<div class="goalUpdateSubHeadline marginBottom15 textJustify" style="width:80%;">
							The Party Pong Club is a <span class="barHeaderText">FREE</span> program where Club Members compete in <span class="barHeaderText">FREE</span> Party Pong Tournaments at Participating Bars and earn points based on tournament placement, then redeem those points online for 1,000s of prizes.
						</div>
						<table class="tableMaster marginBottom15 marginLeft10" style="width:100%;">
							<tr>
								<td class="textCenter">
									<a href="http://{$HostName}/BecomeAMember">
										<img id="BecomeAMember" src="{$TemplateURL}/Web/Images/Ver_2_0/Club/Become a Member On.png"
											 style="width:155px; height:34px;"
											 onMouseOver="document.getElementById('BecomeAMember').src='{$TemplateURL}/Web/Images/Ver_2_0/Club/Become a Member Off.png'"
											 onMouseOut="document.getElementById('BecomeAMember').src='{$TemplateURL}/Web/Images/Ver_2_0/Club/Become a Member On.png'"></img>
									</a>
								</td>
								<td class="textCenter">
									<a href="http://{$HostName}/PrizeCatalog">
										<img id="PrizeCatalog" src="{$TemplateURL}/Web/Images/Ver_2_0/Club/View Prize Catalog On.png"
										  style="width:155px; height:34px;"
										  onMouseOver="document.getElementById('PrizeCatalog').src='{$TemplateURL}/Web/Images/Ver_2_0/Club/View Prize Catalog Off.png'"
										  onMouseOut="document.getElementById('PrizeCatalog').src='{$TemplateURL}/Web/Images/Ver_2_0/Club/View Prize Catalog On.png'"></img>
									</a>
								</td>
								<td class="textCenter">
									<xsl:choose>
										<xsl:when test="$LoginYN = 1">
											<a href="http://{$HostName}/FindTournaments">
												<img id="LocateTournament" src="{$TemplateURL}/Web/Images/Ver_2_0/Club/Locate Tournaments On.png"
												  style="width:155px; height:34px;"
												  onMouseOver="document.getElementById('LocateTournament').src='{$TemplateURL}/Web/Images/Ver_2_0/Club/Locate Tournaments Off.png'"
												  onMouseOut="document.getElementById('LocateTournament').src='{$TemplateURL}/Web/Images/Ver_2_0/Club/Locate Tournaments On.png'"></img>
											</a>
										</xsl:when>
										<xsl:otherwise>
											<a href="http://{$HostName}/BecomeAMember">
												<img id="LocateTournament" src="{$TemplateURL}/Web/Images/Ver_2_0/Club/Locate Tournaments On.png"
												 style="width:155px; height:34px;"
												 onMouseOver="document.getElementById('LocateTournament').src='{$TemplateURL}/Web/Images/Ver_2_0/Club/Locate Tournaments Off.png'"
												 onMouseOut="document.getElementById('LocateTournament').src='{$TemplateURL}/Web/Images/Ver_2_0/Club/Locate Tournaments On.png'"></img>
											</a>
										</xsl:otherwise>
									</xsl:choose>
								</td>
							</tr>
							<tr>
								<td class="textCenter verticallyBottom">
									<a href="http://{$HostName}/BecomeAMember">
										<img style="display:none;" onload="setWidthAndHeightImage(this, 200);" alt="" src="{$TemplateURL}/Web/Images/Ver_2_0/Club/About1.png"></img>
									</a>
								</td>
								<!--<xsl:choose>
									<xsl:when test="$LoginYN = 1">-->

										<td class="textCenter verticallyBottom">
											<a href="http://{$HostName}/PrizeCatalog">
												<img style="display:none;" onload="setWidthAndHeightImage(this, 350);" alt="" src="{$TemplateURL}/Web/Images/Ver_2_0/Club/About2.png"></img>
											</a>
										</td>

									<!--</xsl:when>
									<xsl:otherwise>

										<td class="textCenter verticallyBottom">
											<a href="http://{$HostName}/BecomeAMember">
												<img style="display:none;" onload="setWidthAndHeightImage(this, 350);" alt="" src="{$TemplateURL}/Web/Images/Ver_2_0/Club/About2.png"></img>
											</a>
										</td>

									</xsl:otherwise>
								</xsl:choose>-->

								<xsl:choose>
									<xsl:when test="$LoginYN = 1">

										<td class="textCenter verticallyBottom">
											<a href="http://{$HostName}/FindTournaments">
												<img style="display:none;" onload="setWidthAndHeightImage(this, 250);" alt="" src="{$TemplateURL}/Web/Images/Ver_2_0/Club/About3.png"></img>
											</a>
										</td>

									</xsl:when>
									<xsl:otherwise>

										<td class="textCenter verticallyBottom">
											<a href="http://{$HostName}/BecomeAMember">
												<img style="display:none;" onload="setWidthAndHeightImage(this, 250);" alt="" src="{$TemplateURL}/Web/Images/Ver_2_0/Club/About3.png"></img>
											</a>
										</td>

									</xsl:otherwise>
								</xsl:choose>
							</tr>
						</table>
					</div>
				</td>
			</tr>
		</table>


	</xsl:template>
</xsl:stylesheet>
