var Datetype="";
var strToolTip="";

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+= 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 currentYear = 0;
  var currentMonth = 0;
  var currentDay = 0;

  var selectedYear = 0;
  var selectedMonth = 0;
  var selectedDay = 0;
  
  var dateType="";
     
//  var months = ['January','February','March','April','May','June','July','August','September','October','November','December'];
  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.clearDate = clearDate;
    
  function clearDate() {
    dateField.value = '';
    hide();
  }
  this.setDate = setDate;
  function setDate(year, month, day) {  
    if (dateField) {
      if (day < 10) {day = "0" + day;}      
      month= getMonthName(month);
      var dateString =day+"-"+month+"-"+year;
      if(Datetype=='From' || Datetype=='To')
      {
        dateField.value = month+"-"+year;
      }
      else
      {
        dateField.value = dateString;
      }
      hide();
    }
    return;
  }

  this.changeMonth = changeMonth;
  function changeMonth(change) {
    currentMonth = change+1;
    calendar = document.getElementById(calendarId);
    calendar.innerHTML = calendarDrawTable();
  }

  this.changeYear = changeYear;
  function changeYear(change) {
        currentYear = change;
        currentDay = 0;
        calendar = document.getElementById(calendarId);
        calendar.innerHTML = calendarDrawTable();
  }

  function getCurrentYear() {
      var year = new Date().getYear();
      if (Datetype == 'DOB')
      {
        year -= 15;
      }
      else if (Datetype == 'Work Visa')
      {
        year += 4;
      }
      else if (Datetype == 'ASIC')
      {
        year += 2;
      } 
       else if (Datetype == 'ExpireDate')
      {
        year += 6;
      }      
      else
      {    
        if(year < 1900) year += 1900;        
      }
      return year;
  }

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

  function getCurrentDay() {
    return new Date().getDate();
  }
   
  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 cellspacing='0' cellpadding='0' border='0'>";
    table = table + "<tr class='header'>";
    table = table + "  <td colspan='2' class='previous'>" + fillMonth(currentMonth); + "</td>";
    //table = table + "  <td colspan='3' class='title'>" + getCurrentDay() +"-"+ months[getCurrentMonth()-1]  +"-"+ getCurrentYear() + "</td>";

    if (Datetype!='From' || Datetype!='To')
        table = table + "  <td colspan='3' class='title'></td>";
        
    table = table + "  <td colspan='2' class='next'>" + fillYear(currentYear); + "</td>";
    table = table + "</tr>";
    
    if (Datetype=='From' || Datetype=='To')
    {
        table = table + "<tr class='header'><th colspan='7' style='padding: 3px;'><a href='javascript:setCalendarControlDate("+currentYear+","+currentMonth+","+dayOfMonth+");'>Select</a> | <a href='javascript:clearCalendarControl();'>Clear</a> | <a href='javascript:hideCalendarControl();'>Close</a></td></tr>";
        table = table + "</table>";
        return table;
     }   
    table = table + "<tr><th style='text-align:center'>S</th><th style='text-align:center'>M</th><th style='text-align:center'>T</th><th style='text-align:center'>W</th><th style='text-align:center'>T</th><th style='text-align:center'>F</th><th style='text-align:center'>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';
          } 
            
          strToolTip="Select&nbsp;year,&nbsp;then&nbsp;month&nbsp;then&nbsp;day.&nbsp;&nbsp;###Click&nbsp;to&nbsp;select&nbsp;";
          strToolTip+=(parseInt(dayOfMonth,0) < 10)? "0"+dayOfMonth : dayOfMonth ;
          strToolTip+="-"+getMonthName(currentMonth)+"-"+currentYear;

          table = table + "<td><a onMouseover=fixedtooltip('"+strToolTip+"',this,event,'270px') onMouseout=delayhidetip() class='"+css_class+"' href=\"javascript:setCalendarControlDate("+currentYear+","+currentMonth+","+dayOfMonth+")\">"+dayOfMonth+"</a></td>";
          //table = table + "<td><a onMouseover=fixedtooltip('select&nbsp;appropriate&nbsp;year&nbsp;and&nbsp;month&nbsp;then&nbsp;&nbsp;###click&nbsp;on&nbsp;day&nbsp;to&nbsp;select&nbsp;"+strToolTip+"-"+getMonthName(currentMonth)+"-"+currentYear+"',this,event,'250px') onMouseout=delayhidetip() 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='header'><th colspan='7' style='padding: 3px;'><a href='javascript:clearCalendarControl();'>Clear</a> | <a href='javascript:hideCalendarControl();'>Close</a></td></tr>";
    table = table + "</table>";
    return table;
  }

