var HiddenFieldControlID = null
var PopupCalendarSourceID = null
var ActiveDatePickerID = null
var SourceControl = null
var HiddenControl = null

function OnPopupLoad(hiddenFieldControlID, calendarSourceControlID)
{
   HiddenFieldControlID = hiddenFieldControlID
   HiddenControl = document.getElementById(HiddenFieldControlID)
   
   PopupCalendarSourceID = calendarSourceControlID
   SourceControl = document.getElementById(PopupCalendarSourceID)
   
   if (HiddenControl.value != "")
   {
      ActiveDatePickerID = HiddenControl.value
      TogglePopup(ActiveDatePickerID)
    }
}

function TogglePopup(targetDatePickerID)
{ 
   if (ActiveDatePickerID == null)
   {   
      Show(targetDatePickerID)
      ActiveDatePickerID = targetDatePickerID
      return
   }
   
   if (targetDatePickerID != ActiveDatePickerID) 
   {
      Hide(ActiveDatePickerID)
      Show(targetDatePickerID)
      return;
   }

   if (targetDatePickerID == ActiveDatePickerID) 
   {
      Show(targetDatePickerID)
      return;
   }
      
   Hide(ActiveDatePickerID)       
}

function Show(targetDatePickerId) 
{
   if (targetDatePickerId == "") return

   var TargetControl = document.getElementById(targetDatePickerId + "_popupTarget")
   TargetControl.innerHTML = SourceControl.innerHTML
   TargetControl.cssclass  = "ppCalWrapper show"
   SetTimePickerStyle("hide")
   ActiveDatePickerID = targetDatePickerId
   HiddenControl.value = ActiveDatePickerID
}

function Hide(targetDatePickerId)
{
   if (targetDatePickerId == "") return

   var TargetControl = document.getElementById(targetDatePickerId + "_popupTarget")
   TargetControl.innerHTML = ""
   TargetControl.cssclass  = "ppCalWrapper hide"
   SetTimePickerStyle("showTimePicker")
   ActiveDatePickerID = ""
   HiddenControl.value = ActiveDatePickerID
}

function DS(Day, Month, Year)
{
   onCalendarChange(ActiveDatePickerID, new Date(Year, Month-1, Day))
   Hide(ActiveDatePickerID)
}

function SetTimePickerStyle(style) 
{
   var elem = document.getElementsByTagName("div");
   
   for(i = 0; i < elem.length; i++) 
   {
     if (elem[i].getAttribute('name') == "TimePicker") 
     {
         elem[i].style.display = (style == "hide") ? 'none' : 'block'
     }
   }   
}