function positionInfo(object) {

  var p_elm = object;
  var comStartDate = null; 

  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 setLang = 'en';
  
 
   var months = ['January','February','March','April','May','June','July','August','September','October','November','December'];
   var weekHeader = "<tr><th>S</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th></tr>";  
   var buttonText = "<tr class='header'><th colspan='2'></th><th colspan='5' style='padding: 3px;' ><a href='javascript:clearCalendarControl();'>Clear</a> | <a href='javascript:hideCalendarControl();'>Close</a></th></tr>";
   
 

   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() {
    var Lang = document.getElementById('SpanLanguage').innerText;
     if(Lang =="fr")
     {
     dateField.value = '(jj/mm/aaaa)';
     }
     else
     {
     dateField.value = '(dd/mm/yyyy)';
     }
    
    
    hide();
  }

  this.setDate = setDate;
  function setDate(year, month, day) {
    if (dateField) {
      if (month < 10) {month = "0" + month;}
      if (day < 10) {day = "0" + day;}

      var dateString = day+"/"+month+"/"+year;
      dateField.value = dateString;
      hide();
    }
    return;
  }

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

    calendar = document.getElementById(calendarId);
    var lang = document.getElementById('SpanLanguage');
    
    calendar.innerHTML = calendarDrawTable(lang);
  }

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

    calendar = document.getElementById(calendarId);
    calendar.innerHTML = calendarDrawTable();
  }
    
    this.selectMonth = selectMonth;
  function selectMonth(selMonth) {
    currentMonth = parseInt(selMonth);
    currentDay = 0; 

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

 function selectYear(change) {
    
    currentYear = change;
    currentDay = 0;
    calendar = document.getElementById(calendarId);
    calendar.innerHTML = calendarDrawTable();
    
  }
  
  
  this.setYear = setYear;
 
 function setYear(selYear)
 {
   //alert("setYear" + selYear);
    currentYear = selYear;
    currentDay = 0;
    calendar = document.getElementById(calendarId);
    calendar.innerHTML = calendarDrawTable();
 }
  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 AddYearOptions()
  {
    var syear = 1945; 
    var eyear = new Date().getFullYear();
     var options = ""; 
     for(var i=syear; i  < eyear + 1; i++)
     {
       options += "<option "+ checkYear(i)  +" value=" + i + ">" + i + "</option>";
     }
    
    //alert(options); 
    return options;
  }
  
  function checkYear(selyear)
  {
    if(selyear == currentYear)
    {
     return " selected "; 
    }
     else
    {
      return ""; 
    }
  
  }
  function AddMonthOptions()
  {
    var smonth = 1;
    var emonth = 12;
    var options = "";
    for(var i = smonth; i < emonth + 1; i++)
    {
      options +="<option " +checkMonth(i) +" value=" + i + ">" + i + "</option>";
    }
    // alert(options); 
    return options; 
  }
  
 function checkMonth(sel)
  {
    if(sel == currentMonth)
    {
     return " selected "; 
    }
    else
    {
      return ""; 
    }
  
  }
  function calendarDrawTable(lang) {

    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
    // alert("drawCalendar" + currentYear);
     
     var months_fr =["Janvier", "F\u00E9vrier", "Mars", "Avril", "Mai", "Juin", "Juillet", "Ao\u00FBt", "Septembre", "Octobre", "Novembre", "D\u00E9cembre"];
     var weekHeader_fr = "<tr><th>L</th><th>M</th><th>M</th><th>J</th><th>V</th><th>S</th><th>D</th></tr>"; 
      var buttonText_fr = "<tr class='header'><th colspan='2'></th><th colspan='5' style='padding: 3px;' ><a href='javascript:clearCalendarControl();'>Effacer</a> | <a href='javascript:hideCalendarControl();'>Fermer</a></th></tr>";
   
      var buttonNext = "";
      var buttonPrevious = "";
      
       if(currentYear == "1945" && currentMonth == "1")
      {
      
        buttonPrevious = "  <td colspan='1' class='previous'> </td>";
      }
      else
      {
        buttonPrevious = "  <td colspan='1' class='previous'><a href='javascript:changeCalendarControlMonth(-1);'>&lt;&lt;</a>  </td>";
      }
      
      
      
      if(currentYear == getCurrentYear() && currentMonth == getCurrentMonth())
      {
      
        buttonNext = "  <td colspan='1' class='next'> </td>";
      }
      else
      {
        buttonNext = "  <td colspan='1' class='next'> <a href='javascript:changeCalendarControlMonth(1);'>&gt;&gt;</a></td>";
      }
      
      
    if(setLang =="fr")
     {
      months = months_fr; 
      weekHeader =weekHeader_fr; 
      buttonText = buttonText_fr; 
     }
     
    
     
    var table = "<table cellspacing='0' cellpadding='0' border='0'>";
     table = table + "<tbody>"; 
     table = table +"<tr class='header'>"
    table = table + buttonPrevious;
    table = table + "  <td colspan='3' class='title'>" +   months[currentMonth-1] + "</td>";
     table = table + "  <td colspan='2' class='title'>" +   currentYear + "</td>"; 
    table = table + buttonNext;
    table = table + "</tr>";
     table = table +"</tr><tr class='header'>" 
     table = table + "  <td colspan='1'></td>"; 
     table = table + "  <td colspan='2' class='title' align='left'>" +   "<select id='selMonth' name='selMonth' onChange='javascript:changeCalendarControlMonth2(this.value);' >" + AddMonthOptions()  +"</select></td>";
     table = table + "  <td colspan='1'></td>";
     table = table + "  <td colspan='3' class='title' align='right'>" +   "<select id='selYear' name='selYear' onChange='javascript:changeCalendarControlYear2(this.value);' >"+ AddYearOptions() +"</select> </td>";
    table = table + "</tr>";
    table = table + weekHeader;
  

   
    
    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 + buttonText;
   
   
   table = table + "</tbody>";
    table = table + "</table>";

    return table;
  }

  this.show = show;
  function show(field, lang) {
    can_hide = 0;
  
    // If the calendar is visible and associated with
    // this field do not do anything.
   
   
    if (dateField == field) {
      return;
    } else {
      dateField = field;
    }
    
    setLang =lang;
    
    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 = getCurrentMonth();
      selectedDay = getCurrentDay();
      selectedYear = getCurrentYear();
    }

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

    if( document.getElementById(calendarId)){

      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();

function showCalendarControl(textField) {
  //textField.onblur = hideCalendarControl;
  
  calendarControl.show(textField, 'en');
}
function showCalendarControl2(textField) {
   var textcontrol = document.getElementById(textField);
 var lang = null;
 var langcon = null;
 langcon=document.getElementById('SpanLanguage');
 
 if(langcon != null)
 {
  lang =langcon.innerHTML;
 } 
 
if(lang.indexOf('fr') == -1)
{ lang = 'en';}
else
{ lang='fr';}


  calendarControl.show(textcontrol, lang);
}
function showCalendarControl3(textField, comDate) {
   var conControl = document.getElementById(comDate);
   var textcontrol = document.getElementById(textField);
  
  calendarControl.show(textcontrol, 'en');
}

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

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

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

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

function changeCalendarControlMonth(change) {
  calendarControl.changeMonth(change);
}
function changeCalendarControlYear2(selYear) { 
    //alert(selYear);
   calendarControl.setYear(selYear);
}

function changeCalendarControlYear3(selYear, conStart) { 
    //alert(selYear);
  var conValue = document.getElementById(conStart);
  //start year, month, day 
  
   calendarControl.setYear2(selYear);
}
function changeCalendarControlMonth2(selMonth) {
 //alert(selMonth);
  calendarControl.selectMonth(selMonth);
}

function check_date2(field, conStart)
{
 
   
  var conValue = document.getElementById(conStart);
  
  
  alert(conValue.value);
  if(field.value > conValue.value)
  {
    alert("The end Date should be later then the start date");
  }
}
function check_date(field){
var checkstr = "0123456789";
var DateField = field;
var Datevalue = "";
var DateTemp = "";
var seperator = "/";
var day;
var month;
var year;
var leap = 0;
var err = 0;
var i;
   err = 0;
   DateValue = DateField.value;
   /* Delete all chars except 0..9 */
   for (i = 0; i < DateValue.length; i++) {
	  if (checkstr.indexOf(DateValue.substr(i,1)) >= 0) {
	     DateTemp = DateTemp + DateValue.substr(i,1);
	  }
   }
   DateValue = DateTemp;
   /* Always change date to 8 digits - string*/
   /* if year is entered as 2-digit / always assume 20xx */
   if (DateValue.length == 6) {
      DateValue = DateValue.substr(0,4) + '20' + DateValue.substr(4,2); }
   if (DateValue.length != 8) {
      err = 19;}
   /* year is wrong if year = 0000 */
   year = DateValue.substr(4,4);
   if (year == 0) {
      err = 20;
   }
   /* Validation of month*/
   month = DateValue.substr(2,2);
   if ((month < 1) || (month > 12)) {
      err = 21;
   }
   /* Validation of day*/
   day = DateValue.substr(0,2);
   if (day < 1) {
     err = 22;
   }
   /* Validation leap-year / february / day */
   if ((year % 4 == 0) || (year % 100 == 0) || (year % 400 == 0)) {
      leap = 1;
   }
   if ((month == 2) && (leap == 1) && (day > 29)) {
      err = 23;
   }
   if ((month == 2) && (leap != 1) && (day > 28)) {
      err = 24;
   }
   /* Validation of other months */
   if ((day > 31) && ((month == "01") || (month == "03") || (month == "05") || (month == "07") || (month == "08") || (month == "10") || (month == "12"))) {
      err = 25;
   }
   if ((day > 30) && ((month == "04") || (month == "06") || (month == "09") || (month == "11"))) {
      err = 26;
   }
   /* if 00 ist entered, no error, deleting the entry */
   if ((day == 0) && (month == 0) && (year == 00)) {
      err = 0; day = ""; month = ""; year = ""; seperator = "";
   }
   /* if no error, write the completed date to Input-Field (e.g. 13.12.2001) */
   if (err == 0) {
      DateField.value = day + seperator + month + seperator + year;
   }
   /* Error-message if err != 0 */
   else {
      alert("Date is incorrect!");
      DateField.value = "";
	 // DateField.focus();
   }
}


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