function getMontNumber(MonthName)
{
     var MonthNo="";
        switch(MonthName)
        {
            case "Jan":
                MonthNo = 1;
                break;
            case "Feb":
                MonthNo = 2;
                break;            
            case "Mar":
                MonthNo = 3;
                break;            
            case "Apr":
                MonthNo = 4;
                break;            
            case "May":
                MonthNo = 5;
                break;            
            case "Jun":
                MonthNo = 6;
                break;            
            case "Jul":
                MonthNo = 7;
                break;            
            case "Aug":
                MonthNo = 8;
                break;            
            case "Sep":
                MonthNo = 9;
                break;            
            case "Oct":
                MonthNo = 10;
                break;            
            case "Nov":
                MonthNo = 11;
                break;            
            case "Dec":
                MonthNo = 12;
                break;
        }
        return MonthNo;
}

  this.show = show;
  function show(field) {
    can_hide = 0;
    // If the calendar is visible and associated with
    // this field do not do anything.
    if (dateField == field) {
      return;
    } else {
      dateField = field;
    }
    if(dateField) {
      try {
        var dateString = new String(dateField.value);
        if(Datetype=='From' || Datetype=='To')
        {
            dateString = "01-" + dateString;
        }
        
        var dateParts = dateString.split("-");
        selectedDay  = parseInt(dateParts[0],10);                        
        selectedMonth = parseInt(getMontNumber(dateParts[1]),10);
        selectedYear = parseInt(dateParts[2],10);
      } catch(e) {}
    }

    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(currentYear, currentMonth);
      
      setProperty('display', 'block');

      var fieldPos = new positionInfo(dateField);
      var calendarPos = new positionInfo(calendarId);

      var x = fieldPos.getElementLeft();
      var y = fieldPos.getElementBottom();

      setProperty('left', x + "px");
      setProperty('top', y + "px");
 
      if (document.all) {
        setElementProperty('display', 'block', 'CalendarControlIFrame');
        setElementProperty('left', x + "px", 'CalendarControlIFrame');
        setElementProperty('top', y + "px", 'CalendarControlIFrame');
        setElementProperty('width', calendarPos.getElementWidth() + "px", 'CalendarControlIFrame');
        setElementProperty('height', calendarPos.getElementHeight() + "px", 'CalendarControlIFrame');
      }
    }
    
    
     
  }

  this.hide = hide;
  function hide() {
    if(dateField) {
      setProperty('display', 'none');
      setElementProperty('display', 'none', 'CalendarControlIFrame');
      dateField = null;
    }
  }

  this.visible = visible;
  function visible() {
    return dateField
  }

  this.can_hide = can_hide;
  var can_hide = 0;
}

var calendarControl = new CalendarControl();
var fld=null;
			
function showCalendarControl(textField,TypeOfDate) {
 //textField.onblur = hideCalendarControl; //hidding the date control.  

  Datetype = TypeOfDate;  	
  fld=textField;
  calendarControl.show(textField); 
    document.onclick=check; 

}

function check(e){ 
var target = (e && e.target) || (event && event.srcElement); 
if(target.toString().substring(0,10)!="javascript"   && event.srcElement.id !=fld.id && event.srcElement.id!=selYear.id && event.srcElement.id!=selMonth.id)
{
var obj = document.getElementById('CalendarControl'); 
if(target!=obj){hideCalendarControl()} 
}
} 

