var GlobalYear;
  var GlobalMonth;
  var GlobalDay;

function positionInfo(object)
{
  var p_elm = object;

  this.getElementLeft = getElementLeft;
  function getElementLeft()
  {
    var x = 0;
    var elm;
    if (typeof(p_elm) == "object")    
        elm = p_elm;    
    else    
        elm = document.getElementById(p_elm);
    
    while (elm != null)
    {
      x += elm.offsetLeft;
      elm = elm.offsetParent;
    }
    
    return parseInt(x);
  }

  this.getElementWidth = getElementWidth;
  function getElementWidth()
  {
    var elm;
    if (typeof(p_elm) == "object")    
          elm = p_elm;    
    else     
          elm = document.getElementById(p_elm);
    
    return parseInt(elm.offsetWidth);
  }

  this.getElementRight = getElementRight;
  function getElementRight()
  {
    return getElementLeft(p_elm) + getElementWidth(p_elm);
  }

  this.getElementTop = getElementTop;
  function getElementTop()
  {
    var y = 0;
    var elm;
    if (typeof(p_elm) == "object")    
          elm = p_elm;    
    else     
      elm = document.getElementById(p_elm);
    
    while (elm != null) 
    {
          y+= Math.abs(elm.offsetTop);
          elm = elm.offsetParent;
    }
    
    return parseInt(y);
  }

  this.getElementHeight = getElementHeight;
  
  
  function getElementHeight()
  {
    var elm;
    if (typeof(p_elm) == "object")    
        elm = p_elm;    
    else    
        elm = document.getElementById(p_elm);
    
    return parseInt(elm.offsetHeight);
  }

  this.getElementBottom = getElementBottom;
  
  
  function getElementBottom()
  {
      return getElementTop(p_elm) + getElementHeight(p_elm);
  }
}

