﻿<?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:import href="PublicationTemplates.xslt"/>
	<xsl:output method="xml" indent="yes"/>

	<xsl:template match="/">

		<xsl:variable name="HostName" select="normalize-space(AjaxRequest/HostName)"></xsl:variable>
		<xsl:variable name="PopularPublications" select="/AjaxRequest/Publications/PopularPublications"/>
		<xsl:variable name="LatestPublications" select="/AjaxRequest/Publications/LatestPublications"/>
		<xsl:variable name="Settings" select="/AjaxRequest/Settings/."/>
		<xsl:variable name="Authenticated" select="/AjaxRequest/Params/Authenticated"></xsl:variable>
		<xsl:variable name="CommunitiesXML" select="/AjaxRequest/Communities/."></xsl:variable>
		<xsl:variable name="MasterPortalItemId" select="/AjaxRequest/Params/MasterPortalItemID"></xsl:variable>
		<xsl:variable name="userID" select="/AjaxRequest/Params/userID"></xsl:variable>
		<xsl:variable name="ClientPortalPath">
			<xsl:value-of select="/AjaxRequest/ClientPortalPath"/>
		</xsl:variable>

		<xsl:variable name="smallcase" select="'abcdefghijklmnopqrstuvwxyz'" />
		<xsl:variable name="uppercase" select="'ABCDEFGHIJKLMNOPQRSTUVWXYZ'" />
		<style id="customCSS">
			/* community_page css */
			.comView {margin-top: 5px!important;color: #333333;font-weight: 700;font-size: 17px;}
			.compara {padding: 5px 0!important;color: #a4a4ab;}
			.CommHead {float: left;background: #eeeeee;margin-top: 0px;}
			.community_head{width:100%;float:left;}
			/* update31-3 */
			.co_head{font-size:19px;margin: 10px 0px 0px;Float:Left;}

			a.co_sublink{color:#fff;text-decoration:underline;font-size:14px;padding:0px 10px;}
			/* end */
			/* update */
			.co_auto_margin{text-align:center;margin:0 auto 10px;}
			.blog_post{width:100%;float:left;background:#f8f4f1;}
			.pop_blog{color:#2a4570;font-size:27px;}
			/* update */
			.coach_com{color:#223a5d;font-size:18px;font-weight:400;}
			.sub_txt{font-size:14px;color:#8f8f94;text-align:justify;}
			.m_right{margin-right:8px;}
			.lastest_blog_post{width:100%;float:left;background:#f8f4f1;}
			/* update */
			.date{font-size:13px;color:#999;width:46%;}
			.bud{color:#458488;font-size:13px;}
			.real_head{color:#223a5d;font-size:18px;font-weight:400;text-align:left;}
			.real_txt{color:#999;font-size:14px;text-align:justify;}
			/* end */
			.white_bg{background:#fff; width:100%;float:left;text-align:left}

			.width_first{width:94%;margin:10px auto;}
			/* 31-3 */
			.space_com{margin:20% auto 0px;}
			.second_bg{background:#f7f4f0; width:100%;float:left;}
			.pagination_sec{width:100%;float:left;background:#f7f4f0;}
			.auto_sec{width:16%;margin:0 auto;}
			/* for slider */
			/** RESET AND LAYOUT
			/* DIRECTION CONTROLS (NEXT / PREV) */

			.bx-wrapper .bx-prev {
			left: 10px;
			background: url(../images/controls.png) no-repeat 0 -32px;
			}

			.bx-wrapper .bx-next {
			right: 10px;
			background: url(../images/controls.png) no-repeat -43px -32px;
			}

			.bx-wrapper .bx-prev:hover {
			background-position: 0 0;
			}

			.bx-wrapper .bx-next:hover {
			background-position: -43px 0;
			}

			.bx-wrapper .bx-controls-direction a {
			position: absolute;
			top: 50%;
			margin-top: -16px;
			outline: 0;
			width: 32px;
			height: 32px;
			text-indent: -9999px;
			z-index: 9999;
			}

			.bx-wrapper .bx-controls-direction a.disabled {
			display: none;
			}

			/* AUTO CONTROLS (START / STOP) */

			.bx-wrapper .bx-controls-auto {
			text-align: center;
			}

			.bx-wrapper .bx-controls-auto .bx-start {
			display: block;
			text-indent: -9999px;
			width: 10px;
			height: 11px;
			outline: 0;
			background: url(../images/controls.png) -86px -11px no-repeat;
			margin: 0 3px;
			}

			.bx-wrapper .bx-controls-auto .bx-start:hover,
			.bx-wrapper .bx-controls-auto .bx-start.active {
			background-position: -86px 0;
			}

			.bx-wrapper .bx-controls-auto .bx-stop {
			display: block;
			text-indent: -9999px;
			width: 9px;
			height: 11px;
			outline: 0;
			background: url(../images/controls.png) -86px -44px no-repeat;
			margin: 0 3px;
			}

			.bx-wrapper .bx-controls-auto .bx-stop:hover,
			.bx-wrapper .bx-controls-auto .bx-stop.active {
			background-position: -86px -33px;
			}

			/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

			.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
			text-align: left;
			width: 80%;
			}

			.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
			right: 0;
			width: 35px;
			}

			/* IMAGE CAPTIONS */

			.bx-wrapper .bx-caption {
			position: absolute;
			bottom: 0;
			left: 0;
			background: #666\9;
			background: rgba(80, 80, 80, 0.75);
			width: 100%;
			}

			.bx-wrapper .bx-caption span {
			color: #fff;
			font-family: Arial;
			display: block;
			font-size: .85em;
			padding: 10px;
			}

			/* end */
			/* ALL MEDIA QUERIES */
			@media screen and (min-width:980px) and (max-width: 1200px)
			{
			/* .nav>li>a {padding: 10px 6px;} */
			.container.cont_rem {
			width: 100%;
			}
			/* 4-4-16 */
			.price{width:100%;max-width:1100px;padding:0;}
			/* community */
			/* remove */
			}

			@media screen and (min-width: 981px) and (max-width:1100px)
			{.navbar-default .navbar-nav > li > a{font-size:13px;}.nav>li>a{padding: 10px 5px;}.cont_rem {padding: 0;}#myNavbar{margin-left:-4%;}p.text,.text_doc{font-size:14px;}.container {width: 100%;}
			/* 4-4-16 */
			.price{width:100%;max-width:1100px;padding:0;}
			/* 1-4 */
			.pricing_content h4{font-size:38px;!important}
			/* end */
			}


			.bx-wrapper {
			position: relative;
			margin: 30px auto 50px;
			padding: 0;
			*zoom: 1;
			}

			.bx-wrapper img {
			max-width: 100%;
			display: block;margin:0 auto;float:none;
			}

			/** THEME
			===================================*/

			.bx-wrapper .bx-viewport {
			left: -5px;

			/*fix other elements on the page moving (on Chrome)*/
			-webkit-transform: translatez(0);
			-moz-transform: translatez(0);
			-ms-transform: translatez(0);
			-o-transform: translatez(0);
			transform: translatez(0);
			}

			.bx-wrapper .bx-pager,
			.bx-wrapper .bx-controls-auto {
			position: absolute;
			bottom: -30px;
			width: 100%;
			}

			/* LOADER */

			.bx-wrapper .bx-loading {
			min-height: 50px;
			background: url(../images/bx_loader.gif) center center no-repeat #fff;
			height: 100%;
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2000;
			}

			/* PAGER */

			.bx-wrapper .bx-pager {
			text-align: center;
			font-size: .85em;
			font-family: Arial;
			font-weight: bold;
			color: #666;
			padding-top: 20px;
			}

			.bx-wrapper .bx-pager .bx-pager-item,
			.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
			display: inline-block;
			*zoom: 1;
			*display: inline;
			}

			.bx-wrapper .bx-pager.bx-default-pager a {
			background: #666;
			text-indent: -9999px;
			display: block;
			width: 10px;
			height: 10px;
			margin: 0 5px;
			outline: 0;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			}

			.bx-wrapper .bx-pager.bx-default-pager a:hover,
			.bx-wrapper .bx-pager.bx-default-pager a.active {
			background: #000;
			}

			/* DIRECTION CONTROLS (NEXT / PREV) */

			.bx-wrapper .bx-prev {
			left: 10px;
			background: url(../image/controls.png) no-repeat 0 -32px;
			}

			.bx-wrapper .bx-next {
			right: 10px;
			background: url(../image/controls.png) no-repeat -43px -32px;
			}

			.bx-wrapper .bx-prev:hover {
			background-position: 0 0;
			}

			.bx-wrapper .bx-next:hover {
			background-position: -43px 0;
			}

			.bx-wrapper .bx-controls-direction a {
			position: absolute;
			top: 50%;
			margin-top: -16px;
			outline: 0;
			width: 32px;
			height: 32px;
			text-indent: -9999px;
			z-index: 9999;
			}

			.bx-wrapper .bx-controls-direction a.disabled {
			display: none;
			}

			/* AUTO CONTROLS (START / STOP) */

			.bx-wrapper .bx-controls-auto {
			text-align: center;
			}

			.bx-wrapper .bx-controls-auto .bx-start {
			display: block;
			text-indent: -9999px;
			width: 10px;
			height: 11px;
			outline: 0;
			background: url(../images/controls.png) -86px -11px no-repeat;
			margin: 0 3px;
			}

			.bx-wrapper .bx-controls-auto .bx-start:hover,
			.bx-wrapper .bx-controls-auto .bx-start.active {
			background-position: -86px 0;
			}

			.bx-wrapper .bx-controls-auto .bx-stop {
			display: block;
			text-indent: -9999px;
			width: 9px;
			height: 11px;
			outline: 0;
			background: url(../images/controls.png) -86px -44px no-repeat;
			margin: 0 3px;
			}

			.bx-wrapper .bx-controls-auto .bx-stop:hover,
			.bx-wrapper .bx-controls-auto .bx-stop.active {
			background-position: -86px -33px;
			}

			/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

			.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
			text-align: left;
			width: 80%;
			}

			.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
			right: 0;
			width: 35px;
			}

			/* IMAGE CAPTIONS */

			.bx-wrapper .bx-caption {
			position: absolute;
			bottom: 0;
			left: 0;
			background: #666\9;
			background: rgba(80, 80, 80, 0.75);
			width: 100%;
			}

			.bx-wrapper .bx-caption span {
			color: #fff;
			font-family: Arial;
			display: block;
			font-size: .85em;
			padding: 10px;
			}
		</style>
		<section class="community_head " id="communityhead">
			<div class="container section-title CommHead" style="float:left">
				<!--<p class="text-center co_head compara comView">My Communities</p>-->

				<span class="pull-left TopLeftTitle">
					<span class="onMouseOver pull-left comView"
						  id="spanSelectedPortal"
						  onclick="$('#spanSelectedPortal').css('display','none');
									  $('#ddlSelectedDashboardCommunity').css('display','inline');">
						<xsl:text>All Communities</xsl:text>
						<span id="communityddlsign" style="width:auto;height: 46px;margin-left: 10px;">
							<b class="caret">
							</b>
						</span>
					</span>
					<select class="form-control-dashboard pull-left comView" style="display:none"
							id="ddlSelectedDashboardCommunity" onchange="LoadCommunityItem_3_0({$MasterPortalItemId},'ddlSelectedDashboardCommunity',{$userID})">
						<option value="">All</option>
						<xsl:for-each select="$CommunitiesXML/Community">
							<option value="{ItemID}">
								<xsl:value-of select="CommunityName"/>
							</option>
						</xsl:for-each>
					</select>
				</span>
			</div>
		</section>
		<div id="PublicationBlog" >
			<section style="border-bottom: solid 1px #dedede;" class="section-title">
				<p class="mrgin-top" style="
    font-size: 16px;padding-left:17px;">Featured Posts/Discussions</p>
			</section>
			<section class="blog_post bgwite">
				<div class="container">

					<!-- bxslide -->
					<div class="slider1">
						<xsl:for-each select="$PopularPublications/Publication">
							<div class="slide">
								<div class="col-sm-12">
									<!--<span class="pull-left m_right">
									<img src="{$ClientPortalPath}/web/images/com_p.png" class="img-responsive"></img>
								</span>-->
									<xsl:variable name='TargetPubURL'>
										LoadPublication3_0('<xsl:value-of select='$MasterPortalItemId'/>','<xsl:value-of select='ItemID'/>','<xsl:value-of select='$userID'/>','ddlSelectedDashboardCommunity');
										LoadCommunityHeader('<xsl:value-of select='$MasterPortalItemId'/>','<xsl:value-of select='CommunityItemID'/>');
									</xsl:variable>
									<xsl:call-template name='PopularPost'>
										<xsl:with-param name='PublicationDate' select='PublicationDate'></xsl:with-param>
										<xsl:with-param name='AuthorName' select='AuthorName'></xsl:with-param>
										<xsl:with-param name='ImageURL' select='ImageURL'></xsl:with-param>
										<xsl:with-param name='ParentImage' select='ParentImage'></xsl:with-param>
										<xsl:with-param name='commImageURL' select='commImageURL'></xsl:with-param>
										<xsl:with-param name='Summary' select='Summary'></xsl:with-param>
										<xsl:with-param name='TargetPubURL' select='$TargetPubURL'></xsl:with-param>
										<xsl:with-param name='Title' select='Title'></xsl:with-param>
									</xsl:call-template>
								</div>
							</div>
						</xsl:for-each>
					</div>
					<!-- bxslide end -->
				</div>

			</section>
			<section style="border-bottom: solid 1px #dedede;" class="section-title">
				<p class="mrgin-top" style="
    font-size: 16px;padding-left:17px;padding-top:12px;display:table;">Recent Posts/Discussions</p>
			</section>
			<section class="lastest_blog_post">

				<xsl:for-each select="$LatestPublications/Publication">
					<xsl:variable name='TargetPubURL'>
						LoadPublication3_0('<xsl:value-of select='$MasterPortalItemId'/>','<xsl:value-of select='ItemID'/>','<xsl:value-of select='$userID'/>','ddlSelectedDashboardCommunity');
						LoadCommunityHeader('<xsl:value-of select='$MasterPortalItemId'/>','<xsl:value-of select='CommunityItemID'/>');
					</xsl:variable>
					<xsl:call-template name='LatestPost'>
						<xsl:with-param name='PublicationDate' select='PublicationDate'></xsl:with-param>
						<xsl:with-param name='AuthorName' select='AuthorName'></xsl:with-param>
						<xsl:with-param name='ImageURL' select='ImageURL'></xsl:with-param>
						<xsl:with-param name='ParentImage' select='ParentImage'></xsl:with-param>
						<xsl:with-param name='commImageURL' select='commImageURL'></xsl:with-param>
						<xsl:with-param name='Summary' select='Summary'></xsl:with-param>
						<xsl:with-param name='TargetPubURL' select='$TargetPubURL'></xsl:with-param>
					</xsl:call-template>
				</xsl:for-each>
			</section>
		</div>
	</xsl:template>


</xsl:stylesheet>
