document.write('<div id="calframe" name="calframe" style="display:none;position:absolute;width:148;height:160;"></div>');
var targetBox;
var divCalendar;
var names = new Array("Jan","Feb","March","April","May","June","July","Aug","Sept","Oct","Nov","Dec");
var days  = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var dow   = new Array("S","M","T","W","T","F","S");
function toggleCal() {
	if (document.all.calframe.style.display=="block"){
			document.all.calframe.style.display="none";
	}		
	else{
			document.all.calframe.style.display="block";
	}
}
function y2k(number) {
	number = parseFloat(number)
	if (number < 69){
		number = number + 2000;
	}
	else if (number < 100){
		number = number + 1900;
	} 
	return (number)
}
function padout(number) { 
	return (number < 10) ? '0' + number : number; 
}
function update(m,d,y) {
	targetBox.value = '' + padout(m + 1) + '/' + padout(d) + '/' + y;
	divCalendar.style.display="none";
}
function changeMonth (m,y,up) {
	if (up) m++;
	else m--;
	if (m<0) { m+=12; y--; }
	if (m>11) { m-=12; y++; }
	document.all("calframe").innerHTML = Calendar(m,y);
}
function Calendar(Month,Year) {
	today = new Date;
	cDay = today.getDate();
	cMonth = today.getMonth();
	cYear = today.getYear();
    var output = '';
    firstDay = new Date(Year,Month,1);
    startDay = firstDay.getDay();
    if (((Year % 4 == 0) && (Year % 100 != 0)) || (Year % 400 == 0))
         days[1] = 29; 
    else
         days[1] = 28;    
  output += '<FORM NAME="Cal">'
	output += '<table height="190" border="0" cellspacing="0" cellpadding="0" bgcolor="White" style="border: thin solid Black;">';
	output += '<tr><td valign=top>';	
  output += '<TABLE CELLSPACING=0 CELLPADDING=2 BORDER=0><TR>';
	output += '<td align=center valign=middle bgcolor=white>'
	output += '<a href="javascript:changeMonth(' + Month + ',' + Year + ',' + '0);">';
	output += '<font style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12pt; color:black;"><</font></a></td>';
	output += '<td colspan=5 align=center bgcolor=white>';
  output += '<font style="font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:10pt;">' + names[Month] + ' ' + Year + '<\/FONT>'	
	output += '</td><td align=center valign=middle bgcolor=white>';
	output += '<a href="javascript:changeMonth(' + Month + ',' + Year + ',' + '1);">';
	output += '<font style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12pt; color:black;">></font></a></td>'
	output += '</tr><tr>'

  for (i=0; i<7; i++)
		output += '<TD width=20 height=18 align=center valign=middle bgcolor=silver style="font-family:verdana,arial; font-weight:bold; font-size:10pt; color:black;">' + dow[i] +'<\/TD>';

  output += '<\/TR><TR ALIGN=CENTER VALIGN=MIDDLE>';

  var column = 0;
	var row = 0;
 	var lastMonth = Month - 1;

  if (lastMonth < 0) lastMonth = 11;
  for (i=0; i<startDay; i++, column++)
		output += '<td></td>';
  for (i=1; i<=days[Month]; i++, column++) {
  	output += '<TD WIDTH=20 HEIGHT=18 bgcolor=white><A style="text-decoration:none; color:black; font-size:10pt;" HREF="javascript:update(' + Month + ',' + i + ',' + Year + ')">';
		output += '<b>';
		if (Month == cMonth && Year == cYear && cDay == i)
			output += '<font color=red>' + i + '</font>';
		else
			output += i;

		output += '</b></a>' +'<\/TD>';

    if (column == 6) {
	    column = -1;

			if (i<days[Month])
	    	output += '<\/TR><TR ALIGN=CENTER VALIGN=MIDDLE>';
			row++;
	  }
  }//for
	output += '</tr></table></td></tr>';
	output += '<tr><td valign=bottom align=center bgcolor=silver colspan=7 height=15>';
	output += '<a href="javascript:toggleCal();"><font style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:black; font-size:10pt;">Cancel</font></a>';
	output += '</td></tr></table></form>';
	return output;
}
function showit(dateText,dateIcon){
	targetBox = dateText;
	divCalendar = document.all("calframe");
	arr = targetBox.value.match(/\d+/gi);
	m = (arr[0]-1);
	y = y2k(arr[2]);
	divCalendar.innerHTML = Calendar(m,y);
	divCalendar.style.top = dateIcon.offsetTop + dateIcon.height + 2;
	divCalendar.style.left = dateIcon.offsetLeft;
	divCalendar.style.zindex = 6
	if((parseInt(divCalendar.style.left) + parseInt(divCalendar.style.width)) > document.body.clientWidth){
		divCalendar.style.left = document.body.clientWidth - parseInt(divCalendar.style.width);
	}
	toggleCal();
}