var OneDay = 86400000
var OneMonth = (OneDay * 30)
var OneYear = (OneMonth * 12)
var CurrentDate = new Date()
varCurrentMonth = ""
varMonth = new Array(12)
varMonth[1] = "January"
varMonth[2] = "February" 
varMonth[3] = "March" 
varMonth[4] = "April" 
varMonth[5] = "May" 
varMonth[6] = "June" 
varMonth[7] = "July" 
varMonth[8] = "August" 
varMonth[9] = "September" 
varMonth[10] = "October" 
varMonth[11] = "November" 
varMonth[12] = "December" 
varActiveTBox = ""
varTop = "100"
varLeft = "100"

function DatePicker(TheDate,e,top,left)
{
calendar.style.display = ""
varActiveTBox = e
varTop = top
varLeft = left
var RefDate = new Date(TheDate)
varDays = RefDate.getTime() - (OneDay * (RefDate.getDate()-1))
RefDate.setTime(varDays)
varDays = RefDate.getTime() - (OneDay * (RefDate.getDay()))
RefDate.setTime(varDays)
var MnthDate = new Date(TheDate)
varDays = RefDate.getTime() + (OneDay * 15)
MnthDate.setTime(varDays)
varCurrentMonth = varMonth[MnthDate.getMonth()+1] + " " + MnthDate.getYear()
CurrentDate = TheDate
ShowCalendar(RefDate);
}

function Prev()
{
var pDate = new Date(CurrentDate);
varpDays = pDate.getTime() - OneMonth;
pDate.setTime(varpDays);
DatePicker(pDate,varActiveTBox,varTop,varLeft);
}

function Next()
{
var nDate = new Date(CurrentDate);
varnDays = nDate.getTime() + OneMonth;
nDate.setTime(varnDays);
DatePicker(nDate,varActiveTBox,varTop,varLeft);
}

function PrevYear()
{
var pDate = new Date(CurrentDate);
varpDays = pDate.getTime() - OneYear;
pDate.setTime(varpDays);
DatePicker(pDate,varActiveTBox,varTop,varLeft);
}

function NextYear()
{
var nDate = new Date(CurrentDate);
varnDays = nDate.getTime() + OneYear;
nDate.setTime(varnDays);
DatePicker(nDate,varActiveTBox,varTop,varLeft);
}
function ShowCalendar(theDate){
calendar.innerHTML = "";
var DateLoop = new Date(theDate);
//// style='left: " + varLeft + "px; TOP: " + varTop + "px'
var varCal ="<table border='0' cellspacing='2' cellpadding='1' class='calendar' style='left: " + varLeft + "px; TOP: " + varTop + "px'>";
varCal += "<tr><td width='15%'><span  title='Previous Year' onClick=PrevYear() class='clicker'><</span><span  title='Previous Month' onClick=Prev() class='clicker'><</span></td>";
varCal += "<td colspan='5' align='center' class='calheader'>" + varCurrentMonth  +"</td>";
varCal += "<td width='15%' align='right'><span title='Next Month' onClick=Next() class='clicker'>></span><span title='Next Year' onClick=NextYear() class='clicker'>></span></td></tr>";


for ( var r = 1; r <= 6; r++ ) {
	varCal += "<tr>"
	
for ( var c = 1; c <= 7; c++ ) {
	varCal += "<td align='right' onClick=ShowDate('"
	varCal +=   DateLoop.getDate() + "/" + (DateLoop.getMonth()+1) + "/" + DateLoop.getYear() 
	varCal += "') class='calday'>" + DateLoop.getDate() + "</td>";
	varDays = DateLoop.getTime() + OneDay;
	DateLoop.setTime(varDays);
	
}
varCal += "</tr>"
}
varCal += "</table>"
calendar.innerHTML = varCal
}

function ShowDate(theDate)
{
calendar.innerHTML = ""
varActiveTBox.value = theDate
}