﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:template match="/">
        <xsl:variable name="itemID" select="normalize-space(DYKData/ItemID)"></xsl:variable>
        <xsl:variable name="Mode" select="normalize-space(DYKData/Mode)"></xsl:variable>
        <xsl:variable name="requestedDiv" select="normalize-space(DYKData/RequestedDiv)"></xsl:variable>
        <xsl:variable name="totalItems" select="normalize-space(DYKData/TotalDYKItems)"></xsl:variable>
        <xsl:variable name="TemplatePathURL" select="normalize-space(DYKData/TemplateURL)"></xsl:variable>
        <xsl:variable name="IsComplete" select="normalize-space(DYKData/IsComplete)"></xsl:variable>

        <div>
            <table cellpadding="0" cellspacing="0" width="100%">
                <tr>
                    <td>
                        <div id="divContainerDYK" name="collapsed" sourceDiv="" sourceHeight=""
                             style="border: 2px solid #385D8A;position:absolute;z-index:100;background-color:White;width:665px;"
                             onmouseover="VirtualCoach_DisplayContent('anc_DYK','40');"
                             onmouseout="VirtualCoach_HideContent('anc_DYK','40');">

                            <itemExpansionStatus id="divContainerDYK_expansionStatus" status="collapsed"></itemExpansionStatus>

                            <table cellpadding="0" cellspacing="0" width="100%" >
                                <xsl:choose>
                                    <xsl:when test ="$IsComplete = 1">
                                        <xsl:choose>
                                            <xsl:when test="normalize-space(DYKData/DYKItem/DYKTypeID) = 3 and $Mode != 'ClientPortal'">
                                                <tr>
                                                    <td colspan="3" width="100%">
                                                        <xsl:for-each select ="DYKData/DYKItem[DYKTypeID = 3]">
                                                            <xsl:variable name="currentPosition" select="position()"></xsl:variable>
                                                            <xsl:choose>
                                                                <xsl:when test ="position() = 1">
                                                                    <div id ="dyk_content_{$currentPosition}_Video" style="text-align:center;">
                                                                        <xsl:value-of select ="DYKHTML" disable-output-escaping ="yes"/>
                                                                    </div>
                                                                </xsl:when>
                                                                <xsl:otherwise>
                                                                    <div id ="dyk_content_{$currentPosition}_Video" style="display:none;text-align:center;" >
                                                                        <xsl:value-of select ="DYKHTML" disable-output-escaping ="yes"/>
                                                                    </div>
                                                                </xsl:otherwise>
                                                            </xsl:choose>
                                                        </xsl:for-each>
                                                    </td>
                                                </tr>
                                            </xsl:when>
                                            <xsl:otherwise>
                                                <tr>
                                                    <td width="10%" >
                                                        <img src="{$TemplatePathURL}Web/Images/virtualcoach_small.jpg" title="DoYouKnow" ></img>
                                                    </td>
                                                    <td width="80%" style="padding-top:5px;padding-left:5px;">

                                                        <xsl:for-each select ="DYKData/DYKItem[DYKTypeID != 3]">
                                                            <xsl:variable name="currentPosition" select="position()"></xsl:variable>
                                                            <xsl:choose>
                                                                <xsl:when test ="position() = 1">
                                                                    <div id ="dyk_content_{$currentPosition}" style="height:40px;overflow:hidden;">
                                                                        <xsl:value-of select ="DYKHTML" disable-output-escaping ="yes"/>
                                                                    </div>
                                                                </xsl:when>
                                                                <xsl:otherwise>
                                                                    <div id ="dyk_content_{$currentPosition}" style="display:none;height:40px;overflow:hidden;" >
                                                                        <xsl:value-of select ="DYKHTML" disable-output-escaping ="yes"/>
                                                                    </div>
                                                                </xsl:otherwise>
                                                            </xsl:choose>
                                                        </xsl:for-each>

                                                        <div style="text-align:center;valign:top;">
                                                            <span id="anc_DYK" style="cursor:pointer;color:rgb(0,51,102); font-size:11pt; font-weight:bold;">
                                                                more...
                                                            </span>
                                                        </div>
                                                    </td>
                                                    <td width="10%" style="padding-top:10px;text-align: right;padding-right: 10px;">
                                                        <div style="font-family: Calibri, Verdana, Arial; font-size: 11pt; color: #376092;">
                                                            <span id="spPrevDyk" onClick='return dyk_MoveDYK("Prev");' style="cursor: pointer; display: inline; display:none;">
                                                                &lt;&#xa0;<u>Prev</u>
                                                            </span>&#xa0;
                                                            <span id="spCurrentNumber">1</span>&#xa0;of&#xa0;<span id="spTotalNumber">
                                                                <xsl:value-of select ="$totalItems"/>
                                                            </span>&#xa0;
                                                            <xsl:choose>
                                                                <xsl:when test="count(DYKData/DYKItem) &lt;= 1">
                                                                    <span id="spNextDyk" onClick='return dyk_MoveDYK("Next");' style="cursor: pointer; display: inline; display:none;">
                                                                        <u>Next</u>&#xa0;&gt;
                                                                    </span>
                                                                </xsl:when>
                                                                <xsl:otherwise>
                                                                    <span id="spNextDyk" onClick='return dyk_MoveDYK("Next");' style="cursor: pointer; display:block; display: inline;">
                                                                        <u>Next</u>&#xa0;&gt;
                                                                    </span>
                                                                </xsl:otherwise>
                                                            </xsl:choose>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </xsl:otherwise>
                                        </xsl:choose>
                                    </xsl:when>
                                    <xsl:otherwise>
                                        <tr>
                                            <td width="10%">
                                                <img src="{$TemplatePathURL}Web/Images/virtualcoach_small.jpg" title="DoYouKnow"></img>
                                            </td>
                                            <td width="90%" style="padding-top:2px;padding-left:5px;">
                                                <span class="labelHeader">
                                                    Please Complete Your Details
                                                </span>
                                                <div id="divAdminContentContainer_UserRegisterSettings" style="margin-top:5px;height:23px;overflow:hidden;">
                                                    <xsl:value-of select ="DYKData/UserHTML" disable-output-escaping ="yes"/>
                                                </div>
                                                <!--<div style="text-align:center">
                                                    -->
                                                <!--<a id="anc_DYK" style="cursor:pointer;color:rgb(0,51,102); font-weight:bold;"
                                                       onclick="VirtualCoach_DisplayContent('divAdminContentContainer_UserRegisterSettings','anc_DYK','23');" >more...</a>-->
                                                <!--
                                                     <a id="anc_DYK" style="cursor:pointer;color:rgb(0,51,102); font-weight:bold;">more...</a>
                                                </div>-->
                                                <div style="text-align:center;valign:top;">
                                                    <span id="anc_DYK" style="cursor:pointer;color:rgb(0,51,102); font-size:11pt; font-weight:bold;">
                                                        more...
                                                    </span>
                                                </div>
                                            </td>
                                        </tr>
                                    </xsl:otherwise>
                                </xsl:choose>
                            </table>
                        </div>

                    </td>
                    <td>
                        <div style="height:78px;"></div>
                    </td>
                </tr>

            </table>
        </div>
    </xsl:template>
</xsl:stylesheet>