﻿<?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="../../GenericTemplates/StringReplace.xslt"/>

    <xsl:output method="xml" indent="yes"/>

    <xsl:template match="/">
        <xsl:variable name="HostName" select="AjaxRequest/HostName"></xsl:variable>
        <xsl:variable name="TemplateURL" select="AjaxRequest/TemplateURL"></xsl:variable>
        <xsl:variable name="CurrentTimeStamp" select="AjaxRequest/CurrentTimeStamp"></xsl:variable>
        <xsl:variable name="SettingsData" select="AjaxRequest/Settings/."></xsl:variable>


        <div id="div_UpdateExerciseList" >
            <table id="div_UpdateExerciseList_Content" cellpadding="0" cellspacing="0">
                <tbody id="div_UpdateExerciseList_Content_Body">
                    <xsl:call-template name="AddNewExercise">
                        <xsl:with-param name="PortalItemID">
                            <xsl:choose>
                                <xsl:when test="AjaxRequest/Params/ItemID">
                                    <xsl:value-of select="AjaxRequest/Params/ItemID"/>
                                </xsl:when>
                                <xsl:otherwise>
                                    <xsl:value-of select="AjaxRequest/Exercises/ItemID"/>
                                </xsl:otherwise>
                            </xsl:choose>
                        </xsl:with-param>
                        <xsl:with-param name="Origin" select="AjaxRequest/Exercises/Origin"></xsl:with-param>
                        <xsl:with-param name="ProgramID" select="AjaxRequest/Exercises/ProgramID"></xsl:with-param>
                        <xsl:with-param name="WorkoutID" select="AjaxRequest/Exercises/WorkoutID"></xsl:with-param>
                        <xsl:with-param name="ExerciseID" select="AjaxRequest/Exercises/Exercise/ExerciseID"></xsl:with-param>
                        <xsl:with-param name="ExerciseName" select="AjaxRequest/Exercises/Exercise/ExerciseName"></xsl:with-param>
                        <xsl:with-param name="Description" select="AjaxRequest/Exercises/Exercise/Description"></xsl:with-param>
                        <xsl:with-param name="TypeID" select="AjaxRequest/Exercises/Exercise/TypeID"></xsl:with-param>
                        <xsl:with-param name="CustomType" select="AjaxRequest/Exercises/Exercise/CustomType"></xsl:with-param>
                        <xsl:with-param name="ThumbnailURL" select="AjaxRequest/Exercises/Exercise/ThumbnailURL"></xsl:with-param>
                        <xsl:with-param name="ImageURL" select="AjaxRequest/Exercises/Exercise/ImageURL"></xsl:with-param>
                        <xsl:with-param name="VideoURL" select="AjaxRequest/Exercises/Exercise/VideoURL"></xsl:with-param>
                        <xsl:with-param name="LevelYN" select="AjaxRequest/Exercises/Exercise/LevelYN"></xsl:with-param>
                        <xsl:with-param name="SetsYN" select="AjaxRequest/Exercises/Exercise/SetsYN"></xsl:with-param>
                        <xsl:with-param name="RepsYN" select="AjaxRequest/Exercises/Exercise/RepsYN"></xsl:with-param>
                        <xsl:with-param name="TimeYN" select="AjaxRequest/Exercises/Exercise/TimeYN"></xsl:with-param>
                        <xsl:with-param name="DistanceYN" select="AjaxRequest/Exercises/Exercise/DistanceYN"></xsl:with-param>
                        <xsl:with-param name="WeightYN" select="AjaxRequest/Exercises/Exercise/WeightYN"></xsl:with-param>
                        <xsl:with-param name="CaloriesYN" select="AjaxRequest/Exercises/Exercise/CaloriesYN"></xsl:with-param>
                        <xsl:with-param name="IsActive" select="AjaxRequest/Exercises/Exercise/IsActive"></xsl:with-param>
                        <xsl:with-param name="IsPublic" select="AjaxRequest/Exercises/Exercise/IsPublic"></xsl:with-param>
                        <xsl:with-param name="IsPublished" select="AjaxRequest/Exercises/Exercise/IsPublished"></xsl:with-param>
                        <xsl:with-param name="FitnessExerciseTypes" select="AjaxRequest/Exercises/FitnessExerciseTypes/."></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="BrandName" select="AjaxRequest/Exercises/BrandName"></xsl:with-param>
                        <xsl:with-param name="VideoThumbnailURL" select="AjaxRequest/Exercises/Exercise/VideoThumbnailURL"></xsl:with-param>
                        <xsl:with-param name="CurrentTimeStamp" select="$CurrentTimeStamp"></xsl:with-param>
                        <xsl:with-param name="SettingsData" select="$SettingsData"></xsl:with-param>
                        <xsl:with-param name="VideoKeyValue" select="AjaxRequest/Exercises/Exercise/VideoKeyValue"></xsl:with-param>
                    </xsl:call-template>
                </tbody>
            </table>
        </div>
    </xsl:template>

    <xsl:template name="AddNewExercise">
        <xsl:param name="PortalItemID" select="'N/A'"></xsl:param>
        <xsl:param name="Origin" select="'N/A'"></xsl:param>
        <xsl:param name="ProgramID" select="'N/A'"></xsl:param>
        <xsl:param name="WorkoutID" select="'N/A'"></xsl:param>
        <xsl:param name="FitnessExerciseTypes" select="'N/A'"></xsl:param>
        <xsl:param name="ExerciseID">
            <xsl:number value="-99"/>
        </xsl:param>
        <xsl:param name="ExerciseName"></xsl:param>
        <xsl:param name="Description"></xsl:param>
        <xsl:param name="TypeID">
            <xsl:number value ="-99"/>
        </xsl:param>
        <xsl:param name="CustomType"></xsl:param>
        <xsl:param name="ThumbnailURL"></xsl:param>
        <xsl:param name="ImageURL"></xsl:param>
        <xsl:param name="VideoURL"></xsl:param>
        <xsl:param name="LevelYN">
            <xsl:number value="1"/>
        </xsl:param>
        <xsl:param name="SetsYN">
            <xsl:number value="1"/>
        </xsl:param>
        <xsl:param name="RepsYN">
            <xsl:number value="1"/>
        </xsl:param>
        <xsl:param name="TimeYN">
            <xsl:number value="1"/>
        </xsl:param>
        <xsl:param name="DistanceYN">
            <xsl:number value="1"/>
        </xsl:param>
        <xsl:param name="WeightYN">
            <xsl:number value="1"/>
        </xsl:param>
        <xsl:param name="CaloriesYN">
            <xsl:number value="1"/>
        </xsl:param>
        <xsl:param name="IsActive">
            <xsl:number value="1"/>
        </xsl:param>
        <xsl:param name="IsPublic">
            <xsl:number value="1"/>
        </xsl:param>
        <xsl:param name="IsPublished">
            <xsl:number value="1"/>
        </xsl:param>
        <xsl:param name="TemplateURL" select="'N/A'"></xsl:param>
        <xsl:param name="BrandName" select="'N/A'"></xsl:param>
        <xsl:param name="HostName" select="'N/A'"></xsl:param>
        <xsl:param name="VideoThumbnailURL" select="'N/A'"></xsl:param>
        <xsl:param name="CurrentTimeStamp" select="'N/A'"></xsl:param>
        <xsl:param name="SettingsData" select="'N/A'"></xsl:param>
        <xsl:param name="VideoKeyValue" select="'N/A'"></xsl:param>

        <xsl:variable name="VideoThumbnailURLTicks">
            <xsl:value-of select="$VideoThumbnailURL"/>
            <xsl:text>?Temp=</xsl:text>
            <xsl:value-of select="$CurrentTimeStamp"/>
        </xsl:variable>


        <xsl:variable name="ThumbnailURLTicks">
            <xsl:value-of select="$ThumbnailURL"/>
            <xsl:text>?Temp=</xsl:text>
            <xsl:value-of select="$CurrentTimeStamp"/>
        </xsl:variable>


        <xsl:variable name="ExerciseImageURL">
            <xsl:choose>
                <xsl:when test="$VideoThumbnailURL != ''">
                    <xsl:value-of select="$VideoThumbnailURLTicks"/>
                </xsl:when>
                <xsl:when test="$ThumbnailURL != ''">
                    <xsl:value-of select="$ThumbnailURLTicks"/>
                </xsl:when>
                <xsl:otherwise>
                    <xsl:value-of select="$TemplateURL"/>
                    <xsl:text>/Web/Images/Ver_2_0/exercise100X75.jpg</xsl:text>
                </xsl:otherwise>
            </xsl:choose>
        </xsl:variable>

        <xsl:variable name="PlaneExerciseImageURL">
            <xsl:choose>
                <xsl:when test="$VideoThumbnailURL != ''">
                    <xsl:value-of select="$VideoThumbnailURL"/>
                </xsl:when>
                <xsl:when test="$ThumbnailURL != ''">
                    <xsl:value-of select="$ThumbnailURL"/>
                </xsl:when>
                <xsl:otherwise>
                    <xsl:value-of select="$TemplateURL"/>
                    <xsl:text>/Web/Images/Ver_2_0/exercise100X75.jpg</xsl:text>
                </xsl:otherwise>
            </xsl:choose>
        </xsl:variable>

        <xsl:variable name="StringBrandName">
            <xsl:call-template name="replaceCharsInString">
                <xsl:with-param name="stringIn" select="$BrandName"></xsl:with-param>
                <xsl:with-param name="charsIn">
                    <xsl:text>'</xsl:text>
                </xsl:with-param>
                <xsl:with-param name="charsOut">
                    <xsl:text></xsl:text>
                </xsl:with-param>
            </xsl:call-template>
        </xsl:variable>

        <xsl:variable name="StringExerciseName">
            <xsl:call-template name="replaceCharsInString">
                <xsl:with-param name="stringIn" select="$ExerciseName"></xsl:with-param>
                <xsl:with-param name="charsIn">
                    <xsl:text>'</xsl:text>
                </xsl:with-param>
                <xsl:with-param name="charsOut">
                    <xsl:text>\'</xsl:text>
                </xsl:with-param>
            </xsl:call-template>
        </xsl:variable>


        <div id="div_{$PortalItemID}_{$ExerciseID}_AddNewUpdateExercise">
            <input id="txtAddNewPortalItemID" type="hidden" value="{$PortalItemID}"/>

            <xsl:choose>
                <xsl:when test="$ExerciseID > 0">
                    <input id="exerciseImagePath" type="hidden" value="{$PlaneExerciseImageURL}"></input>
                </xsl:when>
                <xsl:otherwise>
                    <input id="exerciseImagePath" type="hidden" value=""></input>
                </xsl:otherwise>
            </xsl:choose>

            <table class="tableMaster" id="div_ClientPortal_AddNewExercise">
                <tr>
                    <td width="25%">
                        <span class="publicationSummary" style="font-size: 9pt;">Name</span>
                    </td>
                    <td width="75%">
                        <input id="txt_{$PortalItemID}_{$ExerciseID}_ExerciseName" type="text"  value="{$ExerciseName}" class="text"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="publicationSummary" style="font-size: 9pt;">Description</span>
                    </td>
                    <td>
                        <textarea id="txt_{$PortalItemID}_{$ExerciseID}_txtDescription"  type="text"  style="width: 340px;height:150px;"  class="wideText">
                            <xsl:value-of select="normalize-space($Description)"/>
                        </textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="publicationSummary" style="font-size: 9pt;">Type</span>
                    </td>
                    <td>
                        <select id="txt_{$PortalItemID}_{$ExerciseID}_ddlType" name="Type" class="smallDropdown">
                            <option value="-1" selected="selected">
                                Select
                            </option>
                            <xsl:for-each select="AjaxRequest/FitnessExerciseTypes/FitnessExerciseType">
                                <xsl:choose>
                                    <xsl:when test="FitnessExerciseTypeID = $TypeID">
                                        <option value="{FitnessExerciseTypeID}" selected="selected">
                                            <xsl:value-of select="FitnessExerciseType"/>
                                        </option>
                                    </xsl:when>
                                    <xsl:otherwise>
                                        <option value="{FitnessExerciseTypeID}">
                                            <xsl:value-of select="FitnessExerciseType"/>
                                        </option>
                                    </xsl:otherwise>
                                </xsl:choose>
                            </xsl:for-each>
                        </select>
                        <input id="txt_{$PortalItemID}_{$ExerciseID}_txtCustomType" type="text" value="{$CustomType}" class="text" style="width:237px;"></input>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <xsl:variable name="VideoImageURL">
                            <xsl:choose>
                                <xsl:when test="$ThumbnailURL != ''">
                                    <xsl:value-of select="$ThumbnailURLTicks"></xsl:value-of>
                                </xsl:when>
                                <xsl:when test="$VideoThumbnailURL != ''">
                                    <xsl:value-of select="$VideoThumbnailURLTicks"/>
                                </xsl:when>
                                <xsl:otherwise>
                                    <xsl:value-of select="$TemplateURL"/>
                                    <xsl:text>/Web/Images/Ver_2_0/exercise100X75.jpg</xsl:text>
                                </xsl:otherwise>
                            </xsl:choose>
                        </xsl:variable>
                        <div style="width:500px;" ID="div_DefaultImages">
                            <div style="float:left;width:150px;">
                                <xsl:choose>
                                    <xsl:when test="$SettingsData/VideoProvider/Name = 'Vimeo'">
                                        <div style="width:500px;">
                                            <xsl:choose>
                                                <xsl:when test="$ExerciseID != ''">
                                                    <xsl:choose>
                                                        <xsl:when test ="contains($VideoURL, 'youtube')">
                                                            <div id="divWorkOutYouTubeVideoContainer_{$ExerciseID}" style="margin-bottom:15px; margin-right:5px;">
                                                                <div>
                                                                    <img src="{$VideoImageURL}" class="link"
                                                                       title="Play Video" onClick="workout_LoadYouTubeVideo('{$VideoKeyValue}','divWorkOutYouTubeVideoContainer_{$ExerciseID}','Workout', '{$StringExerciseName}');"></img>
                                                                </div>
                                                                <div style="margin-top:-40px;">
                                                                    <img class="link" title="Play Video"
                                                                         onClick="workout_LoadYouTubeVideo('{$VideoKeyValue}','divWorkOutYouTubeVideoContainer_{$ExerciseID}','Workout', '{$StringExerciseName}');"
                                                                         src="{$TemplateURL}/Web/Images/Play_Icon.png" width="30" height="30"></img>
                                                                </div>
                                                            </div>
                                                        </xsl:when>
                                                        <xsl:when test ="contains($VideoURL, 'vimeo')">
                                                            <div id="divWorkOutYouTubeVideoContainer_{$ExerciseID}" style="margin-bottom:15px; margin-right:5px;">
                                                                <div>
                                                                    <img src="{$VideoImageURL}" class="link" width="100" height="70"
                                                                       title="Play Video"
                                                                       onClick="LoadVimeoVideo('{$VideoKeyValue}','divWorkOutYouTubeVideoContainer_{$ExerciseID}','Workout', '{$StringExerciseName}');"></img>
                                                                </div>
                                                                <div style="margin-top:-40px;">
                                                                    <img class="link" title ="Play Video"
                                                                         onClick="LoadVimeoVideo('{$VideoKeyValue}','divWorkOutYouTubeVideoContainer_{$ExerciseID}','Workout', '{$StringExerciseName}');"
                                                                         src="{$TemplateURL}/Web/Images/Play_Icon.png" width="30" height="30"></img>
                                                                </div>
                                                            </div>
                                                        </xsl:when>
                                                        <xsl:when test="contains($VideoURL, 'dailymotion')">
                                                            <div id="divWorkOutYouTubeVideoContainer_{$ExerciseID}" style="margin-bottom:15px; margin-right:5px;">
                                                                <div>
                                                                    <img src="{$VideoImageURL}" class="link" width="100" height="70"
                                                                       title="Play Video" onClick="LoadDailyMotionVideo('{$VideoKeyValue}','divWorkOutYouTubeVideoContainer_{$ExerciseID}','Workout', '{$StringExerciseName}');"></img>
                                                                </div>
                                                                <div style="margin-top:-40px;">
                                                                    <img class="link" title ="Play Video"
                                                                         onClick="LoadDailyMotionVideo('{$VideoKeyValue}','divWorkOutYouTubeVideoContainer_{$ExerciseID}','Workout', '{$StringExerciseName}');"
                                                                         src="{$TemplateURL}/Web/Images/Play_Icon.png" width="30" height="30"></img>
                                                                </div>
                                                            </div>
                                                        </xsl:when>
                                                        <xsl:when test="contains($VideoURL, 'dmcloud.net')">
                                                            <div id="divWorkOutYouTubeVideoContainer_{$ExerciseID}" style="margin-bottom:15px; margin-right:5px;">
                                                                <div>
                                                                    <img src="{$VideoImageURL}" class="link" width="100" height="70"
                                                                       title="Play Video" onClick="LoadDailyMotionVideo('{$VideoKeyValue}','divWorkOutYouTubeVideoContainer_{$ExerciseID}','Workout', '{$StringExerciseName}');"></img>
                                                                </div>
                                                                <div style="margin-top:-40px;">
                                                                    <img class="link" title ="Play Video"
                                                                         onClick="LoadDailyMotionVideo('{$VideoURL}','divWorkOutYouTubeVideoContainer_{$ExerciseID}','Workout', '{$StringExerciseName}');"
                                                                         src="{$TemplateURL}/Web/Images/Play_Icon.png" width="30" height="30"></img>
                                                                </div>
                                                            </div>
                                                        </xsl:when>
                                                        <xsl:otherwise>
                                                            <div id="div_VideoImage" style="height:105px;width:150px;"
                                                        onclick="document.getElementById('tr_VimeoListener').style.display='table-row';
                                                                  document.getElementById('tr_VimeoIframe').style.display='table-row';
                                                                  document.getElementById('div_VimeoFileURL').style.display='inline';">
                                                                <img id="img_VideoImage" onload="setWidthAndHeightImage(this,80);" align="absmiddle"
                                                                     style="display:none;border:0px;opacity:0.7;margin-left:12px;"
                                                                     src="http://{$HostName}/DesktopModules/LifeSpaceTemplates/Web/Images/video_default.jpg"
                                                                     onmouseover="this.className='grayOut';document.getElementById('span_VideoImageText').style.display ='block';this.style.opacity = '0.2';"
                                                                     onmouseout="this.setAttribute('class','');document.getElementById('span_VideoImageText').style.display ='none';this.style.opacity = '0.7';"></img>
                                                                <span id="span_VideoImageText" style="display:none;position:relative;top:-52px;color:gray;" class="textLeft labelLifespaceItem onMouseOver"
                                                                      onmouseover="document.getElementById('img_VideoImage').className='grayOut';document.getElementById('span_VideoImageText').style.display ='block';document.getElementById('img_VideoImage').style.opacity = '0.2';"
                                                                      onmouseout="document.getElementById('img_VideoImage').setAttribute('class','');document.getElementById('span_VideoImageText').style.display ='none';document.getElementById('img_VideoImage').style.opacity = '0.7';">Click to Add Video</span>
                                                            </div>
                                                        </xsl:otherwise>
                                                    </xsl:choose>
                                                    <div onclick="document.getElementById('tr_VimeoListener').style.display='table-row';
                                                                  document.getElementById('tr_VimeoIframe').style.display='table-row';
                                                                  document.getElementById('div_VimeoFileURL').style.display='inline';">
                                                        <span class="packageTitle onMouseOver">Change Video</span>
                                                    </div>
                                                </xsl:when>
                                                <xsl:otherwise>
                                                    <div id="div_VideoImage" style="height:105px;width:150px;"
                                                         onclick="document.getElementById('tr_VimeoListener').style.display='table-row';
                                                                  document.getElementById('tr_VimeoIframe').style.display='table-row';
                                                                  document.getElementById('div_VimeoFileURL').style.display='inline';">
                                                        <img id="img_VideoImage" onload="setWidthAndHeightImage(this,80);" align="absmiddle"
                                                             style="display:none;border:0px;opacity:0.7;margin-left:12px;"
                                                             src="http://{$HostName}/DesktopModules/LifeSpaceTemplates/Web/Images/video_default.jpg"
                                                             onmouseover="this.className='grayOut';document.getElementById('span_VideoImageText').style.display ='block';this.style.opacity = '0.2';"
                                                             onmouseout="this.setAttribute('class','');document.getElementById('span_VideoImageText').style.display ='none';this.style.opacity = '0.7';"></img>
                                                        <span id="span_VideoImageText" style="display:none;position:relative;top:-52px;color:gray;" class="textLeft labelLifespaceItem onMouseOver"
                                                              onmouseover="document.getElementById('img_VideoImage').className='grayOut';document.getElementById('span_VideoImageText').style.display ='block';document.getElementById('img_VideoImage').style.opacity = '0.2';"
                                                              onmouseout="document.getElementById('img_VideoImage').setAttribute('class','');document.getElementById('span_VideoImageText').style.display ='none';document.getElementById('img_VideoImage').style.opacity = '0.7';">Click to Add Video</span>
                                                    </div>

                                                </xsl:otherwise>
                                            </xsl:choose>
                                        </div>
                                        <!--<xsl:if test="AjaxRequest/UserRoles/Role[RoleName = 'Community Admin']">-->
                                        <table>
                                            <tr id="tr_VimeoListener" style="display:none;">
                                                <td></td>
                                                <td>
                                                    <span id="tempResultForVimeoListenet"></span>
                                                </td>
                                            </tr>
                                            <tr id="tr_VimeoIframe" style="display:none;">
                                                <td></td>
                                                <td>
                                                    <div id="div_waitingImage" style="display:none;"></div>
                                                    <div>
                                                        <input type="hidden" id="hiddenUploadTicketID"/>
                                                        <input type="hidden" id="hiddenUploadFileName"/>
                                                        <iframe style="background-color:#D2D3D4;" frameborder="1" scrolling="no" width="344px" height="40px"
                                                                id="frameVimeoVideoUploader" src="http://{$HostName}/uploadVideo/VimeoFileUpload.aspx"
                                                                portalItemID="{$PortalItemID}" exerciseID="{$ExerciseID}" brandName="{$StringBrandName}"
                                                                ExerciseName="txt_{$PortalItemID}_{$ExerciseID}_ExerciseName"></iframe>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td></td>
                                                <td>
                                                    <div id="div_VimeoFileURL" style="width:500px;display:none;">
                                                        <div style="line-height:30px;margin-top:5px;">
                                                            <xsl:choose>
                                                                <xsl:when test="$ExerciseID != ''">
                                                                    <input id="txt_{$PortalItemID}__videoURL" type="text" style="color:gray;font-style:italic;"
                                                                           value="{$VideoURL}" class="text"
                                                                           onFocus='SetTextAreaValue("txt_{$PortalItemID}__videoURL", "Add a Vimeo URL here...", "focus");
                                                                           this.style.fontStyle="normal";
                                                                           this.style.color="black";'
                                                                           onblur="updateThumbnailURLToVideoURL('txt_{$PortalItemID}__videoURL','div_VideoImage','{$ExerciseID}','{$PortalItemID}');
                                                                           this.style.fontStyle='italic';
                                                                           this.style.color='gray';"/>
                                                                </xsl:when>
                                                                <xsl:otherwise>

                                                                    <input id="txt_{$PortalItemID}__videoURL" type="text" style="color:gray;font-style:italic;"
                                                                          value="Add a Vimeo URL here..." class="text"
                                                                          onFocus='SetTextAreaValue("txt_{$PortalItemID}__videoURL", "Add a Vimeo URL here...", "focus");
                                                                           this.style.fontStyle="normal";
                                                                           this.style.color="black";'
                                                                          onBlur='SetTextAreaValue("txt_{$PortalItemID}__videoURL", "Add a Vimeo URL here...", "blur");
                                                                           updateThumbnailURLToVideoURL("txt_{$PortalItemID}__videoURL","div_VideoImage","{$ExerciseID}","{$PortalItemID}");
                                                                           this.style.fontStyle="italic";
                                                                           this.style.color="gray";'/>
                                                                </xsl:otherwise>
                                                            </xsl:choose>

                                                        </div>

                                                    </div>
                                                </td>
                                            </tr>
                                        </table>
                                        <!--</xsl:if>-->
                                    </xsl:when>
                                    <xsl:when test="$SettingsData/VideoProvider/Name = 'DailyMotion'">
                                        <xsl:choose>
                                            <xsl:when test="$ExerciseID != ''">
                                                <xsl:choose>
                                                    <xsl:when test ="contains($VideoURL, 'youtube')">
                                                        <div id="divWorkOutYouTubeVideoContainer_{$ExerciseID}" style="margin-bottom:15px; margin-right:5px;">
                                                            <div>
                                                                <img src="{$VideoImageURL}" class="link"
                                                                   title="Play Video" onClick="workout_LoadYouTubeVideo('{$VideoKeyValue}','divWorkOutYouTubeVideoContainer_{$ExerciseID}','Workout', '{$StringExerciseName}');"></img>
                                                            </div>
                                                            <div style="margin-top:-40px;">
                                                                <img class="link" title="Play Video"
                                                                     onClick="workout_LoadYouTubeVideo('{$VideoKeyValue}','divWorkOutYouTubeVideoContainer_{$ExerciseID}','Workout', '{$StringExerciseName}');"
                                                                     src="{$TemplateURL}/Web/Images/Play_Icon.png" width="30" height="30"></img>
                                                            </div>
                                                        </div>
                                                    </xsl:when>
                                                    <xsl:when test ="contains($VideoURL, 'vimeo')">
                                                        <div id="divWorkOutYouTubeVideoContainer_{$ExerciseID}" style="margin-bottom:15px; margin-right:5px;">
                                                            <div>
                                                                <img src="{$VideoImageURL}" class="link" width="100" height="70"
                                                                   title="Play Video"
                                                                   onClick="LoadVimeoVideo('{$VideoKeyValue}','divWorkOutYouTubeVideoContainer_{$ExerciseID}','Workout', '{$StringExerciseName}');"></img>
                                                            </div>
                                                            <div style="margin-top:-40px;">
                                                                <img class="link" title ="Play Video"
                                                                     onClick="LoadVimeoVideo('{$VideoKeyValue}','divWorkOutYouTubeVideoContainer_{$ExerciseID}','Workout', '{$StringExerciseName}');"
                                                                     src="{$TemplateURL}/Web/Images/Play_Icon.png" width="30" height="30"></img>
                                                            </div>
                                                        </div>
                                                    </xsl:when>
                                                    <xsl:when test="contains($VideoURL, 'dailymotion')">
                                                        <div id="divWorkOutYouTubeVideoContainer_{$ExerciseID}" style="margin-bottom:15px; margin-right:5px;">
                                                            <div>
                                                                <img src="{$VideoImageURL}" class="link" width="100" height="70"
                                                                   title="Play Video" onClick="LoadDailyMotionVideo('{$VideoKeyValue}','divWorkOutYouTubeVideoContainer_{$ExerciseID}','Workout', '{$StringExerciseName}');"></img>
                                                            </div>
                                                            <div style="margin-top:-40px;">
                                                                <img class="link" title ="Play Video"
                                                                     onClick="LoadDailyMotionVideo('{$VideoKeyValue}','divWorkOutYouTubeVideoContainer_{$ExerciseID}','Workout', '{$StringExerciseName}');"
                                                                     src="{$TemplateURL}/Web/Images/Play_Icon.png" width="30" height="30"></img>
                                                            </div>
                                                        </div>
                                                    </xsl:when>
                                                    <xsl:when test="contains($VideoURL, 'dmcloud.net')">
                                                        <div id="divWorkOutYouTubeVideoContainer_{$ExerciseID}" style="margin-bottom:15px; margin-right:5px;">
                                                            <div>
                                                                <img src="{$VideoImageURL}" class="link" width="100" height="70"
                                                                   title="Play Video" onClick="LoadDailyMotionVideo('{$VideoKeyValue}','divWorkOutYouTubeVideoContainer_{$ExerciseID}','Workout', '{$StringExerciseName}');"></img>
                                                            </div>
                                                            <div style="margin-top:-40px;">
                                                                <img class="link" title ="Play Video"
                                                                     onClick="LoadDailyMotionVideo('{$VideoURL}','divWorkOutYouTubeVideoContainer_{$ExerciseID}','Workout', '{$StringExerciseName}');"
                                                                     src="{$TemplateURL}/Web/Images/Play_Icon.png" width="30" height="30"></img>
                                                            </div>
                                                        </div>
                                                    </xsl:when>
                                                    <xsl:otherwise>
                                                        <div id="div_VideoImage" style="height:105px;width:150px;"
                                                    onclick="document.getElementById('tr_DMListener').style.display='table-row';
                                                      document.getElementById('tr_DMIframe').style.display='table-row';
                                                      document.getElementById('div_DMFileURL').style.display='inline';">
                                                            <img id="img_VideoImage" onload="setWidthAndHeightImage(this,80);" align="absmiddle"
                                                                 style="display:none;border:0px;opacity:0.7;margin-left:12px;"
                                                                 src="http://{$HostName}/DesktopModules/LifeSpaceTemplates/Web/Images/video_default.jpg"
                                                                 onmouseover="this.className='grayOut';document.getElementById('span_VideoImageText').style.display ='block';this.style.opacity = '0.2';"
                                                                 onmouseout="this.setAttribute('class','');document.getElementById('span_VideoImageText').style.display ='none';this.style.opacity = '0.7';"></img>
                                                            <span id="span_VideoImageText" style="display:none;position:relative;top:-52px;color:gray;" class="textLeft labelLifespaceItem onMouseOver"
                                                                  onmouseover="document.getElementById('img_VideoImage').className='grayOut';document.getElementById('span_VideoImageText').style.display ='block';document.getElementById('img_VideoImage').style.opacity = '0.2';"
                                                                  onmouseout="document.getElementById('img_VideoImage').setAttribute('class','');document.getElementById('span_VideoImageText').style.display ='none';document.getElementById('img_VideoImage').style.opacity = '0.7';">Click to Add Video</span>
                                                        </div>
                                                    </xsl:otherwise>
                                                </xsl:choose>
                                                <div onclick="document.getElementById('tr_DMListener').style.display='table-row';
                                                                  document.getElementById('tr_DMIframe').style.display='table-row';
                                                                  document.getElementById('div_DMFileURL').style.display='inline';">
                                                    <span class="packageTitle onMouseOver">Change Video</span>
                                                </div>
                                            </xsl:when>
                                            <xsl:otherwise>
                                                <div id="div_VideoImage" style="height:105px;width:150px;"
                                                     onclick="document.getElementById('tr_DMListener').style.display='table-row';
                                                      document.getElementById('tr_DMIframe').style.display='table-row';
                                                      document.getElementById('div_DMFileURL').style.display='inline';">
                                                    <img id="img_VideoImage" onload="setWidthAndHeightImage(this,80);" align="absmiddle"
                                                         style="display:none;border:0px;opacity:0.7;margin-left:12px;"
                                                         src="http://{$HostName}/DesktopModules/LifeSpaceTemplates/Web/Images/video_default.jpg"
                                                         onmouseover="this.className='grayOut';document.getElementById('span_VideoImageText').style.display ='block';this.style.opacity = '0.2';"
                                                         onmouseout="this.setAttribute('class','');document.getElementById('span_VideoImageText').style.display ='none';this.style.opacity = '0.7';"></img>
                                                    <span id="span_VideoImageText" style="display:none;position:relative;top:-52px;color:gray;" class="textLeft labelLifespaceItem onMouseOver"
                                                          onmouseover="document.getElementById('img_VideoImage').className='grayOut';document.getElementById('span_VideoImageText').style.display ='block';document.getElementById('img_VideoImage').style.opacity = '0.2';"
                                                          onmouseout="document.getElementById('img_VideoImage').setAttribute('class','');document.getElementById('span_VideoImageText').style.display ='none';document.getElementById('img_VideoImage').style.opacity = '0.7';">Click to Add Video</span>
                                                </div>

                                            </xsl:otherwise>
                                        </xsl:choose>


                                        <!--<xsl:if test="AjaxRequest/UserRoles/Role[RoleName = 'Community Admin']">-->
                                        <table class="marginBottom10">
                                            <tr id="tr_DMListener" style="display:none;">
                                                <td></td>
                                                <td>
                                                    <span id="tempResultForDMListenet"></span>
                                                </td>
                                            </tr>
                                            <tr id="tr_DMIframe" style="display:none;">
                                                <td></td>
                                                <td>
                                                    <div id="div_waitingImage" style="display:none;">
                                                        <img src="http://{$HostName}/DesktopModules/LifeSpaceTemplates/Web/Images/pre-loader.gif"></img>
                                                    </div>
                                                    <div id="divDMUploadPanel">
                                                        <input type="hidden" id="hiddenDMUploadAccessToken"/>
                                                        <input type="hidden" id="hiddenDMUploadFileName"/>
                                                        <iframe style="background-color:#D2D3D4;" frameborder="1" scrolling="no" width="344px" height="40px"
                                                                id="frameDMVideoUploader" src="http://{$HostName}/uploadVideo/DailyMotion/DMCloudUpload.aspx"
                                                                portalItemID="{$PortalItemID}" exerciseID="{$ExerciseID}" brandName="{$StringBrandName}"
                                                                ExerciseName="txt_{$PortalItemID}_{$ExerciseID}_ExerciseName"></iframe>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td></td>
                                                <td>
                                                    <div id="div_DMFileURL" style="width:500px;display:none;">
                                                        <div style="line-height:30px;margin-top:5px;">
                                                            <xsl:choose>
                                                                <xsl:when test="$ExerciseID != ''">
                                                                    <input id="txt_{$PortalItemID}__videoURL" type="text" style="color:gray;font-style:italic;"
                                                                          value="{$VideoURL}" class="text"/>
                                                                </xsl:when>
                                                                <xsl:otherwise>
                                                                    <input id="txt_{$PortalItemID}__videoURL" type="text" style="color:gray;font-style:italic;"
                                                                          value="Add a DailyMotion URL here..." class="text"
                                                                          onFocus='SetTextAreaValue("txt_{$PortalItemID}__videoURL", "Add a DailyMotion URL here...", "focus");'
                                                                          onBlur='SetTextAreaValue("txt_{$PortalItemID}__videoURL", "Add a DailyMotion URL here...", "blur");'/>
                                                                </xsl:otherwise>
                                                            </xsl:choose>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>

                                        <!--</xsl:if>-->
                                    </xsl:when>
                                </xsl:choose>
                            </div>
                            <div style="float:left;width:100px;">
                                <xsl:choose>
                                    <xsl:when test="$ExerciseID != ''">
                                        <div id="div_ExerciseImage" style="height:105px;width:150px;"
                                               onClick="ImageUploader_PopupCenter('http://{$HostName}/upload/uploadimage.aspx?guid={$StringBrandName}&amp;cropRatio=4&amp;requiredHeight=75&amp;requiredWidth=100&amp;requiredFileName=Thumbnail_{$ExerciseID}&amp;Key=UploadPathExercises&amp;ExerciseID={$ExerciseID}',
                                                                'Upload_Image','530','390','{$ExerciseID}','EditExerciseImage','div_ExerciseImage',null,1);">
                                            <img id="img_ExerciseImage" src="{$ExerciseImageURL}" onload="setWidthAndHeightImage(this,112);"
                                                 style="display:none;border:0px;opacity:0.7;" align="absmiddle"
                                                 onmouseover="this.className='grayOut';document.getElementById('span_ExerciseImageText').style.display ='block';this.style.opacity = '0.2';"
                                                 onmouseout="this.setAttribute('class','');document.getElementById('span_ExerciseImageText').style.display ='none';this.style.opacity = '0.7';">
                                            </img>
                                            <span id="span_ExerciseImageText" style="display:none;position:relative;top:-55px;color:gray;" class="labelLifespaceItem onMouseOver"
                                                  onmouseover="document.getElementById('img_ExerciseImage').className='grayOut';document.getElementById('span_ExerciseImageText').style.display ='block';"
                                                  onmouseout="document.getElementById('img_ExerciseImage').setAttribute('class','');document.getElementById('span_ExerciseImageText').style.display ='none';">Click to Add Photo</span>
                                        </div>
                                    </xsl:when>
                                    <xsl:otherwise>
                                        <div id="div_ExerciseImage" style="height:105px;width:150px;"
                                              onClick="ImageUploader_PopupCenter('http://{$HostName}/upload/uploadimage.aspx?guid=TempItemsExercises&amp;cropRatio=4&amp;requiredHeight=75&amp;requiredWidth=100&amp;requiredFileName=Thumbnail&amp;Key=UploadPathTempLocation',
                                                                'Upload_Image','530','390','0','UploadExerciseImage','div_ExerciseImage',null,1);">
                                            <img id="img_ExerciseImage" src="{$ExerciseImageURL}" onload="setWidthAndHeightImage(this, 112);"
                                                 style="display:none;border:0px;opacity:0.7;" align="absmiddle"
                                                 onmouseover="this.className='grayOut';document.getElementById('span_ExerciseImageText').style.display ='block';this.style.opacity = '0.2';"
                                                 onmouseout="this.setAttribute('class','');document.getElementById('span_ExerciseImageText').style.display ='none';this.style.opacity = '0.7';">
                                            </img>
                                            <span id="span_ExerciseImageText" style="display:none;position:relative;top:-55px;color:gray;" class="labelLifespaceItem onMouseOver"
                                                  onmouseover="document.getElementById('img_ExerciseImage').className='grayOut';document.getElementById('span_ExerciseImageText').style.display ='block';document.getElementById('img_ExerciseImage').style.opacity = '0.2';"
                                                  onmouseout="document.getElementById('img_ExerciseImage').setAttribute('class','');document.getElementById('span_ExerciseImageText').style.display ='none';document.getElementById('img_ExerciseImage').style.opacity = '0.7';">Click to Add Photo</span>
                                        </div>
                                    </xsl:otherwise>
                                </xsl:choose>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr style="display:none;">
                    <td>
                        <span class="publicationSummary" style="font-size: 9pt;">Image URL</span>
                    </td>
                    <td>
                        <input id="txt_{$PortalItemID}_{$ExerciseID}_imageURL" value="{$ImageURL}" type="text" class="text"/>
                    </td>
                </tr>

                <tr>
                    <td>
                        <span class="publicationSummary" style="font-size: 9pt;">Measures</span>
                    </td>
                    <td>
                        <xsl:choose>
                            <xsl:when test="$SetsYN = 1 ">
                                <input type="checkbox" style="display:none;" id="txt_{$PortalItemID}_{$ExerciseID}_chkSets" value="{$SetsYN}" class="taskFilter" checked="checked"/>
                                <span style="display:none;" class="taskFilter">Sets</span>
                            </xsl:when>
                            <xsl:otherwise>
                                <input type="checkbox" style="display:none;" id="txt_{$PortalItemID}_{$ExerciseID}_chkSets" value="{$SetsYN}" class="taskFilter" name="checkMeasure"
                                       />
                                <span style="display:none;" class="taskFilter">Sets</span>
                            </xsl:otherwise>
                        </xsl:choose>
                        <xsl:choose>
                            <xsl:when test="$RepsYN = 1">
                                <input type="checkbox" id="txt_{$PortalItemID}_{$ExerciseID}_chkReps" value="{$RepsYN}" class="taskFilter" checked="checked"/>
                                <span class="taskFilter">Reps</span>
                            </xsl:when>
                            <xsl:otherwise>
                                <input type="checkbox" id="txt_{$PortalItemID}_{$ExerciseID}_chkReps" value="{$RepsYN}" class="taskFilter" name="checkMeasure"
                                       />
                                <span class="taskFilter">Reps</span>
                            </xsl:otherwise>
                        </xsl:choose>
                        <xsl:choose>
                            <xsl:when test="$TimeYN = 1">
                                <input type="checkbox" id="txt_{$PortalItemID}_{$ExerciseID}_chkTime" value="{$TimeYN}" class="taskFilter" checked="checked"/>
                                <span class="taskFilter">Time</span>
                            </xsl:when>
                            <xsl:otherwise>
                                <input type="checkbox" id="txt_{$PortalItemID}_{$ExerciseID}_chkTime" value="{$TimeYN}" class="taskFilter" name="checkMeasure"
                                       />
                                <span class="taskFilter">Time</span>
                            </xsl:otherwise>
                        </xsl:choose>
                        <xsl:choose>
                            <xsl:when test="$WeightYN = 1">
                                <input type="checkbox" id="txt_{$PortalItemID}_{$ExerciseID}_chkWeight" value="{$WeightYN}" class="taskFilter" checked="checked"/>
                                <span class="taskFilter">Weight</span>
                            </xsl:when>
                            <xsl:otherwise>
                                <input type="checkbox" id="txt_{$PortalItemID}_{$ExerciseID}_chkWeight" value="{$WeightYN}" class="taskFilter" name="checkMeasure"
                                      />
                                <span class="taskFilter">Weight</span>
                            </xsl:otherwise>
                        </xsl:choose>
                        <xsl:choose>
                            <xsl:when test="$DistanceYN = 1">
                                <input type="checkbox" id="txt_{$PortalItemID}_{$ExerciseID}_chkDistance" value="{$DistanceYN}" class="taskFilter" checked="checked"/>
                                <span class="taskFilter">Dist</span>
                            </xsl:when>
                            <xsl:otherwise>
                                <input type="checkbox" id="txt_{$PortalItemID}_{$ExerciseID}_chkDistance" value="{$DistanceYN}" class="taskFilter" name="checkMeasure"
                                       />
                                <span class="taskFilter">Dist</span>
                            </xsl:otherwise>
                        </xsl:choose>

                        <xsl:choose>
                            <xsl:when test="$LevelYN = 1">
                                <input type="checkbox" id="txt_{$PortalItemID}_{$ExerciseID}_chkLevel" value="{$LevelYN}" class="taskFilter" checked="checked"/>
                                <span class="taskFilter">Levels</span>
                            </xsl:when>
                            <xsl:otherwise>
                                <input type="checkbox" id="txt_{$PortalItemID}_{$ExerciseID}_chkLevel" value="{$LevelYN}" class="taskFilter" name="checkMeasure"
                                       />
                                <span class="taskFilter">Levels</span>
                            </xsl:otherwise>
                        </xsl:choose>


                        <xsl:choose>
                            <xsl:when test="$CaloriesYN = 1">
                                <input type="checkbox" id="txt_{$PortalItemID}_{$ExerciseID}_chkCalories" value="{$CaloriesYN}" class="taskFilter" checked="checked"/>
                                <span class="taskFilter">Cals</span>
                            </xsl:when>
                            <xsl:otherwise>
                                <input type="checkbox" id="txt_{$PortalItemID}_{$ExerciseID}_chkCalories" value="{$CaloriesYN}" class="taskFilter" name="checkMeasure"
                                       />
                                <span class="taskFilter">Cals</span>
                            </xsl:otherwise>
                        </xsl:choose>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="publicationSummary" style="font-size: 9pt;">Active</span>
                    </td>
                    <xsl:choose>
                        <xsl:when test="$IsActive = 1">
                            <td>
                                <select id="txt_{$PortalItemID}_{$ExerciseID}_ddlActive" name="Type" class="smallDropdown">
                                    <option value="1" selected="selected">
                                        <xsl:text>Yes</xsl:text>
                                    </option>
                                    <option value="0">
                                        <xsl:text>No</xsl:text>
                                    </option>
                                </select>
                            </td>
                        </xsl:when>
                        <xsl:when test="$IsActive = 0">
                            <td>
                                <select id="txt_{$PortalItemID}_{$ExerciseID}_ddlActive" name="Type" class="smallDropdown">
                                    <option value="1" >
                                        <xsl:text>Yes</xsl:text>
                                    </option>
                                    <option value="0" selected="selected">
                                        <xsl:text>No</xsl:text>
                                    </option>
                                </select>
                            </td>
                        </xsl:when>
                        <xsl:otherwise>
                            <td>
                                <select id="txt_{$PortalItemID}_{$ExerciseID}_ddlActive" name="Type" class="smallDropdown">
                                    <option value="1" selected="selected">
                                        <xsl:text>Yes</xsl:text>
                                    </option>
                                    <option value="0">
                                        <xsl:text>No</xsl:text>
                                    </option>
                                </select>
                            </td>
                        </xsl:otherwise>
                    </xsl:choose>
                </tr>
                <tr>
                    <td>
                        <span class="publicationSummary" style="font-size: 9pt;">Public</span>
                    </td>
                    <xsl:choose>
                        <xsl:when test="$IsPublic = 1">
                            <td>
                                <select id="txt_{$PortalItemID}_{$ExerciseID}_ddlPublic" name="Type" class="smallDropdown">
                                    <option value="1" selected="selected">
                                        <xsl:text>Yes</xsl:text>
                                    </option>
                                    <option value="0">
                                        <xsl:text>No</xsl:text>
                                    </option>
                                </select>
                            </td>
                        </xsl:when>
                        <xsl:when test="$IsPublic = 0">
                            <td>
                                <select id="txt_{$PortalItemID}_{$ExerciseID}_ddlPublic" name="Type" class="smallDropdown">
                                    <option value="1" >
                                        <xsl:text>Yes</xsl:text>
                                    </option>
                                    <option value="0" selected="selected">
                                        <xsl:text>No</xsl:text>
                                    </option>
                                </select>
                            </td>
                        </xsl:when>
                        <xsl:otherwise>
                            <td>
                                <select id="txt_{$PortalItemID}_{$ExerciseID}_ddlPublic" name="Type" class="smallDropdown">
                                    <option value="1" >
                                        <xsl:text>Yes</xsl:text>
                                    </option>
                                    <option value="0" selected="selected">
                                        <xsl:text>No</xsl:text>
                                    </option>
                                </select>
                            </td>
                        </xsl:otherwise>
                    </xsl:choose>
                </tr>
                <tr>
                    <td>
                        <span class="publicationSummary" style="font-size: 9pt;">Published</span>
                    </td>
                    <xsl:choose>
                        <xsl:when test="$IsPublished = 1">
                            <td>
                                <select id="txt_{$PortalItemID}_{$ExerciseID}_ddlPublished" name="Type" class="smallDropdown">
                                    <option value="1" selected="selected">
                                        <xsl:text>Yes</xsl:text>
                                    </option>
                                    <option value="0">
                                        <xsl:text>No</xsl:text>
                                    </option>
                                </select>
                            </td>
                        </xsl:when>
                        <xsl:when test ="$IsPublished = 0">
                            <td>
                                <select id="txt_{$PortalItemID}_{$ExerciseID}_ddlPublished" name="Type" class="smallDropdown">
                                    <option value="1" >
                                        <xsl:text>Yes</xsl:text>
                                    </option>
                                    <option value="0" selected="selected">
                                        <xsl:text>No</xsl:text>
                                    </option>
                                </select>
                            </td>
                        </xsl:when>
                        <xsl:otherwise>
                            <td>
                                <select id="txt_{$PortalItemID}_{$ExerciseID}_ddlPublished" name="Type" class="smallDropdown">
                                    <option value="1" >
                                        <xsl:text>Yes</xsl:text>
                                    </option>
                                    <option value="0" selected="selected">
                                        <xsl:text>No</xsl:text>
                                    </option>
                                </select>
                            </td>
                        </xsl:otherwise>
                    </xsl:choose>
                </tr>
                <tr style="display:none;">
                    <td>
                        <span class="publicationSummary" style="font-size: 9pt;">Body Part</span>
                    </td>
                    <td>
                        <select id="opt_BodyPart" class="smallDropdown">
                            <option value="-99">-Select-</option>
                        </select>
                    </td>
                </tr>
                <tr style="display:none;">
                    <td>
                        <span class="publicationSummary" style="font-size: 9pt;">Muscle</span>
                    </td>
                    <td>
                        <select id="opt_Muscle" class="smallDropdown">
                            <option value="-99">-Select-</option>
                        </select>
                    </td>
                </tr>
                <tr style="display:none;">
                    <td>
                        <span class="publicationSummary" style="font-size: 9pt;">Equipment</span>
                    </td>
                    <td>
                        <select id="opt_Equipment" class="smallDropdown">
                            <option value="-99">-Select-</option>
                        </select>
                    </td>
                </tr>
                <tr style="display:none;">
                    <td>
                        <span class="publicationSummary" style="font-size: 9pt;">Position</span>
                    </td>
                    <td>
                        <select id="opt_Position" class="smallDropdown">
                            <option value="-99">-Select-</option>
                        </select>
                    </td>
                </tr>

                <xsl:choose>
                    <xsl:when test="$ExerciseID > 0">
                        <tr>
                            <td colspan="2">
                                <div style="width:300px;">
                                    <div class="verticallyMiddle onMouseOver divBrowseGradient spanBrowseGradientTextGray marginBottom10 marginTop10"
                                         style="width:100px;line-height:30px;text-align:center;float:left;"
                                         onmouseover="document.getElementById('img_AddExercise_{$ExerciseID}').src='{$TemplateURL}Web/Images/Ver_2_0/icon_add_over.png';"
                                         onmouseout="document.getElementById('img_AddExercise_{$ExerciseID}').src='{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png';"
                                         onClick="return workoutTracker_UpdateExercise('{normalize-space($PortalItemID)}','{$ExerciseID}',
                                            'txt_{$PortalItemID}_{$ExerciseID}_ExerciseName', 'txt_{$PortalItemID}_{$ExerciseID}_txtDescription',
                                            'txt_{$PortalItemID}_{$ExerciseID}_ddlType','txt_{$PortalItemID}_{$ExerciseID}_txtCustomType',
                                            'exerciseImagePath','txt_{$PortalItemID}_{$ExerciseID}_imageURL',
                                            'txt_{$PortalItemID}__videoURL','txt_{$PortalItemID}_{$ExerciseID}_chkLevel',
                                            'txt_{$PortalItemID}_{$ExerciseID}_chkSets','txt_{$PortalItemID}_{$ExerciseID}_chkReps',
                                            'txt_{$PortalItemID}_{$ExerciseID}_chkTime','txt_{$PortalItemID}_{$ExerciseID}_chkDistance',
                                            'txt_{$PortalItemID}_{$ExerciseID}_chkWeight','txt_{$PortalItemID}_{$ExerciseID}_chkCalories',
                                            'txt_{$PortalItemID}_{$ExerciseID}_ddlActive','txt_{$PortalItemID}_{$ExerciseID}_ddlPublic',
                                            'txt_{$PortalItemID}_{$ExerciseID}_ddlPublished','div_{$PortalItemID}_{$ExerciseID}_Operations');">
                                        <img id="img_AddExercise_{$ExerciseID}" src="{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png" align="absmiddle"  class="marginRight5"></img>
                                        <span id="span_Cancel">UPDATE</span>
                                    </div>
                                    <div class="verticallyMiddle onMouseOver divBrowseGradient spanBrowseGradientTextGray marginBottom10 marginTop10"
                                         style="width:100px;line-height:30px;text-align:center;float:right;"
                                           onmouseover="document.getElementById('img_CancelExercise_{$ExerciseID}').src='{$TemplateURL}Web/Images/Ver_2_0/BT_x_over.png';"
                                           onmouseout="document.getElementById('img_CancelExercise_{$ExerciseID}').src='{$TemplateURL}Web/Images/Ver_2_0/BT_x.png';"
                                           onClick="closePopupWhiteLayerContainer();">
                                        <img id="img_CancelExercise_{$ExerciseID}" src="{$TemplateURL}Web/Images/Ver_2_0/BT_x.png" align="absmiddle"  class="marginRight5"></img>
                                        <span id="span_Cancel">CANCEL</span>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </xsl:when>
                    <xsl:otherwise>
                        <tr>
                            <td colspan="2">
                                <div style="width:300px;">
                                    <div class="verticallyMiddle onMouseOver divBrowseGradient spanBrowseGradientTextGray marginBottom10 marginTop10"
                                         style="width:100px;line-height:30px;text-align:center;float:left;"
                                         onmouseover="document.getElementById('img_AddExercise_{$ExerciseID}').src='{$TemplateURL}Web/Images/Ver_2_0/icon_add_over.png';"
                                         onmouseout="document.getElementById('img_AddExercise_{$ExerciseID}').src='{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png';"
                                         onClick="return workoutTracker_AddExercise('{normalize-space($PortalItemID)}','txt_{$PortalItemID}_{$ExerciseID}_ExerciseName',
                                            'txt_{$PortalItemID}_{$ExerciseID}_txtDescription',
                                            'txt_{$PortalItemID}_{$ExerciseID}_ddlType','txt_{$PortalItemID}_{$ExerciseID}_txtCustomType',
                                            'exerciseImagePath','txt_{$PortalItemID}_{$ExerciseID}_imageURL',
                                            'txt_{$PortalItemID}__videoURL','txt_{$PortalItemID}_{$ExerciseID}_chkLevel',
                                            'txt_{$PortalItemID}_{$ExerciseID}_chkSets','txt_{$PortalItemID}_{$ExerciseID}_chkReps',
                                            'txt_{$PortalItemID}_{$ExerciseID}_chkTime','txt_{$PortalItemID}_{$ExerciseID}_chkDistance',
                                            'txt_{$PortalItemID}_{$ExerciseID}_chkWeight','txt_{$PortalItemID}_{$ExerciseID}_chkCalories',
                                            'txt_{$PortalItemID}_{$ExerciseID}_ddlActive','txt_{$PortalItemID}_{$ExerciseID}_ddlPublic',
                                            'txt_{$PortalItemID}_{$ExerciseID}_ddlPublished','div_ExerciseList_{$PortalItemID}_Add','{$ProgramID}',
                                            '{$Origin}','{$WorkoutID}','opt_BodyPart','opt_Muscle','opt_Equipment','opt_Position');">
                                        <img id="img_AddExercise_{$ExerciseID}" src="{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png" align="absmiddle"  class="marginRight5"></img>
                                        <span id="span_Cancel">SUBMIT</span>
                                    </div>

                                    <xsl:choose>
                                        <xsl:when test ="$Origin = 'DisplayAddExcercise'">
                                            <div class="verticallyMiddle onMouseOver divBrowseGradient spanBrowseGradientTextGray marginBottom10 marginTop10"
                                                 style="width:100px;line-height:30px;text-align:center;float:right;"
                                                 onmouseover="document.getElementById('img_CancelExercise_{$ExerciseID}').src='{$TemplateURL}Web/Images/Ver_2_0/BT_x_over.png';"
                                                 onmouseout="document.getElementById('img_CancelExercise_{$ExerciseID}').src='{$TemplateURL}Web/Images/Ver_2_0/BT_x.png';"
                                                 onClick="workoutTracker_CloseUpdateExerciseBox('divInsertProgramExcerciseLink');">
                                                <img id="img_CancelExercise_{$ExerciseID}" src="{$TemplateURL}Web/Images/Ver_2_0/BT_x.png" align="absmiddle"  class="marginRight5"></img>
                                                <span id="span_Cancel">CANCEL</span>
                                            </div>
                                        </xsl:when>
                                        <xsl:when test="$Origin = 'DisplayAddExcerciseToWorkout'">
                                            <div class="verticallyMiddle onMouseOver divBrowseGradient spanBrowseGradientTextGray marginBottom10 marginTop10"
                                                 style="width:100px;line-height:30px;text-align:center;float:right;"
                                                 onmouseover="document.getElementById('img_CancelExercise_{$ExerciseID}').src='{$TemplateURL}Web/Images/Ver_2_0/BT_x_over.png';"
                                                 onmouseout="document.getElementById('img_CancelExercise_{$ExerciseID}').src='{$TemplateURL}Web/Images/Ver_2_0/BT_x.png';"
                                                 onClick="workoutTracker_CloseUpdateExerciseBox('div_Exercise_Operations');">
                                                <img id="img_CancelExercise_{$ExerciseID}" src="{$TemplateURL}Web/Images/Ver_2_0/BT_x.png" align="absmiddle"  class="marginRight5"></img>
                                                <span id="span_Cancel">CANCEL</span>
                                            </div>
                                        </xsl:when>
                                        <xsl:otherwise>
                                            <div class="verticallyMiddle onMouseOver divBrowseGradient spanBrowseGradientTextGray marginBottom10 marginTop10"
                                                 style="width:100px;line-height:30px;text-align:center;float:right;"
                                                 onmouseover="document.getElementById('img_CancelExercise_{$ExerciseID}').src='{$TemplateURL}Web/Images/Ver_2_0/BT_x_over.png';"
                                                 onmouseout="document.getElementById('img_CancelExercise_{$ExerciseID}').src='{$TemplateURL}Web/Images/Ver_2_0/BT_x.png';"
                                                 onClick="closePopupWhiteLayerContainer();">
                                                <img id="img_CancelExercise_{$ExerciseID}" src="{$TemplateURL}Web/Images/Ver_2_0/BT_x.png" align="absmiddle"  class="marginRight5"></img>
                                                <span id="span_Cancel">CANCEL</span>
                                            </div>
                                        </xsl:otherwise>
                                    </xsl:choose>
                                </div>
                            </td>
                        </tr>
                    </xsl:otherwise>
                </xsl:choose>
            </table>
            
        </div>
    </xsl:template>
</xsl:stylesheet>
