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 months = ['January','February','March','April','May','June','July','August','September','October','November','December'];
  var dateField = null;
  
  var dropDownVisible = false;

  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 (month < 10) {month = "0" + month;}
      if (day < 10) {day = "0" + day;}

      var dateString = year+"-"+month+"-"+day;
      dateField.value = dateString;
      document.cal_date.submit();
      //hide();
    }
    return;
  }
  
  this.getDate = getDate;
  function getDate() {	 
      return months[currentMonth-1] +" "+currentDay+", "+currentYear;
  }
  
  this.setNextDate = setNextDate;
  function setNextDate() {
	
	var daysInMonth = getDaysInMonth(currentYear, currentMonth);
	var newDay = selectedDay+1;
	var newMonth = selectedMonth;
	var newYear = selectedYear;
	if(newDay>daysInMonth){
		newDay=1;
		newMonth = newMonth + 1;
		if(newMonth > 12){
			newMonth = 1;
			newYear = newYear + 1;
		}
	}
	if(isDateClickable(newDay,newMonth,newYear)){
		setDate(newYear,newMonth,newDay);
	}  		
	
  }

  this.setPreviousDate = setPreviousDate;
  function setPreviousDate() {  	
	var daysInMonth = getDaysInMonth(currentYear, currentMonth);
	var newDay = selectedDay-1;
	var newMonth = selectedMonth;
	var newYear = selectedYear;
	if(newDay<1){
		newMonth = newMonth - 1;
		if(newMonth < 1){
			newMonth = 12;
			newYear = newYear - 1;
		}
		newDay=getDaysInMonth(newYear, newMonth);
	}  		
	if(isDateClickable(newDay,newMonth,newYear)){
		setDate(newYear,newMonth,newDay);
	}
  }
  
  this.setVisibleMonth = setVisibleMonth;
  function setVisibleMonth(month, year) {
    currentMonth = month;
    currentDay = 0;
    currentYear=year;
   
    calendar = document.getElementById(calendarId);
    calendar.innerHTML = calendarDrawTable();
    if(gDates){
  		highlight(gDates);
  	}
  }
  
  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(gDates){
   		highlight(gDates);
  	}
  }

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

  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();
  }
  
  //Expects Month to be passed in from 1-12
  function isDateClickable(day,month,year){
    var selectedDate = new Date();
    selectedDate.setFullYear(year,month-1,day);
    var curDate = new Date();  
     
  	var curDay = getCurrentDay();
	var curMonth = getCurrentMonth();
	var curYear = getCurrentYear();
	
	var maxPastDate = new Date();
	var maxPastMonth = curMonth - 1 - 1;//0 based and 13 months back
	var maxPastYear = curYear - 1;
	 
	if(maxPastMonth < 0){
		maxPastMonth = 11; //December
		maxPastYear = maxPastYear - 1;
	}
	 
    maxPastDate.setFullYear(maxPastYear,maxPastMonth,curDay);
	
	if(selectedDate <= curDate && selectedDate >= maxPastDate) {
		return true;
	}
		
	return false;
  }
  
  this.calendarOpenDrawDropDown = calendarOpenDrawDropDown;
  function calendarOpenDrawDropDown() {
  	if(dropDownVisible) {  		
  	 	$("#cal_drop_down").css('visibility', 'hidden');
  	 	$("#cal_drop_down").css('z-index', '0');
 	  	dropDownVisible = false;
 	 } else {
 	 	var dropDown = document.getElementById('CalendarControlDropDown');
  	 	dropDown.innerHTML = calendarControl.calendarDrawDropDown();
 	 	$("#cal_drop_down").css('visibility', 'visible');
 	 	$("#cal_drop_down").css('display', 'block');
 	 	
 	 	dropDownVisible = true;
 	 }
  }

  this.calendarDrawDropDown = calendarDrawDropDown;
  function calendarDrawDropDown() {
  	var year = getCurrentYear();
  	var month = getCurrentMonth()-1;//0 based
  	
  	var displayMonth = month - 1;
  	var displayYear = year - 1;
  	if(displayMonth < 0){
  		displayMonth = 11;
  		displayYear = displayYear - 1;
  	}
  	
  	var table = "<div id='cal_drop_down'>"
  				+	"<div class='cal_drop_down_header'> </div>"
  				+	"<table width='100%' cellspacing='0' cellpadding='0'>";
  				
  	for(var row = 0; row < 7; row ++){
  		if(row % 2 != 0){
  			table += "<tr class='cal_drop_down_odd' >";
  		} else {
  			table += "<tr class='cal_drop_down_even' >";
  		}
  		for(var column = 0; column < 2; column ++){
  			if(displayMonth+1 == currentMonth && displayYear == currentYear){
  				table += "<td width = '33%' class = 'drop_down_visible_month'>";
  			} else {
  				table += "<td width = '33%' class = 'drop_down_month'>";
  			}
  			if(!(row == 6 && column == 2)){  	
  				var actMonth = 	displayMonth+1;				
  				table += "<a href='javascript:setCalendarControlVisibleMonth("+actMonth+","+displayYear+");openDropDown();'>"
  					  +		months[displayMonth] + " " + displayYear;
  					  +	 "</a>";
  			}
  			table += "</td>";
  			displayMonth ++;
  			if(displayMonth == 12){
  				displayMonth = 0;
  				displayYear ++;
  			}
  		}
  		table += "</tr>";
	}  				
  	table += "</div>";
  	return table;
  }

  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 = "<div width='100%' id='cal_header'>"
			  + 	"<table width='100%' cellspacing='0' cellpadding='0'><tr>"
			  + 	"<td align='left' width='20'>&nbsp;<a href='javascript:changeCalendarControlMonth(-1);' class='cal_control_lnk'><img class='cal_control' src='/images/horse-betting/arrow-calendar-left.gif' alt='p' /></a></td>"
			  + 	"<td class='cal_month_heading' style='padding-bottom:2px;'><a href='javascript:openDropDown();'>" + months[currentMonth-1] + " " + currentYear + "</a></td>"
			  + 	"<td align='right' width='20'><a href='javascript:changeCalendarControlMonth(1);' class='cal_control_lnk'><img class='cal_control' src='/images/horse-betting/arrow-calendar-right.gif' alt='n' /></a>&nbsp;</td></tr></table>"
			  + "<div id='CalendarControlDropDown'></div></div>"
			  +	"";
    
    //table = table + "<tr><td colspan='7' height='1px' bgcolor='#000'></td></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>";

	table +=  "<div width='100%' id='cal_body'><table width='166px' id='cal_day_container' cellpadding='0' cellspacing='0'>";
    
    var tdClass;
    for(var week=0; week < 6; week++) {
      table = table + "<tr>";
      for(var dayOfWeek=0; dayOfWeek < 7; dayOfWeek++) {
        if (dayOfWeek==0) {
        	tdClass = 'left';
        } else if (dayOfWeek==6) {
        	tdClass = 'right';
        } else {
        	tdClass = 'inner';
        }
        
        if(week == 0 && startDayOfWeek == dayOfWeek) {
          validDay = 1;
        } else if (validDay == 1 && dayOfMonth > daysInMonth) {
          validDay = 0;
        }
		if(validDay && !isDateClickable(dayOfMonth,currentMonth,currentYear)) {
          	table = table + "<td class='" + tdClass + "'><div>"+dayOfMonth+"</div></td>";
          	++dayOfMonth;
        } else 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 class='" + tdClass + "'><a class='"+css_class+"' href=\"javascript:setCalendarControlDate("+currentYear+","+currentMonth+","+dayOfMonth+")\"><div>";
          if (dayOfMonth == getCurrentDay() && currentYear == getCurrentYear() && currentMonth == getCurrentMonth()) {
          	table = table + "<font class='today'>" + dayOfMonth + "</font>";
          } else {
          	table = table + dayOfMonth;
          }
          table = table +"</div></a></td>";
          ++dayOfMonth;
        } else {
          table = table + "<td class='" + tdClass + "'>&nbsp;</td>";
        }
      }
      table = table + "</tr>";
    }
    table += "</tbody></table></div>";
    
    table += "<div id='cal_footer' width='100%'>&nbsp;</div>";    
    return table;
  }

  this.draw = draw;
  function draw(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);
        var dateParts = dateString.split("-");
        
        selectedMonth = parseInt(dateParts[1],10);
        selectedDay = parseInt(dateParts[2],10);
        selectedYear = parseInt(dateParts[0],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();

function showCalendarControl(doYouWantToDisplay) {
  //textField.onblur = hideCalendarControl;
  
  calendarControl.draw($("input[@name='date']")[0]);
  if(doYouWantToDisplay){
  	$("#CalendarControl").css('display', 'block');
  	if(gDates){
  		highlight(gDates);
  	}
  }
}

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 setCalendarControlVisibleMonth(month, year) {
  calendarControl.setVisibleMonth(month, year);
}

function nextCalendarControlDate() {
  calendarControl.setNextDate();
}

function previousCalendarControlDate() {
  calendarControl.setPreviousDate();
}

function getCalendarControlDate() {
  return calendarControl.getDate();
}

function openDropDown() {  
	calendarControl.calendarOpenDrawDropDown();
}