﻿<?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="AddCustomExerciseToWorkout.xslt"/>
    <xsl:import href="Exercise.xslt"></xsl:import>

    <xsl:output method="xml" indent="yes"/>

    <xsl:template name="AddExerciseAutoSuggestControl">

        <xsl:param name="ItemID" select="'N/A'"></xsl:param>
        <xsl:param name="WorkoutID" select="'N/A'"></xsl:param>
        <xsl:param name="Origin" select="'N/A'"></xsl:param>
        <xsl:param name="TemplateURL" select="'N/A'"></xsl:param>

        <div id="div_ProgramListExcercise_{$ItemID}_Suggest" style="width:100%;">
          
            <div id="div_AddExerciseAutoSuggest" style="width:400px;">
                <div style="float:left;width:300px;">
                    <input id="txt_shareIt_{$ItemID}_Add_Exercise" type="text" style="margin-bottom:20px;margin-left:35px;" value="Add Exercise..." Class="autoSuggest" defaultValue="Add Exercise..."
                           onFocus='return AutoSuggest_ClearAutoSuggestTextbox("txt_shareIt_{$ItemID}_Add_Exercise");'
                           onBlur='return AutoSuggest_RestoreAutoSuggestTextbox(
                                                                        "txt_shareIt_{$ItemID}_Add_Exercise", 
                                                                        "div_ProgramListExcercise_{$ItemID}_Suggest_Suggestions");'
                           onKeyUp='brandAutoSuggest_getAutoSuggestData(event,
                                                                        "{$ItemID}",
                                                                        "txt_shareIt_{$ItemID}_Add_Exercise", 
                                                                        "{$Origin}",
                                                                        "div_ProgramListExcercise_{$ItemID}_Suggest_Suggestions",
                                                                        "div_ProgramListExcercise_{$ItemID}_Suggest", "{$WorkoutID}");'
                           onKeyPress='return brandAutoSuggest_selectAutoSuggestFromAutoSuggestTextBox(event,
                                                                        "{$ItemID}",
                                                                        "txt_shareIt_{$ItemID}_Add_Exercise", 
                                                                        "{$Origin}",
                                                                        "div_ProgramListExcercise_{$ItemID}_Suggest","{$WorkoutID}");'
                           suggestID='-99'>
                    </input>
                </div>

                <div style='float:right;width:75px;'>
                    <div id="div_AddExerciseButton" class="verticallyMiddle marginLeft10 onMouseOver divBrowseGradient spanBrowseGradientTextGray"
                         style="width:145px;line-height:25px;text-align:center;"
                         onclick="document.getElementById('div_AddExercise').style.display='block';
                                  document.getElementById('div_AddExerciseAutoSuggest').style.display = 'none';
                                  document.getElementById('txtExerciseName').value = document.getElementById('txt_shareIt_{$ItemID}_Add_Exercise').value;">
                        <span id="span_Cancel" class="capitalFont">Add New Exercise</span>
                    </div>
                </div>

            </div>
            <div id='div_AddExercise' style="display:none;border:2px solid #D2D3D4;">
                <div align="right" class="onMouseOver packageTitle" style="padding:5px;" title="Cancel"
                     onclick="document.getElementById('div_AddExercise').style.display='none';
                              document.getElementById('div_AddExerciseAutoSuggest').style.display = 'block';">[X]</div>
                <xsl:call-template name="CustomExerciseLayout">
                    <xsl:with-param name="WorkoutID" select="$WorkoutID"></xsl:with-param>
                    <xsl:with-param name="ItemID" select="$ItemID"></xsl:with-param>
                </xsl:call-template>
            </div>
            <div id="div_ProgramListExcercise_{$ItemID}_Suggest_Suggestions" class="tableLocal"
                 style="position:absolute;background-color:White;display:none;margin-top:20px;margin-left:35px;">

            </div>
            <div style="margin-top:5px;display:none;" id ="divInsertProgramExcerciseLink">
            </div>
        </div>

    </xsl:template>
</xsl:stylesheet>
