// JScript File




function GetSelectedTime(TimePickerID)
{

    var Hour = TimePickerID +  "Hour";
    var Minute = TimePickerID +  "Minute";
    var AMPM = TimePickerID +  "AMPM";
    var TimeRef = TimePickerID +  "TimeRef";

    HourIndex = getElementFromID(Hour).selectedIndex
    SelectedHour = getElementFromID(Hour).options[HourIndex].value

    MinuteIndex = getElementFromID(Minute).selectedIndex
    SelectedMinute = getElementFromID(Minute).options[MinuteIndex].value
    
    AMPMIndex = getElementFromID(AMPM).selectedIndex
    SelectedAMPM = getElementFromID(AMPM).options[AMPMIndex].value
  
    TimeRefIndex = getElementFromID(TimeRef).selectedIndex
    SelectedTimeRef = getElementFromID(TimeRef).options[TimeRefIndex].value

    return SelectedHour + ":" + SelectedMinute + ":" + SelectedAMPM + " " + SelectedTimeRef ;

}

function GetCalTime(TimePickerID)
{

 var CalDate = GetSelectedTime(TimePickerID)
 CalDate = CalDate.replace(/:/g,"_").replace(" ", "_") ; 

 return CalDate
 
}


function SetTimeValue(TimePickerID, Time)
{
 
    var SetTime = Time.split(" ");
    
    var TimeRef = SetTime[1];
    var HourMinute = SetTime[0].split(":");

    var Hour = HourMinute[0];
    var Minute = HourMinute[1];
    var AMPM = HourMinute[2];

    var HourDL = TimePickerID +  "Hour";
    var MinuteDL = TimePickerID +  "Minute";
    var AMPMDL = TimePickerID +  "AMPM";
    var TimeRefDL = TimePickerID +  "TimeRef";

    SetDropDownIndex(getElementFromID(HourDL), Hour);
    SetDropDownIndex(getElementFromID(MinuteDL), Minute);
    SetDropDownIndex(getElementFromID(AMPMDL), AMPM);
    SetDropDownIndex(getElementFromID(TimeRefDL), TimeRef);

}



function TimePicker(PanelID)
{


        var ParentElement = getElementFromID(PanelID);
        
        var Hour = PanelID +  "Hour";
        var Minute = PanelID +  "Minute";
        var AMPM = PanelID +  "AMPM";
        var TimeRef = PanelID +  "TimeRef";
        
 var TimeHTML =        

    '<div style="overflow:auto">' + 
     '<div style="width:70px; float:left; font-weight:bold; color:Brown;">' + 
         '<select name="' + Hour + '" id="' + Hour + '" >' + 
		    '<option value="1" selected="selected">1</option>' +
		    '<option value="2">2</option>' +
		    '<option value="3">3</option>' +
		    '<option value="4">4</option>' +
		    '<option value="5">5</option>' +
		    '<option value="6">6</option>' +
		    '<option value="7">7</option>' +
		    '<option value="8">8</option>' +
		    '<option value="9">9</option>' +
		    '<option value="10">10</option>' +
		    '<option value="11">11</option>' +
		    '<option value="12">12</option>' +			
	    '</select>'  +
         ' : ' +	    
     '</div>' + 
     '<div style="width:70px; float:left; font-weight:bold; color:Brown;">' +
         '<select name="' + Minute + ' " id="' + Minute + '" > ' +  
		    '<option value="00" selected="selected">00</option>' +
		    '<option value="01">01</option>' +
		    '<option value="02">02</option>' +
		    '<option value="03">03</option>' +
		    '<option value="04">04</option>' +
		    '<option value="05">05</option>' +
		    '<option value="06">06</option>' +
		    '<option value="07">07</option>' +
		    '<option value="08">08</option>' +
		    '<option value="09">09</option>' +
		    '<option value="10">10</option>' +
		    '<option value="11">11</option>' +
		    '<option value="12">12</option>' +	
		    '<option value="13">13</option>' +
		    '<option value="14">14</option>' +
		    '<option value="15">15</option>' +
		    '<option value="16">16</option>' +
		    '<option value="17">17</option>' +
		    '<option value="18">18</option>' +
		    '<option value="19">19</option>' +
		    '<option value="20">20</option>' +
		    '<option value="21">21</option>' +
		    '<option value="22">22</option>' +
		    '<option value="23">23</option>' +
		    '<option value="24">24</option>' +
		    '<option value="25">25</option>' +
		    '<option value="26">26</option>' +
		    '<option value="27">27</option>' +
		    '<option value="28">28</option>' +
		    '<option value="29">29</option>' +
		    '<option value="30">30</option>' +
		    '<option value="31">31</option>' +
		    '<option value="32">32</option>' +	
		    '<option value="33">33</option>' +
		    '<option value="34">34</option>' +
		    '<option value="35">35</option>' +
		    '<option value="36">36</option>' +
		    '<option value="37">37</option>' +
		    '<option value="38">38</option>' +
		    '<option value="39">39</option>' +
		    '<option value="40">40</option>' +
		    '<option value="41">41</option>' +
		    '<option value="42">42</option>' +	
		    '<option value="43">43</option>' +
		    '<option value="44">44</option>' +
		    '<option value="45">45</option>' +
		    '<option value="46">46</option>' +
		    '<option value="47">47</option>' +
		    '<option value="48">48</option>' +
		    '<option value="49">49</option>' +
		    '<option value="50">50</option>' +
		    '<option value="51">51</option>' +
		    '<option value="52">52</option>' +	
		    '<option value="53">53</option>' +
		    '<option value="54">54</option>' +
		    '<option value="55">55</option>' +
		    '<option value="56">56</option>' +
		    '<option value="57">57</option>' +
		    '<option value="58">58</option>' +
		    '<option value="59">59</option>' +
	    '</select>'  +
     '</div>' + 
     '<div style="width:100px; float:left; font-weight:bold; color:Brown;">' + 
        '<select name="' + AMPM + '" id="' + AMPM + '">' + 
		    '<option value="AM" selected="selected">AM</option>' +
		    '<option value="PM">PM</option>' +
	    '</select>'  + 
     '</div>' + 
     '<div style="width:150px; float:left; font-weight:bold; color:Brown;">' +
         '<select name="' + TimeRef + '" id="' + TimeRef + '">' + 
		    '<option value="Local" selected="selected">Local</option>' +
		    '<option value="GMT">GMT</option>' +
	    '</select>'  + 
     '</div>' + 

    '</div>' ;
    

getElementFromID(PanelID).innerHTML = TimeHTML;


}