﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
                xmlns:fb="http://www.facebook.com/2008/fbml">
    <xsl:import href="WizardButtons.xslt"/>

    <xsl:template match ="/">
        <xsl:variable name="TemplatePathURL" select="normalize-space(SocialData/TemplateURL)"/>
        <xsl:variable name="HostName" select="normalize-space(SocialData/HostName)" />
        <xsl:variable name="APIKey" select="normalize-space(SocialData/Params/APIKey)"/>
        
        <xsl:variable name ="DisplayFBButton">
            <xsl:choose>
                <xsl:when test="SocialData/User/FbUserID">
                    display:none
                </xsl:when>
                <xsl:otherwise>
                    display:block
                </xsl:otherwise>
            </xsl:choose>
        </xsl:variable>
        <xsl:variable name ="DisplayFBMessage">
            <xsl:choose>
                <xsl:when test="SocialData/User/FbUserID">
                    display:block
                </xsl:when>
                <xsl:otherwise>
                    display:none
                </xsl:otherwise>
            </xsl:choose>
        </xsl:variable>

        <div id="divSocialLayout" style="width: 100%;">
            <div id="divGetStartedButtons" style="margin-top: 10px; margin-bottom: 10px;">
                <xsl:call-template name="WizardButtons">
                    <xsl:with-param name="TemplatePathURL" select="normalize-space($TemplatePathURL)"></xsl:with-param>
                    <xsl:with-param name="Source" >
                        <xsl:text>social</xsl:text>
                    </xsl:with-param>
                    <xsl:with-param name="HostName" select="$HostName"></xsl:with-param>
                </xsl:call-template>
            </div>
            <div style="color: #376092; margin-top: 20px; margin-bottom: 10px;">
                <table class="tableMaster" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td align="top" valign="top" rowspan="2">
                            <img src="{$TemplatePathURL}Web/Images/AdPerson_Right.jpg" title="AdPerson" BORDER="0"></img>
                        </td>
                        <td align="top">
                            <span class="labelSize14">Step 4 of 4 - Share With Your Friends.</span>
                        </td>
                    </tr>
                    <tr>
                        <td align="top">
                            <span class="labelSize13">
                                "OK.  Last Step!  Did you know I can easily and quickly find your friends on LifeSpace?
                                All you have to do is connect to any of your other accounts below and we will locate
                                your friends and make it easy for you to share with them later on."
                            </span>
                        </td>
                    </tr>
                    <!--<tr>
                        <td></td>
                        <td style="padding-top: 30px; padding-bottom: 10px;">
                            <span class="labelBold">
                                How would you like others to see you on LifeSpace?
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div align="center">
                                <img src="{$TemplatePathURL}Web/Images/UserPicture.jpg" width="70" height="70"/>
                            </div>
                            <div align="center">
                                <a href="#" class="link">Change Picture</a>
                            </div>
                        </td>
                        <td>
                            <table class="tableMaster" cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td style="padding-bottom: 2px;">
                                        <input id="chk_Name" type="checkbox" checked="true"></input>
                                        &#xa0;
                                        <input id="txt_Name" type="text" class="textGray" maxlength="50"/>
                                    </td>
                                    <td>
                                        <input id="chk_Title" type="checkbox" checked="true"></input>
                                        &#xa0;
                                        <input id="txt_Title" type="text" class="textGray" maxlength="50"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding-bottom: 2px;">
                                        <input id="chk_Address" type="checkbox" checked="true"></input>
                                        &#xa0;
                                        <input id="txt_Address" type="text" class="textGray" maxlength="50"/>
                                    </td>
                                    <td>
                                        <input id="chk_Company" type="checkbox" checked="true"></input>
                                        &#xa0;
                                        <input id="txt_Company" type="text" class="textGray" maxlength="50"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding-bottom: 2px;">
                                        <input id="chk_UserDetails" type="checkbox" checked="true"></input>
                                        &#xa0;
                                        <input id="txt_UserDetails" type="text" class="textGray" maxlength="50"/>
                                    </td>
                                    <td>
                                        <input id="chk_WebSite" type="checkbox" checked="true"></input>
                                        &#xa0;
                                        <input id="txt_WebSite" type="text" class="textGray" maxlength="50"/>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>-->
                </table>
            </div>
            <!--<div class="seperateSections"></div>
            <div id="divFindFriends" style="margin-top: 20px; margin-bottom: 20px;">
                <table class="tableMaster" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td width="20%">
                            <img src="{$TemplatePathURL}Web/Images/AddressBook.jpg"/>
                        </td>
                        <td>
                            <div class="labelItalicGray">
                                Find  your friends on LifeSpace!  Log into Gmail,
                                Yahoo or Outlook Address Books by clicking here
                            </div>
                            <div style="margin-top: 10px;">
                                <img class="onMouseOver" src="{$TemplatePathURL}Web/Images/BtnAddFromAddressBook.png"/>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="seperateSections"></div>-->
            <div id="divFindFriendsOnFacebook" style="margin-top: 20px; margin-bottom: 20px;">
                <table class="tableMaster" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td width="20%">
                            <img src="{$TemplatePathURL}Web/Images/Facebook.jpg"/>
                        </td>
                        <td>
                            <div class="labelItalicGray">
                                Find your Facebook friends on LifeSpace
                            </div>
                            <div id="divFbNotConnected" style="margin-top: 5px; {$DisplayFBButton};">
                                <!--<iframe src="FacebookConnect.aspx"
                                        style="width:100% ;height:100px;" scrolling="no" marginwidth="0"
                                        marginheight="0" frameborder="0"></iframe>-->
                                <!--<input type="button" value="FBLogin" onclick="facebookLoginPopup(3);" />-->

                                <img src="{$TemplatePathURL}Web/Images/fbconnect.gif" class="link" onclick="facebookLoginPopup(3);" />
                            </div>
                            <div id="divFbConnected" runat="server" style="{$DisplayFBMessage};">
                                <div style="font-family: Calibri, Verdana, Arial; font-size: 10pt; text-align: justify;">
                                    <b>Congratulations! </b>Your LifeSpace Account now is Linked to Facebook!
                                </div>
                                <div style="font-family: Calibri, Verdana, Arial; font-size: 10pt;">
                                    We will announce future features as they become available."
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="seperateSections"></div>
            <div id="divFindFriendsOnTwitter" style="margin-top: 20px; margin-bottom: 20px;">
                <table class="tableMaster" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td width="20%" valign="top">
                            <img src="{$TemplatePathURL}Web/Images/Logo_Twitter.png" />
                            <img src="{$TemplatePathURL}Web/Images/Logo_LinkedIn.png" />
                        </td>
                        <td>
                            <span class="labelItalicGray">
                                Additional Social Network Integration Coming Soon
                            </span>
                        </td>
                    </tr>
                </table>
            </div>
            <div align="right">
                <a class ="link" href="http://{$HostName}/Home.aspx">
                    <img src="{$TemplatePathURL}Web/Images/BtnContinue.png"
                         title="ContinueButton" style="cursor: pointer; border:0px;"></img>
                </a>
            </div>
        </div>
    </xsl:template>
</xsl:stylesheet>

