﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:import href="GenericTemplates/NoContentMessage.xslt"/>

    <xsl:template match="/">
        <div id="divLearnIT" style="border: 2px solid #385D8A;">
            <table class="tableMaster" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td>
                        <div id="divLearnItTitle" class="overlapLeft" style="display: table;">
                            <span class="labelHeader overlapLeftText">Learn It!</span>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div id="divCContentTop" class="ArticleFont12">
                            <div id="FeaturedOpen" class="FeaturedOpen">

                                <script type="text/javascript">
                                    var faq=new switchicon("featured", "div") //Limit scanning of switch contents to just "div" elements
                                    faq.setHeader('<img src="DesktopModules/Communities/images/minus.gif" />',
                                    '<img src="DesktopModules/Communities/images/plus.gif" />') //set icon HTML
                                    faq.collapsePrevious(true) //Allow only 1 content open at any time
                                    faq.setPersist(false) //No persistence enabled
                                    faq.defaultExpanded(0) //Set 1st content to be expanded by default
                                    faq.init()
                                </script>

                            </div>
                            <div id="PopularOpen" class="FeaturedOpen">

                                <script type="text/javascript">
                                    var faq=new switchicon("Popular", "div") //Limit scanning of switch contents to just "div" elements
                                    faq.setHeader('<img src="images/minus.gif" />', '<img src="images/plus.gif" />') //set icon HTML
                                    faq.collapsePrevious(true) //Allow only 1 content open at any time
                                    faq.setPersist(false) //No persistence enabled
                                    faq.defaultExpanded(0) //Set 1st content to be expanded by default
                                    faq.init()
                                </script>

                            </div>
                            <div id="NewArticleOpen" class="NewArticleOpen" style="padding-left: 10px; padding-right: 10px;">
                                <xsl:choose>
                                    <xsl:when test="normalize-space(AjaxRequest/PublicationHtml) = '' and normalize-space(AjaxRequest/ContentHtml) = ''">
                                        <xsl:call-template name="NoContentMessage"></xsl:call-template>
                                    </xsl:when>
                                    <xsl:otherwise>
                                        <div id="divPublicationsLinkedToCommunity" style="margin-top: 10px;">
                                            <xsl:value-of select="AjaxRequest/PublicationHtml" disable-output-escaping="yes"/>
                                        </div>
                                        <div id="divNewArticleContent" style="margin-top: 10px;">
                                            <xsl:value-of select="AjaxRequest/ContentHtml" disable-output-escaping="yes"/>
                                        </div>
                                    </xsl:otherwise>
                                </xsl:choose>


                                <script type="text/javascript">
                                    var faq=new switchicon("NewArticle", "div") //Limit scanning of switch contents to just "div" elements
                                    faq.setHeader('<img src="images/minus.gif" />', '<img src="images/plus.gif" />') //set icon HTML
                                    faq.collapsePrevious(true) //Allow only 1 content open at any time
                                    faq.setPersist(false) //No persistence enabled
                                    faq.defaultExpanded(0) //Set 1st content to be expanded by default
                                    faq.init()
                                </script>

                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </xsl:template>
</xsl:stylesheet>