function CalendarControl()
{
  var calendarId = 'CalendarControl';
  var c;
  var currentMonth;
  var currentDay;
  var selectedYear;
  var selectedMonth;
  var selectedDay;

  var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
  var dateField = null;

  function getProperty(p_property)
  {
    var p_elm = calendarId;
    var elm = null;

    if(typeof(p_elm) == "object")
    {
        elm = p_elm;
    }
    else 
    {
        elm = document.getElementById(p_elm);
    }
    if (elm != null)
    {
      if(elm.style)
      {
        elm = elm.style;
        if(elm[p_property])        
              return elm[p_property];        
        else         
          return null;        
      }
      else
        return null;      
    }
  }


  function setElementProperty(p_property, p_value, p_elmId){
    var p_elm = p_elmId;
    var elm = null;
    if(typeof(p_elm) == "object")    
      elm = p_elm;    
    else    
      elm = document.getElementById(p_elm);
    
    if((elm != null) && (elm.style != null))
    {
      elm = elm.style;
      elm[p_property] = p_value;
    }
  }


  function setProperty(p_property, p_value) 
  {
      setElementProperty(p_property, p_value, calendarId);
  }


  function getDaysInMonth(year, month) 
  {
      return [31,((!(year % 4 ) && ( (year % 100 ) || !( year % 400 ) ))?29:28),31,30,31,30,31,31,30,31,30,31][month-1];
  }


  function getDayOfWeek(year, month, day) 
  {
    var date = new Date(year, month - 1, day)
    return date.getDay();
  }


  this.setDate = setDate;
  function setDate(year, month, day) 
  {
    if (dateField) 
    {
        GlobalYear = year;
        GlobalMonth = month;
        GlobalDay = day;  
        if (month < 10)
            month = "0" + month;
        if (day < 10) 
            day = "0" + day;
      
      var dateString = day+"."+month+"."+year;
      if (dateString != "undefined.undefined.undefined")                            
           dateField.value = dateString;
            
      hide();
    }
    return;
  }


  this.changeMonth = changeMonth;
  function changeMonth(change) 
  {
      currentMonth += change;    
      currentDay = 0;
    if(currentMonth > 12)
    {
         currentMonth = 1;
         currentYear++;
    }
    else if (currentMonth < 1)
    {
      currentMonth = 12;
      currentYear--;
    }

    calendar = document.getElementById(calendarId);
    calendar.innerHTML = calendarDrawTable();
   
  
    if (document.getElementById('calendarTable') != null)
    {    
        ct = document.getElementById('calendarTable');
        if (ct.addEventListener)
            ct.addEventListener('DOMMouseScroll', wheel, false);
        ct.onmousewheel = wheel;        
    }
  }

this.getSY = getSY;
function getSY()
{
    return currentYear;
}


  this.changeYear = changeYear;
      
  function changeYear(change) 
  {
    currentYear += change;
    currentDay = 0;
    calendar = document.getElementById(calendarId);
    calendar.innerHTML = calendarDrawTable();  
  }
  
  this.getCurrentYear = getCurrentYear;
  function getCurrentYear() 
  {
      var year = new Date().getYear();
      if(year < 1900) year += 1900;
      return year;
  }


  function getCurrentMonth()
  {
        return new Date().getMonth() + 1;
  } 


  function getCurrentDay() 
  {
        return new Date().getDate();
  }

 
  function nextMonthClick()
  {
        changeCalendarControlMonth(1);
  }
  
  
  function prevMonthClick()
  {   
        changeCalendarControlMonth(-1)
  }
  
  
 
  
  function calendarDrawTable() 
  {
    var dayOfMonth = 1;
    var validDay = 0;
    var startDayOfWeek = getDayOfWeek(currentYear, currentMonth, dayOfMonth);
    var daysInMonth = getDaysInMonth(currentYear, currentMonth);
    var css_class = null;   //CSS class for each day   
    var table = "";   
    table = table + "<div class='foreground'>";       
    table = table + "<table cellspacing='0' cellpadding='0' border='0' id='calendarTable'>";
    table = table + "<tr class='header'>";	
	table = table + "  <td colspan='2' id='id1' class='previous'><a href='javascript:changeCalendarControlMonth(-1);'>&lt;</a></td>";
    // set header month year
    table = table + "  <td id='monthID' colspan='3' class='title'><div id='yearDIV'><a id='MonthYearA' href='javascript:myFunction();'>" + months[currentMonth - 1] + " " + currentYear + "</a></div><div id='typingDIV' style='display:none;'><input type='text' id='yearTextBox' maxlength='4' value=''></div></td>";
    
    // naviage month only
    table = table + "  <td colspan='2' id='id2' class='next'><a href='javascript:changeCalendarControlMonth(1);'>&gt;</a></td>";
    table = table + "</tr>";
    table = table + "<tr><th>S</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th></tr>";
           
    
    for (var week = 0; week < 6; week++) 
    {
      table = table + "<tr>";
      for (var dayOfWeek = 0; dayOfWeek < 7; dayOfWeek++) 
      {
        if(week == 0 && startDayOfWeek == dayOfWeek)        
          validDay = 1;        
        else if (validDay == 1 && dayOfMonth > daysInMonth)        
          validDay = 0;        

        if(validDay)
        {
          if (dayOfMonth == selectedDay && currentYear == selectedYear && currentMonth == selectedMonth)
          {
              css_class = 'current';
          }
          else if (dayOfWeek == 0 || dayOfWeek == 6)          
              css_class = 'weekend';
          
          else          
              css_class = 'weekday';          

          table = table + "<td><a class='"+css_class+"' href=\"javascript:setCalendarControlDate("+currentYear+","+currentMonth+","+dayOfMonth+")\">"+dayOfMonth+"</a></td>";
          dayOfMonth++;
        }
        else        
          table = table + "<td class='empty'>&nbsp;</td>";        
      }
      table = table + "</tr>";
    }

    table = table + "<tr class='closingButton'><th colspan='7' class='closingTH' style='padding: 3px;'><a href='javascript:hideCalendarControl();'>Close</a></td></tr>";
    table = table + "</table>";
        
        
    table = table + "</div>";
          
    return table;
  }

  
  this.show = show;
  
  function show(field)
  {
    // If the calendar is visible and associated with
    // this field do not do anything.
    if (dateField == field)    
      return;    
    else 
    {
        if (typeof(field) == "object")        
          dateField = field;        
        else        
          dateField = document.getElementById(field);        
    }

    
    if (dateField)
    {
      try
      {
        var dateString = new String(dateField.value);
        var dateParts = dateString.split(".");
    
        selectedDay = parseInt(dateParts[0],10);
        selectedMonth = parseInt(dateParts[1],10);
        selectedYear = parseInt(dateParts[2],10);    
      }
       catch (e) 
      {
      }
    }
    
    if (!(selectedYear && selectedMonth && selectedDay)) 
    {
      selectedMonth = GlobalMonth;
      selectedDay = GlobalDay;
      selectedYear = GlobalYear;      
    }

    if (!(selectedYear && selectedMonth && selectedDay)) 
    {
      selectedMonth = getCurrentMonth();
      selectedDay = getCurrentDay();
      selectedYear = getCurrentYear();    
    }

    currentMonth = selectedMonth;
    currentDay = selectedDay;
    currentYear = selectedYear;

    if(document.getElementById)
    {
      calendar = document.getElementById(calendarId);
      calendar.innerHTML = calendarDrawTable();
    
     
     if (document.getElementById('calendarTable') != null)
    {    
        ct = document.getElementById('calendarTable');
        if (ct.addEventListener)
            ct.addEventListener('DOMMouseScroll', wheel, false);
        ct.onmousewheel = wheel;
    }           
    
      setElementProperty('display', 'block', 'CalendarControlIFrame');
      setProperty('display', 'block');

      var fieldPos = new positionInfo(dateField);
      var calendarPos = new positionInfo(calendarId);
      setProperty('left', fieldPos.getElementLeft()+"px");
      setProperty('top', fieldPos.getElementBottom()+"px");
      setElementProperty('left', fieldPos.getElementLeft()+"px", 'CalendarControlIFrame');
      setElementProperty('top', fieldPos.getElementBottom()+"px", 'CalendarControlIFrame');     
      setElementProperty('width', calendarPos.getElementWidth()+"px", 'CalendarControlIFrame');
      setElementProperty('height', calendarPos.getElementHeight()+"px", 'CalendarControlIFrame');
      setProperty('width', calendarPos.getElementWidth()+"px", 'CalendarControl');
      setProperty('height', calendarPos.getElementHeight()+"px", 'CalendarControl');
    }
  }

  this.hide = hide;
  function hide()
  {
    if(dateField) 
    {
      setProperty('display', 'none');
      setElementProperty('display', 'none', 'CalendarControlIFrame');
      dateField = null;
    }
  }
  
  this.captureKey = zCaptureKeyTyping;
  function zCaptureKeyTyping(oObject)
  {
    if (oObject != null)
    {
        if (typeof(oObject) == "string")        
            oObject = document.getElementById(oObject);        
        else
        {
            if (typeof(oObject) == "object")            
                oObject = oObject;            
            else            
                return;            
        }
        oObject.onkeyup = function()
        {
            var d = ParseDateFromString(oObject.value,null);
            if (d)
            {
                GlobalMonth = d[0].getMonth() + 1;
                GlobalDay = d[0].getDate();
                GlobalYear = d[0].getFullYear();
                trace(GlobalMonth + "/" + GlobalDay + "/" + GlobalYear);
            }
        }
    }
  }  
}

