﻿<?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="ItemID" select="normalize-space(Brand/PortalItemID)"></xsl:variable>
        <xsl:variable name="HostName" select="normalize-space(Brand/HostName)"></xsl:variable>
        <xsl:variable name="TemplateURL" select ="normalize-space(Brand/TemplateURL)"></xsl:variable>
        <xsl:variable name="BrandKey" select="normalize-space(Brand/BrandKey)"></xsl:variable>
        <xsl:variable name="BrandID" select="normalize-space(Brand/BrandID)"></xsl:variable>
        <xsl:variable name="Authenticated" select="normalize-space(Brand/Authenticated)"/>
        <xsl:variable name="ClubName" select="normalize-space(Brand/PortalItem)"></xsl:variable>
        <xsl:variable name="LoggedInUserID" select="normalize-space(Brand/LoggedInUserID)"></xsl:variable>

        <table class="tableMaster TournamentClubBackground" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <div class="TournamentShareHeader marginBottom15 paddingLeft10" align="left" style="background-color:#47B5E7;line-height:25px;">
                        Tell Your Friends About the <xsl:value-of select ="$ClubName"/>!
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div id="divClubInviteFriend">
                        <table width="95%" cellpadding="0" cellspacing="0" align="center">
                            <tr>
                                <td colspan="2">
                                    <!--<div class="TournamentShare" align="left">
                                        Share and connect with your friends
                                    </div>-->
                                    <div class="createGoalWizardHeadlineSubText marginTop20" 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>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <div class="graySeperatorLineBold marginBottom20"></div>
                                </td>
                            </tr>
                            <tr>
                                <td width="300px">
                                    <div class="marginLeft25 marginRight20">
                                        <div>
                                            <span class="emailFriendsText">Email friends</span>
                                        </div>
                                        <div class="marginBottom15">
                                            <input id="txt_Club_Email" type="text" class="notificationTypeText" style="width:377px;height:25px;" value="ENTER FRIENDS EMAILS"
											   onfocus="SetTextAreaValue('txt_Club_Email','ENTER FRIENDS EMAILS','focus');"
											   onBlur='SetTextAreaValue("txt_Club_Email","ENTER FRIENDS EMAILS","blur")'></input>
                                        </div>
                                        <div class="marginBottom20">
                                            <textarea id="txt_Club_emailContent" style="width:377px;" class="notificationTypeText" rows="4"
												  onfocus="removeWhiteSpace('txt_Club_emailContent');
                                                   SetTextAreaValue('txt_Club_emailContent','ADD A MESSAGE','focus');"
												  onBlur='SetTextAreaValue("txt_Club_emailContent","ADD A MESSAGE","blur")'>
                                                <xsl:text>ADD A MESSAGE</xsl:text>
                                            </textarea>
                                        </div>
                                        <div align='right'>
                                            <div class="verticallyMiddle onMouseOver divBrowseGradient spanBrowseGradientTextGray textCenter marginRight20" style="width:90px;line-height:30px;"
														onmouseover="document.getElementById('img_SendInvite').src='{$TemplateURL}Web/Images/Ver_2_0/BT_arrow_hover.png';"
														onmouseout="document.getElementById('img_SendInvite').src='{$TemplateURL}Web/Images/Ver_2_0/BT_arrow.png';"
														onclick="sendInviteFunctionCall('{$Authenticated}', '{$BrandID}', '{$HostName}');">
                                                <img id="img_SendInvite" src="{$TemplateURL}Web/Images/Ver_2_0/BT_arrow.png" class="verticallyMiddle" align="absmiddle"></img>
                                                <span id="span_SendInvite" class="verticallyMiddle">SEND INVITE</span>												
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                <td width="457px">
                                    <table cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td>
                                                <span class="emailFriendsText">Get Social</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="verticallyMiddle">
                                                <a id="linkFacebook" target="_blank" class="decorationNone"
												  href="http://www.facebook.com/share.php?u=http://{$HostName}?REF=FB-U{$LoggedInUserID}">
                                                    <img src="{$TemplateURL}Web/Images/Ver_2_0/BT_facebook_60.png"
													   class="marginRight5 marginBottom10"  align="absmiddle"/>
                                                    <span class="FBTWText">facebook</span>
                                                </a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="verticallyMiddle">
                                                <a id="linkTwitter" target="_blank" class="decorationNone"
												href="http://twitter.com/intent/tweet?status=http://{$HostName}?REF=TW-U{$LoggedInUserID}">
                                                    <img src="{$TemplateURL}Web/Images/Ver_2_0/BT_twitter_60.png" class="marginRight5" align="absmiddle"/>
                                                    <span class="FBTWText">Tweet it</span>
                                                </a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="verticallyMiddle" style="padding-top:10px">
                                                <div class="g-plusone marginTop10" data-size="standard" data-count="false"
                                                     data-href="http://{$HostName}?REF=PLUS-U{$LoggedInUserID}"></div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <div class="graySeperatorLineBold marginTop25 marginBottom20"></div>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <div class="marginLeft25">
                                        <span class="emailFriendsText">Copy And Paste</span>
                                    </div>
                                    <div class="marginLeft25 marginBottom20">
                                        <input id="text_TemplateURL" type="text" class="copyPasteText onMouseOver" style="width:457px;height:25px;"
										 onClick="SelectAll('text_TemplateURL');" value="http://{$HostName}"></input>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
        </table>

    </xsl:template>
</xsl:stylesheet>
