﻿<?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="BrandID" select="normalize-space(AjaxRequest/Params/BrandID)"></xsl:variable>
		<xsl:variable name="Origin" select="normalize-space(AjaxRequest/Params/Origin)"></xsl:variable>
		<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="Authenticated" select="normalize-space(AjaxRequest/Authenticated)"/>
		<xsl:variable name="LoggedInUserID" select="normalize-space(AjaxRequest/LoggedInUserID)"></xsl:variable>
		<xsl:variable name="Item" select="normalize-space(AjaxRequest/Item)"></xsl:variable>

		<div id="divSocialLayout_{$BrandID}" class="padding20">
			<xsl:choose>
				<xsl:when test="$Origin='club'">
					<div class="createGoalWizardHeadlineSubText" align="left">
						Share the Party Pong Club with your friends using the links below and earn <span style="color:red;">10 FREE points</span> for every person that signs up.
					</div>
				</xsl:when>
				<xsl:otherwise>
					<span class="labelGoalTitle">Share and connect with your friends.</span>
				</xsl:otherwise>
			</xsl:choose>
			<div id="divFindFriendsOnFacebook" class="padding10">
				<table>
					<tr>
						<td>
							<table class="tableMaster" cellpadding="4">
								<tr>
									<td>
										<span class="emailFriendsText">Email friends</span>
									</td>
								</tr>
								<tr>
									<td>
										<input style="width:340px;height:22px;" id="txt_Email" type="text" value="ENTER FRIENDS EMAILS"
										   class="notificationTypeText" onClick="SetTextAreaValue('txt_Email', 'ENTER FRIENDS EMAILS', 'focus');"
										   onblur="SetTextAreaValue('txt_Email', 'ENTER FRIENDS EMAILS', 'blur');"></input>
									</td>
								</tr>
								<tr>
									<td>
										<textarea id="emailContent" class="notificationTypeText" rows="4" style="width:340px;"
											onblur="SetTextAreaValue('emailContent', 'ADD A MESSAGE', 'blur')"
											onfocus="removeWhiteSpace('emailContent'); SetTextAreaValue('emailContent','ADD A MESSAGE','focus');">ADD A MESSAGE</textarea>
									</td>
								</tr>
								<tr>
									<td>
										<div align="right">
											<div class="textCenter verticallyMiddle onMouseOver divBrowseGradient spanBrowseGradientTextGray paddingLeft10" style="width:90px;line-height:30px;"
												onclick="Email_InviteUsers_Ver_2_0('txt_Email', 'emailContent', {$BrandID}, '{$Origin}', '{$Item}','');"
												onmouseout="document.getElementById('img_SendInvite').src='{$TemplateURL}Web/Images/Ver_2_0/BT_arrow.png';"
												onmouseover="document.getElementById('img_SendInvite').src='{$TemplateURL}Web/Images/Ver_2_0/BT_arrow_hover.png';">
												<img id="img_SendInvite" class="verticallyMiddle" align="absmiddle" src="{$TemplateURL}Web/Images/Ver_2_0/BT_arrow.png"></img>
												<span id="span_SendInvite" class="verticallyMiddle">SEND INVITE</span>
											</div>
										</div>
									</td>
								</tr>
							</table>
						</td>
						<td>
							<div class="marginLeft20">
								<div class="emailFriendsText marginTop5">Get Social</div>
								<xsl:choose>
									<xsl:when test="$Origin = 'lspromoter'">
										<div class="marginTop10">
											<a id="linkFacebook" target="_blank" class="decorationNone"
											   href="http://www.facebook.com/share.php?u=http://{$HostName}?REF=FB-U{$LoggedInUserID}">
												<img style="width:40px;height:40px;" border="0" src="{$TemplateURL}Web/Images/Ver_2_0/BT_facebook_60.png" align="absmiddle" class="marginRight5 marginBottom10">
												</img>
											</a>
											<span class="FBTWText">Share it on Facebook</span>
										</div>
										<div>
											<a id="linkTwitter" target="_blank" class="decorationNone"
																		   href="http://twitter.com/intent/tweet?status=http://{$HostName}?REF=TW-U{$LoggedInUserID}">
												<img style="width:40px;height:40px;" border="0" align="absmiddle" class="marginRight5" src="{$TemplateURL}Web/Images/Ver_2_0/BT_twitter_60.png"></img>
											</a>
											<span class="FBTWText">Tweet It</span>
										</div>
										<div class="marginTop10">
											<a style="margin-left:3px;" class="decorationNone" href="https://plus.google.com/share?url=http://{normalize-space($HostName)}/?REF=PLUS-U{normalize-space($LoggedInUserID)}"
											   onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
												<img src="https://www.gstatic.com/images/icons/gplus-32.png" align="absmiddle" alt="Share on Google+"/>
											</a>
											<span class="FBTWText marginLeft5">Share on Google+</span>
										</div>
									</xsl:when>
									<xsl:otherwise>
										<div class="marginTop10">
											<a id="linkFacebook" target="_blank" class="decorationNone"
											   href="http://www.facebook.com/share.php?u=http://{$HostName}/BecomeAMember?REF=FB-U{$LoggedInUserID}">
												<img style="width:40px;height:40px;" border="0" src="{$TemplateURL}Web/Images/Ver_2_0/BT_facebook_60.png" align="absmiddle" class="marginRight5 marginBottom10">
												</img>
											</a>
											<span class="FBTWText">Share it on Facebook</span>
										</div>
										<div>
											<a id="linkTwitter" target="_blank" class="decorationNone"
																		   href="http://twitter.com/intent/tweet?status=http://{$HostName}/BecomeAMember?REF=TW-U{$LoggedInUserID}">
												<img style="width:40px;height:40px;" border="0" align="absmiddle" class="marginRight5" src="{$TemplateURL}Web/Images/Ver_2_0/BT_twitter_60.png"></img>
											</a>
											<span class="FBTWText">Tweet It</span>
										</div>
										<div class="marginTop10">
											<a style="margin-left:3px;" class="decorationNone" href="https://plus.google.com/share?url=http://{normalize-space($HostName)}/BecomeAMember/?REF=PLUS-U{normalize-space($LoggedInUserID)}"
											   onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
												<img src="https://www.gstatic.com/images/icons/gplus-32.png" align="absmiddle" alt="Share on Google+"/>
											</a>
											<span class="FBTWText marginLeft5">Share on Google+</span>
										</div>
									</xsl:otherwise>
								</xsl:choose>
							</div>
						</td>
					</tr>
				</table>
			</div>

			<div class="graySeperatorLineBold">
			</div>

			<div class="padding10">
				<span class="emailFriendsText marginLeft10">Copy and Paste</span>
			</div>
			<div class="marginLeft20">
				<input style="width:60%;height:25px;" id="txt_CopyAndPaste" type="text"
								 value="http://{$HostName}/?REF=INV-U{$LoggedInUserID}" onClick="SelectAll('txt_CopyAndPaste');"
								 class="copyPasteText onMouseOver"></input>
			</div>
		</div>
	</xsl:template>
</xsl:stylesheet>