var calendarControl = new CalendarControl();

function showCalendarControl(textField) 
{
  setCalendarControlDate(GlobalYear, GlobalMonth, GlobalDay);
  calendarControl.show(textField);
}


function SetCapture(textField)
{
    if (calendarControl)
    calendarControl.captureKey(textField);
}


////////////////////////////////////
function hideCalendarControl() 
{
  calendarControl.hide();
}
////////////////////////////////////

function wheel(event)
{                
        var delta = 0;
        if (!event)
            event = window.event;
        
        if (event.wheelDelta)
        {
                delta = event.wheelDelta / 120;
                if (window.opera)
                    delta = -delta;
        }
        else if (event.detail)         
                delta = -event.detail / 3;
        
        if (delta > 0)     
            changeCalendarControlMonth(-1);
        else           
            changeCalendarControlMonth(1);            
        
        return false;   // Desabling another reactions on mousewheel event
}


function setCalendarControlDate(year, month, day) 
{
    calendarControl.setDate(year, month, day);
}


function changeCalendarControlYear(change) 
{
    calendarControl.changeYear(change);
}


function changeCalendarControlMonth(change) 
{ 
  calendarControl.changeMonth(change);
}

function myFunction()
{
    document.getElementById('yearDIV').style.display = 'none';   
    document.getElementById('typingDIV').style.display = 'inline';   
    document.getElementById('yearTextBox').onblur = ffblur;
    document.getElementById('yearTextBox').onkeydown = ff;   
}



function ff(e)
{    
    if(window.event) 
        keynum = window.event.keyCode; //IE
    else if (e.which) 
        keynum = e.which;              // Netscape/Firefox/Opera
    if (keynum == 13) 
    {   
        if (document.getElementById('yearTextBox').value.length == 4)
        {            
            var newYear = document.getElementById('yearTextBox').value;     
        
            if (newYear > 1900 && newYear < 2099)                               
                changeCalendarControlYear(newYear - calendarControl.getSY());                                      
            else               
                changeCalendarControlYear(0);                   
        }               
    }
}

function ffblur()
{
    if (document.getElementById('yearTextBox').value.length == 4)
        {            
            var newYear = document.getElementById('yearTextBox').value;     
        
            if (newYear > 1900 && newYear < 2099)                               
                changeCalendarControlYear(newYear - calendarControl.getSY());                                      
            else               
                changeCalendarControlYear(0);                   
        }   
}

document.write("<div id='CalendarControl' style='display:block;'></div>");
document.write("<iframe id='CalendarControlIFrame' frameBorder='0' scrolling='no'></iframe>");