﻿<?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="../Template.xslt" />
	<xsl:include href="../GenericTemplates/Notes_LineBreak.xslt" />
	<xsl:output method="xml" indent="yes"/>

	<xsl:template match="/">
		<xsl:variable name="TemplateURL" select="normalize-space(AjaxRequest/TemplateURL)"></xsl:variable>
		<xsl:variable name="HostName" select="normalize-space(AjaxRequest/HostName)"></xsl:variable>
		<xsl:variable name="Origin" select="normalize-space(AjaxRequest/Params/Origin)"></xsl:variable>
		<!--if Origin = 'template' then ItemID is the TemplateItemID when we open template.aspx?ID=[id]
		if Origin = 'lifespace' then ItemID is the lifespaceItemID when we open lifespace.aspx?ID=[id]-->
		<xsl:variable name="ItemID" select="normalize-space(AjaxRequest/Params/ItemID)"></xsl:variable>
		<xsl:variable name="LoginYN">
			<xsl:choose>
				<xsl:when test="AjaxRequest/Params/LoginYN">
					<xsl:value-of select="AjaxRequest/Params/LoginYN"/>
				</xsl:when>
				<xsl:otherwise>
					<xsl:value-of select="AjaxRequest/LoginYN"/>
				</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>

		<div id="div_Templates" class="padding20">
			<table>
				<tr>
					<td width="11%">
						<div id="divActiveLifeSpaces" style="margin-top:70px;">
							<xsl:call-template name="LifespaceOnGoalPlan">
								<!--<xsl:with-param name="LifeSpaceXML" select="AjaxRequest/TopMenuDataXML"></xsl:with-param>-->
								<xsl:with-param name="LifeSpaceXML" select="AjaxRequest/TemplateDataXML"></xsl:with-param>
								<xsl:with-param name="ActiveLifeSpaceID" select="$ItemID"></xsl:with-param>
								<xsl:with-param name="TemplateURL" select="$TemplateURL"></xsl:with-param>
								<xsl:with-param name="HostName" select="$HostName"></xsl:with-param>
							</xsl:call-template>
						</div>
					</td>
					<td style="padding-left:20px;" width="89%">
						<div>
							<span class="superPageLSMessage">
								Your goals made easy.
							</span>
							<span class="JoinLSMessage" style="color:#6D6E71;">
								Browse through our pre-designed Goal Plans.
							</span>
						</div>
						<xsl:choose>
							<xsl:when test="$Origin='template'">
								<xsl:variable name="TemplateLSID" select="AjaxRequest/TemplateDataXML/Templates/Template/LifespaceItemID"></xsl:variable>
								
								<xsl:choose>
									<xsl:when test="$TemplateLSID">

										<xsl:for-each select="AjaxRequest/TemplateDataXML/LifeSpaces/LifeSpace[ItemID = $TemplateLSID]">

											<xsl:call-template name="LifeSpaceHeaderBox">
												<xsl:with-param name="ItemID" select="ItemID"></xsl:with-param>
												<xsl:with-param name="Item" select="Item"></xsl:with-param>
												<xsl:with-param name="FromColorStyle" select="FromColorStyle"></xsl:with-param>
												<xsl:with-param name="ColorStyle" select="ColorStyle"></xsl:with-param>
												<xsl:with-param name="TemplateURL" select="$TemplateURL"></xsl:with-param>
												<xsl:with-param name="HostName" select="$HostName"></xsl:with-param>
											</xsl:call-template>

											<xsl:variable name="LifeSpaceItemID" select="ItemID"></xsl:variable>

											<xsl:for-each select="../../Templates/Template[LifespaceItemID = $LifeSpaceItemID]">

												<xsl:variable name="TemplateImageURL">
													<xsl:choose>
														<xsl:when test="ImageUrl = ''">
															<xsl:value-of select="$TemplateURL"></xsl:value-of>Web/Images/ver_2_0/goalDefault_<xsl:value-of select="LifespaceName"/>.jpg
														</xsl:when>
														<xsl:otherwise>
															<xsl:value-of select="ImageUrl"/>
														</xsl:otherwise>
													</xsl:choose>
												</xsl:variable>

												<xsl:call-template name="TemplateBox">
													<xsl:with-param name="ItemID" select="ItemID"></xsl:with-param>
													<xsl:with-param name="Item" select="Name"></xsl:with-param>
													<xsl:with-param name="LifespaceName" select="LifespaceName"></xsl:with-param>
													<xsl:with-param name="TemplateImageURL" select="$TemplateImageURL"></xsl:with-param>
													<xsl:with-param name="TemplateURL" select="$TemplateURL"></xsl:with-param>
													<xsl:with-param name="HostName" select="$HostName"></xsl:with-param>
													<xsl:with-param name="LoginYN" select="$LoginYN"></xsl:with-param>
													<xsl:with-param name="Origin" select="$Origin"></xsl:with-param>
													<xsl:with-param name="PromoteKey" select="PromoteKey"></xsl:with-param>
												</xsl:call-template>

											</xsl:for-each>
										</xsl:for-each>
									</xsl:when>
									<xsl:otherwise>
										<xsl:for-each select="AjaxRequest/TemplateDataXML/Templates/Template">											
											<xsl:variable name="TemplateImageURL">
												<xsl:choose>
													<xsl:when test="ImageUrl = ''">
														<xsl:value-of select="$TemplateURL"></xsl:value-of>Web/Images/ver_2_0/goalDefault_<xsl:value-of select="LifespaceName"/>.jpg
													</xsl:when>
													<xsl:otherwise>
														<xsl:value-of select="ImageUrl"/>
													</xsl:otherwise>
												</xsl:choose>
											</xsl:variable>

											<xsl:call-template name="TemplateBox">
												<xsl:with-param name="ItemID" select="ItemID"></xsl:with-param>
												<xsl:with-param name="Item" select="Name"></xsl:with-param>
												<xsl:with-param name="LifespaceName" select="LifespaceName"></xsl:with-param>
												<xsl:with-param name="TemplateImageURL" select="$TemplateImageURL"></xsl:with-param>
												<xsl:with-param name="TemplateURL" select="$TemplateURL"></xsl:with-param>
												<xsl:with-param name="HostName" select="$HostName"></xsl:with-param>
												<xsl:with-param name="LoginYN" select="$LoginYN"></xsl:with-param>
												<xsl:with-param name="Origin" select="$Origin"></xsl:with-param>
												<xsl:with-param name="PromoteKey" select="PromoteKey"></xsl:with-param>
											</xsl:call-template>

										</xsl:for-each>
									</xsl:otherwise>
								</xsl:choose>
							</xsl:when>
							<xsl:otherwise>
								<xsl:for-each select="AjaxRequest/TemplateDataXML/LifeSpaces/LifeSpace[ItemID = $ItemID or $ItemID = -1]">

									<xsl:call-template name="LifeSpaceHeaderBox">
										<xsl:with-param name="ItemID" select="ItemID"></xsl:with-param>
										<xsl:with-param name="Item" select="Item"></xsl:with-param>
										<xsl:with-param name="FromColorStyle" select="FromColorStyle"></xsl:with-param>
										<xsl:with-param name="ColorStyle" select="ColorStyle"></xsl:with-param>
										<xsl:with-param name="TemplateURL" select="$TemplateURL"></xsl:with-param>
										<xsl:with-param name="HostName" select="$HostName"></xsl:with-param>
									</xsl:call-template>

									<xsl:variable name="LifeSpaceItemID" select="ItemID"></xsl:variable>

									<xsl:for-each select="../../Templates/Template[LifespaceItemID = $LifeSpaceItemID]">

										<xsl:variable name="TemplateImageURL">
											<xsl:choose>
												<xsl:when test="ImageUrl = ''">
													<xsl:value-of select="$TemplateURL"></xsl:value-of>Web/Images/ver_2_0/goalDefault_<xsl:value-of select="LifespaceName"/>.jpg
												</xsl:when>
												<xsl:otherwise>
													<xsl:value-of select="ImageUrl"/>
												</xsl:otherwise>
											</xsl:choose>
										</xsl:variable>

										<xsl:call-template name="TemplateBox">
											<xsl:with-param name="ItemID" select="ItemID"></xsl:with-param>
											<xsl:with-param name="Item" select="Name"></xsl:with-param>
											<xsl:with-param name="LifeSpaceName" select="LifespaceName"></xsl:with-param>
											<xsl:with-param name="TemplateImageURL" select="$TemplateImageURL"></xsl:with-param>
											<xsl:with-param name="TemplateURL" select="$TemplateURL"></xsl:with-param>
											<xsl:with-param name="HostName" select="$HostName"></xsl:with-param>
											<xsl:with-param name="LoginYN" select="$LoginYN"></xsl:with-param>
											<xsl:with-param name="Origin" select="$Origin"></xsl:with-param>
											<xsl:with-param name="PromoteKey" select="PromoteKey"></xsl:with-param>
										</xsl:call-template>
									</xsl:for-each>
								</xsl:for-each>
							</xsl:otherwise>
						</xsl:choose>

						<table cellpadding="0" cellspacing="0" class="tableMaster">
							<tr>
								<td>
									<span class="superPageMessage marginTop15" style="font-size: 20px;margin-right:10px;">dream. set. track. share. achieve.</span>
								</td>
								<td class="superPageTourMessage verticallyMiddle" nowrap="nowrap">
									Take the
									<a href="http://{$HostName}/StartAGoal.aspx" style="color:#288597;">
										tour
									</a> and see how it works.
								</td>
								<td class="textRight verticallyMiddle" nowrap="nowrap">
									<a href="http://{$HostName}/StartAGoal.aspx">
										<img class="verticallyMiddle" border="0" src="{$TemplateURL}Web/Images/Ver_2_0/arrow_small.png" alt=""></img>
									</a>
								</td>
							</tr>
							<tr>
								<td>
									<img src="{$TemplateURL}Web/Images/Ver_2_0/tag_underline.png" alt=""></img>
								</td>
								<td colspan="2"></td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</div>
	</xsl:template>

	<xsl:template name="LifeSpaceHeaderBox">
		<xsl:param name="ItemID" select="'N/A'"></xsl:param>
		<xsl:param name="Item" select="'N/A'"></xsl:param>
		<xsl:param name="FromColorStyle" select="'N/A'"></xsl:param>
		<xsl:param name="ColorStyle" select="'N/A'"></xsl:param>
		<xsl:param name="TemplateURL" select="'N/A'"></xsl:param>
		<xsl:param name="HostName" select="'N/A'"></xsl:param>

		<xsl:variable name="LifeSpaceColor">
			<xsl:choose>
				<xsl:when test="$FromColorStyle">
					<xsl:text>background-color: </xsl:text>
					<xsl:value-of select="$FromColorStyle"></xsl:value-of>
					<xsl:text>;</xsl:text>
					<xsl:text>background: -webkit-gradient(linear, left top, left bottom, from(</xsl:text>
					<xsl:value-of select="$FromColorStyle"/>
					<xsl:text>), to(</xsl:text>
					<xsl:value-of select="$ColorStyle"></xsl:value-of>
					<xsl:text>));</xsl:text>
					<xsl:text>background: -moz-linear-gradient(top,  </xsl:text>
					<xsl:value-of select="$FromColorStyle"/>
					<xsl:text>,  </xsl:text>
					<xsl:value-of select="$ColorStyle"></xsl:value-of>
					<xsl:text>);</xsl:text>
					<xsl:text>-webkit-linear-gradient: (top left, </xsl:text>
					<xsl:value-of select="$FromColorStyle"/>
					<xsl:text> 0%, </xsl:text>
					<xsl:value-of select="$ColorStyle"></xsl:value-of>
					<xsl:text> 100%); </xsl:text>
					<xsl:text>background: -webkit-gradient(linear, left top, left bottom, color-stop(0, </xsl:text>
					<xsl:value-of select="$FromColorStyle"/>
					<xsl:text>), color-stop(1, </xsl:text>
					<xsl:value-of select="$ColorStyle"></xsl:value-of>
					<xsl:text>));</xsl:text>
					<xsl:text>background-image: -ms-linear-gradient(top left, </xsl:text>
					<xsl:value-of select="$FromColorStyle"/>
					<xsl:text> 0%, </xsl:text>
					<xsl:value-of select="$ColorStyle"></xsl:value-of>
					<xsl:text> 100%);</xsl:text>
					<xsl:text>background-image: -o-linear-gradient(top left, </xsl:text>
					<xsl:value-of select="$FromColorStyle"/>
					<xsl:text> 0%, </xsl:text>
					<xsl:value-of select="$ColorStyle"></xsl:value-of>
					<xsl:text> 100%);</xsl:text>
					<xsl:text>filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='</xsl:text>
					<xsl:value-of select="$FromColorStyle"/>
					<xsl:text>', endColorstr='</xsl:text>
					<xsl:value-of select="$ColorStyle"></xsl:value-of>
					<xsl:text>');</xsl:text>
					<xsl:text>-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='</xsl:text>
					<xsl:value-of select="$FromColorStyle"/>
					<xsl:text>', endColorstr='</xsl:text>
					<xsl:value-of select="$ColorStyle"></xsl:value-of>
					<xsl:text>')";</xsl:text>
				</xsl:when>
				<xsl:otherwise>
					<xsl:text>background-color: #5C6F7C;</xsl:text>
					<xsl:text>background: -webkit-gradient(linear, left top, left bottom, from(#5C6F7C), to(#425968));</xsl:text>
					<xsl:text>background: -moz-linear-gradient(top,  #5C6F7C,  #425968);</xsl:text>
					<xsl:text>-webkit-linear-gradient: (top left, #5C6F7C 0%, #425968 100%); </xsl:text>
					<xsl:text>background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5C6F7C), color-stop(1, #425968));</xsl:text>
					<xsl:text>background-image: -ms-linear-gradient(top left, #5C6F7C 0%, #425968 100%);</xsl:text>
					<xsl:text>background-image: -o-linear-gradient(top left, #5C6F7C 0%, #425968 100%);</xsl:text>
					<xsl:text>filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5C6F7C', endColorstr='#425968');</xsl:text>
					<xsl:text>-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5C6F7C', endColorstr='#425968')";</xsl:text>
				</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>

		<div style="margin-bottom:10px;margin-top:10px;">
			<div style="padding-left:20px;{$LifeSpaceColor}">
				<span class="createMyOwnGoalText" style="color:#FFFFFF;">
					Start a <xsl:value-of select="$Item"></xsl:value-of> Goal Plan
				</span>
			</div>
			<img alt="" src="{$TemplateURL}Web/Images/Ver_2_0/dropshadow_800.png"></img>
		</div>

	</xsl:template>

	<xsl:template name="LifespaceOnGoalPlan">
		<xsl:param name="LifeSpaceXML" select="'N/A'"></xsl:param>
		<xsl:param name="ActiveLifeSpaceID" select="'N/A'"></xsl:param>
		<xsl:param name="TemplateURL" select="'N/A'"></xsl:param>
		<xsl:param name="HostName" select="'N/A'"></xsl:param>

		<div id="divWorkingAreaLeftBar">
			<div class="activeLifeSpaceBlockRadialGradient">
				<div class="divNoteGradient textCenter lowerShadow" style="padding:5px;">
					<span class="actionMenuTabsText">
						FILTER GOAL PLANS
					</span>
				</div>
			</div>
			<div id="div_LifespaceItemName">
				<xsl:for-each select="$LifeSpaceXML/LifeSpaces/LifeSpace[Item!='LifeSpace LLC']">
					<xsl:variable name="LifeSpaceStyle" select="ColorStyle"></xsl:variable>
					<xsl:variable name="LifeSpaceFromColorStyle" select="FromColorStyle"></xsl:variable>

					<xsl:variable name="LifeSpaceColor">
						<xsl:choose>
							<xsl:when test="$LifeSpaceFromColorStyle">
								<xsl:text>background-color: </xsl:text>
								<xsl:value-of select="$LifeSpaceFromColorStyle"></xsl:value-of>
								<xsl:text>;</xsl:text>
								<xsl:text>background: -webkit-gradient(linear, left top, left bottom, from(</xsl:text>
								<xsl:value-of select="$LifeSpaceFromColorStyle"/>
								<xsl:text>), to(</xsl:text>
								<xsl:value-of select="$LifeSpaceStyle"></xsl:value-of>
								<xsl:text>));</xsl:text>
								<xsl:text>background: -moz-linear-gradient(top,  </xsl:text>
								<xsl:value-of select="$LifeSpaceFromColorStyle"/>
								<xsl:text>,  </xsl:text>
								<xsl:value-of select="$LifeSpaceStyle"></xsl:value-of>
								<xsl:text>);</xsl:text>
								<xsl:text>-webkit-linear-gradient: (top left, </xsl:text>
								<xsl:value-of select="$LifeSpaceFromColorStyle"/>
								<xsl:text> 0%, </xsl:text>
								<xsl:value-of select="$LifeSpaceStyle"></xsl:value-of>
								<xsl:text> 100%); </xsl:text>
								<xsl:text>background: -webkit-gradient(linear, left top, left bottom, color-stop(0, </xsl:text>
								<xsl:value-of select="$LifeSpaceFromColorStyle"/>
								<xsl:text>), color-stop(1, </xsl:text>
								<xsl:value-of select="$LifeSpaceStyle"></xsl:value-of>
								<xsl:text>));</xsl:text>
								<xsl:text>background-image: -ms-linear-gradient(top left, </xsl:text>
								<xsl:value-of select="$LifeSpaceFromColorStyle"/>
								<xsl:text> 0%, </xsl:text>
								<xsl:value-of select="$LifeSpaceStyle"></xsl:value-of>
								<xsl:text> 100%);</xsl:text>
								<xsl:text>background-image: -o-linear-gradient(top left, </xsl:text>
								<xsl:value-of select="$LifeSpaceFromColorStyle"/>
								<xsl:text> 0%, </xsl:text>
								<xsl:value-of select="$LifeSpaceStyle"></xsl:value-of>
								<xsl:text> 100%);</xsl:text>
							</xsl:when>
							<xsl:otherwise>
								<xsl:text>background-color: #5C6F7C;</xsl:text>
								<xsl:text>background: -webkit-gradient(linear, left top, left bottom, from(#5C6F7C), to(#425968));</xsl:text>
								<xsl:text>background: -moz-linear-gradient(top,  #5C6F7C,  #425968);</xsl:text>
								<xsl:text>-webkit-linear-gradient: (top left, #5C6F7C 0%, #425968 100%); </xsl:text>
								<xsl:text>background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5C6F7C), color-stop(1, #425968));</xsl:text>
								<xsl:text>background-image: -ms-linear-gradient(top left, #5C6F7C 0%, #425968 100%);</xsl:text>
								<xsl:text>background-image: -o-linear-gradient(top left, #5C6F7C 0%, #425968 100%);</xsl:text>
							</xsl:otherwise>
						</xsl:choose>
					</xsl:variable>

					<xsl:choose>
						<xsl:when test="ItemID = $ActiveLifeSpaceID">
							<div id="divWorkingAreaLeftBarHeader_{ItemID}"  name="LifespaceName" class=""
						 onclick="goalPlan_LoadLifeSpaceTemplates({ItemID});" style="{$LifeSpaceColor}"
						 onmouseover="this.className='lsNavigationHover';this.setAttribute('style','');document.getElementById('lifespaceImg_{ItemID}').src='{$TemplateURL}Web/Images/Ver_2_0/navIcon_{Item}_hover.png';"
						 onmouseout="this.className='activeLifeSpaceBlockRadialGradient';this.setAttribute('style','{$LifeSpaceColor}');document.getElementById('lifespaceImg_{ItemID}').src='{$TemplateURL}Web/Images/Ver_2_0/navIcon_{Item}.png';">
								<table width="100%" height="100%" cellspacing="0" cellpadding="5">
									<tr>

									</tr>
									<tr>
										<td width="20%">
											<img id="lifespaceImg_{ItemID}" src="{$TemplateURL}Web/Images/Ver_2_0/navIcon_{Item}.png" alt=""></img>
										</td>
										<td width="75%" class="activeLifeSpaceCell verticallyMiddle textLeft">
											<span class="labelLifeSpace verticallyMiddle"
												  style="color:#FFFFFF;">
												<xsl:value-of select="Item"/>
											</span>
										</td>
									</tr>
								</table>
							</div>
						</xsl:when>
						<xsl:otherwise>
							<div id="divWorkingAreaLeftBarHeader_{ItemID}"  name="LifespaceName" class="activeLifeSpaceBlockRadialGradient"
						 onclick="goalPlan_LoadLifeSpaceTemplates({ItemID});"
						 onmouseover="this.className='lsNavigationHover';document.getElementById('lifespaceImg_{ItemID}').src='{$TemplateURL}Web/Images/Ver_2_0/navIcon_{Item}_hover.png';"
						 onmouseout="this.className='activeLifeSpaceBlockRadialGradient';document.getElementById('lifespaceImg_{ItemID}').src='{$TemplateURL}Web/Images/Ver_2_0/navIcon_{Item}.png';">
								<table width="100%" height="100%" cellspacing="0" cellpadding="5">
									<tr>

									</tr>
									<tr>
										<td width="20%">
											<img id="lifespaceImg_{ItemID}" src="{$TemplateURL}Web/Images/Ver_2_0/navIcon_{Item}.png" alt=""></img>
										</td>
										<td width="75%" class="activeLifeSpaceCell verticallyMiddle textLeft">
											<span class="labelLifeSpace verticallyMiddle"
												  onmouseover="this.style.color='#FFFFFF;'">
												<xsl:value-of select="Item"/>
											</span>
										</td>
									</tr>
								</table>
							</div>
						</xsl:otherwise>
					</xsl:choose>
				</xsl:for-each>
			</div>
		</div>
		<div>
			<img src="{$TemplateURL}Web/Images/Ver_2_0/dropshadow_150.png"></img>
		</div>
		<!--<a target="_blank" id="link_FollowCommunity" class="inviteFriends onMouseOver verticallyMiddle"
				 onmouseover="document.getElementById('img_FollowCommunity').src='{$TemplateURL}Web/Images/Ver_2_0/BT_followCommunities_hover.png'"
				 onmouseout="document.getElementById('img_FollowCommunity').src='{$TemplateURL}Web/Images/Ver_2_0/BT_followCommunities.png'">
			<img id="img_FollowCommunity" border="0" class="verticallyMiddle" src="{$TemplateURL}Web/Images/Ver_2_0/BT_followCommunities.png"></img>
		</a>
		<a target="_blank" id="link_InviteOthers" class="inviteFriends onMouseOver verticallyMiddle"
				 onmouseover="document.getElementById('img_InviteOthers').src='{$TemplateURL}Web/Images/Ver_2_0/BT_inviteOthers_hover.png'"
				 onmouseout="document.getElementById('img_InviteOthers').src='{$TemplateURL}Web/Images/Ver_2_0/BT_inviteOthers.png'">
			<img id="img_InviteOthers" border="0" class="verticallyMiddle" src="{$TemplateURL}Web/Images/Ver_2_0/BT_inviteOthers.png"></img>
		</a>
		<a target="_blank" id="link_TipsGoalsettings" class="inviteFriends onMouseOver verticallyMiddle"
				 onmouseover="document.getElementById('img_TipsGoalSetting').src='{$TemplateURL}Web/Images/Ver_2_0/BT_tipsOnGoalSetting_hover.png'"
				 onmouseout="document.getElementById('img_TipsGoalSetting').src='{$TemplateURL}Web/Images/Ver_2_0/BT_tipsOnGoalSetting.png'">
			<img id="img_TipsGoalSetting" border="0" class="verticallyMiddle" src="{$TemplateURL}Web/Images/Ver_2_0/BT_tipsOnGoalSetting.png"></img>
		</a>-->
	</xsl:template>
</xsl:stylesheet>