function fillYear(curYear)
{
    var year = new Date().getFullYear();    
    var yearCtrl="<select id='selYear' onchange=javascript:changeCalendarControlYear(this); style='width: 50px'>";     
    var yearValue="";
    var tmpYear="";
    if(Datetype=='DOB')
    {
        for (i = 15; i < 90; i++)
        {      
            tmpYear=((parseInt(year,0) - parseInt(i,0)) == parseInt(curYear,0))? "selected='selected'" : "";                       
            yearValue += "<option " + tmpYear + ">" + (parseInt(year,0) - parseInt(i,0))  + "</option>";
        }
    }
    else if(Datetype=='Work Visa')      
    {
        for (i = 0; i < 5; i++)
        {      
            tmpYear=((parseInt(year,0) + parseInt(i,0)) == parseInt(curYear,0))? "selected='selected'" : "";                    
            yearValue += "<option " + tmpYear + ">" + (parseInt(year,0) + parseInt(i,0))  + "</option>";
        }     
    }
    else if (Datetype == 'ASIC')
    {
        for (i = 0; i < 3; i++)
        {      
            tmpYear=((parseInt(year,0) + parseInt(i,0)) == parseInt(curYear,0))? "selected='selected'" : "";                    
            yearValue += "<option " + tmpYear + ">" + (parseInt(year,0) + parseInt(i,0))  + "</option>";
        }         
    }
    else if (Datetype == 'ExpireDate')
    {
        for (i = 0; i < 6; i++)
        {      
            tmpYear=((parseInt(year,0) + parseInt(i,0)) == parseInt(curYear,0))? "selected='selected'" : "";                    
            yearValue += "<option " + tmpYear + ">" + (parseInt(year,0) + parseInt(i,0))  + "</option>";
        }         
    }
    else
    {
        year+=10;
        for (i = 0; i < 100; i++)
        {      
            tmpYear=((parseInt(year,0) - parseInt(i,0)) == parseInt(curYear,0))? "selected='selected'" : "";                
            yearValue += "<option " + tmpYear + ">" + (parseInt(year,0) - parseInt(i,0))  + "</option>";
        }             
    }
    yearValue += "</select>";
    return yearCtrl += yearValue;        
}  
  
  function fillMonth(curMonth)
  { 
    var MonthCtrl="<select id='selMonth' onchange=javascript:changeCalendarControlMonth(this); style='width: 50px'>";     
    var MonthValue="";
    var tmpMonth="";
    for (i = 1; i < 13; i++)
    {
       tmpMonth=(curMonth == i )? "selected='selected'" : ""
       MonthValue += "<option " + tmpMonth + ">" + getMonthName(i)  + "</option>";
    }
    MonthValue += "</select>";
    return MonthCtrl += MonthValue;          
  }  

function getMonthName(monthno)    
{      
    var MonthName="";
    monthno = parseInt(monthno,0);
    switch(monthno)
    {
        case 1:
            MonthName = "Jan";
            break;
        case 2:
            MonthName = "Feb";
            break;            
        case 3:
            MonthName = "Mar";
            break;            
        case 4:
            MonthName = "Apr";
            break;            
        case 5:
            MonthName = "May";
            break;            
        case 6:
            MonthName = "Jun";
            break;            
        case 7:
            MonthName = "Jul";
            break;            
        case 8:
            MonthName = "Aug";
            break;            
        case 9:
            MonthName = "Sep";
            break;            
        case 10:
            MonthName = "Oct";
            break;            
        case 11:
            MonthName = "Nov";
            break;            
        case 12:
            MonthName = "Dec";
            break;
    }
    return MonthName;
}

function clearCalendarControl() {
  calendarControl.clearDate();
}

function hideCalendarControl() {
  if (calendarControl.visible()) {
    calendarControl.hide();
  }
}

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

function changeCalendarControlYear(change) 
{    
    var yearVal=change.options[change.selectedIndex].text;    
    calendarControl.changeYear(yearVal);
}

function changeCalendarControlMonth(change) {
  var MonthVal=change.selectedIndex;    
  calendarControl.changeMonth(MonthVal);
}

document.write("<iframe id='CalendarControlIFrame' src='javascript:false;' frameBorder='0' scrolling='no'></iframe>");
document.write("<div id='CalendarControl'></div>");