// calendar start
var daysOfWeek = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");var months = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");var today = new Date();var day=today.getDate();var todayNum = today.getDate();var todayMonth = 1 + today.getMonth();var todayYear = today.getFullYear();var dayNum = todayNum;if (dayNum <= '9') dayNum = '0' + dayNum;var todayStr = daysOfWeek[today.getDay()] + " " + months[today.getMonth()] + " " + today.getDate();
//
var moNames = new Array();
moNames[0]='January';moNames[1]='February';moNames[2]='March';moNames[3]='April';moNames[4]='May';moNames[5]='June';moNames[6]='July';moNames[7]='August';moNames[8]='September';moNames[9]='October';moNames[10]='November';moNames[11]='December';
var theMonth='';
var thisday;
var thismonth;
//
function setToday() {
var now = new Date();
day = now.getDate();
var month = now.getMonth();
var year = now.getFullYear();
document.getElementById('monthDayYear').innerHTML=daysOfWeek[now.getDay()]+'<br />'+moNames[month]+' '+day+' '+year;
thisday=day;
thismonth=month;
thisyear=year;
var itsthisYM
showCalendar(month,year)

}
function showCalendar(month,year){
dyear=year;
dmonth=month;
resetDisplay='block';
for(i=-1;i<=1;i++){
dmonth=month+i;
dyear=year;
if(dmonth==-1){dyear=parseInt(year)-1;dmonth=11}
if(dmonth==12){dyear=parseInt(year)+1;dmonth=0}
itsthisYM=false;
if((dyear==thisyear)&&(dmonth==thismonth))itsthisYM=true;
bg='#fff';
if(itsthisYM){bg='#afa';resetDisplay='none'}
if(i==-1)theMonth='<TABLE CELLPADDING=1 CELLSPACING=0 BORDER=1 style="height:146px;background-color:#fff;margin:0 auto;"><TR><TH valign=top style="background:'+bg+';">'+moNames[dmonth]+' '+dyear+'<table>';
if(i>=0)theMonth+='</table></TH><TH valign=top style="background:'+bg+';">'+moNames[dmonth]+' '+dyear+'<table>';
if (dyear <= 200) dyear += 1900;
buildCalendar(dmonth, dyear)
document.fc.xyear.value = year;document.fc.month.selectedIndex = month;
}
theMonth+='</table></TH></TR></TABLE>';
writemonths();
document.getElementById('resetID').style.display=resetDisplay;
}
//
function isFourDigitYear(year) {
if (year.length != 4) {alert ("Four digit Year required.");return false;}
else { return true; }
}
//
function selectDate() {var year =document.fc.xyear.value;if (isFourDigitYear(year)) {var day = 0;var month =document.fc.month.selectedIndex;showCalendar(month, year); }}
function lastYear() {var year =document.fc.xyear.value;if (isFourDigitYear(year)) {var day = 0;var month =document.fc.month.selectedIndex;year--;document.fc.xyear.value = year;showCalendar(month, year); }}
function lastMonth() {var year =document.fc.xyear.value;if (isFourDigitYear(year)) {var day = 0;var month =document.fc.month.selectedIndex;if (month == 0) {month = 11;if (year > 1000) {year--;document.fc.xyear.value = year;}} else { month--; }document.fc.month.selectedIndex = month;showCalendar(month, year); }}
function nextMonth() {var year =document.fc.xyear.value;if (isFourDigitYear(year)) {var day = 0;var month =document.fc.month.selectedIndex;if (month == 11) {month = 0;year++;document.fc.xyear.value = year;} else { month++; }document.fc.month.selectedIndex = month;showCalendar(month, year); }}
function nextYear() {var year =document.fc.xyear.value;if (isFourDigitYear(year)) {var day = 0;var month =document.fc.month.selectedIndex;year++;document.fc.xyear.value = year;showCalendar(month, year); }}
function showreset(){document.getElementById('resetID').style.display='block'}
var theHd='<TR bgcolor=#ffffff><TH style="background-color:#bbb">S</TH><TH>M</TH><TH>T</TH><TH>W</TH><TH>T</TH><TH>F</TH><TH style="background-color:#bbb">S</TH>';
//
var theMonth="";
//
function buildCalendar(month, year) { ;theMonth+=theHd;month = parseInt(month);year = parseInt(year);var i = 0;var days = getDaysInMonth(month+1,year);var firstOfMonth = new Date (year, month, 1);var startingPos = firstOfMonth.getDay();days += startingPos;for (i = 0; i < startingPos; i++) {if ( i%7 == 0 ) theMonth += '</TR><TR>';theMonth+= '<TH class="b10wcal">&nbsp;</TH>';}for (i = startingPos; i < days; i++) {if ( i%7 == 0 ) theMonth+= '</TR><TR>';if((year==thisyear)&&(month==thismonth)&&(i-startingPos+1)==thisday) theMonth+= '<th class="b10cal" style="background-color:#000;font-weight:bold;color:#fff;">'+(i-startingPos+1)+'</TH>';else {theMonth+= '<th class="b10cal">'+(i-startingPos+1)+'</TH>';}}for (i=days; i<(days+6); i++) {if (i%7 == 0 ){theMonth += "</TR>";break;} else{theMonth+= '<TH class="b10wcal">&nbsp;</TH>';}}day=0;}
//
function getDaysInMonth(month,year) {var days;if (month==1 || month==3 || month==5 || month==7 || month==8 || month==10 || month==12) days=31;else if (month==4 || month==6 || month==9 || month==11) days=30;else if (month==2) {if (isLeapYear(year)) { days=29; }else { days=28; }}return (days);}
function isLeapYear (Year) {if (((Year % 4)==0) && ((Year % 100)!=0) || ((Year % 400)==0)) {return (true);} else { return (false); }}
//
var sec=59,apm='',t24='',t12='';
var timerID
//
function setClock() {
sec++;
if(sec==60){
 sec=0; // new minute, maybe hour, maybe day
 var ut=new Date(); var h,m,s; t24=""; h=ut.getHours(); m=ut.getMinutes(); sec=ut.getSeconds();
 if(h==0 && m==0)setToday(); 
 if(m<=9) m="0"+m;
 x=h; 
 if(h<=9) x="0"+h;
 t24+=x+":"+m+":";
  if(h==0){apm="AM";x=12}
  else if(h <= 11){apm="AM"}
  else if(h == 12){apm="PM";x=12}
  else if(h >= 13){apm="PM";x-=12;}
 if(h>=13 && h<=21)x=' '+x;
 t12=x+':'+m+':';
} //if
if(sec<=9) sec="0"+sec;
document.fc.s24time.value=t24+sec+' 24hr';document.fc.stime.value=t12+sec+' '+apm+' ';timerID=setTimeout('setClock()',1000);
document.getElementById('clock12').innerHTML=document.fc.stime.value;
}
//
function writemonths(){cal.innerHTML=theMonth}
//
calcalled=false;
function calcall(){
setToday();
if(!calcalled){setClock();calcalled=true}
}
<!-- start caldivID -->
var calpage='<div id="caldivID" style="padding-top:4px;display:block;text-align:center;width:500px;"><FORM NAME="fc" style="margin:0 auto;" onSubmit="return false;" ><center><div style="text-align:center;font-weight:bold;font-size:12px;text-align:center;margin:0 auto;"><div style="padding:0;text-align:center;margin:0 auto;"><INPUT TYPE="text" NAME="stime" style="width:120;border:1px solid #000;padding-top:3px;font-weight:bold;color:black;font-size:13px;text-align:center;">&nbsp;&nbsp;&nbsp;<INPUT TYPE="text" NAME="s24time" style="width:120;border:1px solid #000;padding-top:3px;font-weight:bold;color:black;font-size:13px;text-align:center;"></div><div style="text-align:center;"><div class="srbox"><INPUT NAME="xyear" TYPE=TEXT MAXLENGTH=4 style="text-align:center;width:40px;xheight:20px;border:1px solid #000;padding-top:3px;" onfocus="javascript:this.value = \'\'">&nbsp;<a href="" class="cala" onClick="selectDate();return false;" title="Enter any year on left, then click Set Year" style="height:20px;"> Set Year</a><br><SELECT NAME="month" onChange="selectDate();"><OPTION>January<OPTION>February<OPTION>March<OPTION>April<OPTION>May<OPTION>June<OPTION>July<OPTION>August<OPTION>September<OPTION>October<OPTION>November<OPTION>December</SELECT></div></div>';
calpage+='<div id=calhtmldiv style="text-align:center;">&nbsp;</div><table style="margin:0 auto;" border=0 cellpadding=1 cellspacing=0><tr><Th><div class="srbox" style="width:140px;background:#fff;"><a href="" class="cala" onClick="lastMonth();return false;" Title="Previous month">Back</a><span>&nbsp;Month&nbsp;</span><a href="" class="cala" onClick="nextMonth();return false" Title="Advance the month">Next</a></div><div class="srbox" style="xwidth:120px;background:#fff;"><a href="" class="cala" onClick="lastYear();return false;" Title="Previous year">Back</a><span>&nbsp;Year&nbsp;</span><a href="" class="cala" onClick="nextYear();return false" Title="Advance the year">Next</a></div><div style="margin-top:2px;"><a id=resetID style="display:none;background:#6f6;border:2px solid #000;padding:0 3px;" href="" onClick="setToday();return false;" title="Reset to current date.">Reset to Today</a></div></Th></TR></TABLE></div></form></div>';
//