var now = new Date
var month = now.getMonth()
//var month = parseInt(month)
var monthArray = new Array("January","February","March","April","May","June","July","August","September","October","November","December")

function numDays(month, year)
{
	var monthDays;
	if((month == 3) || (month == 5) || (month == 8) || (month == 10))
	{ 
		monthDays = 30;
	}
  	else
  	{
  		monthDays = 31
  		if(month == 1)
  		{
   			if (year/4 - parseInt(year/4) != 0)
   			{
   				monthDays = 28
   			}
		   	else
		   	{
   				monthDays = 29
  			}
		}
  }
	return monthDays; 
}

function showCalendar()
{
	//var now = new Date
	var currDate = now.getDate()
	//var month = now.getMonth()
	var day = now.getDay()
	var year = now.getFullYear()


	var monthArray = new Array("January","February","March","April","May","June","July","August","September","October","November","December")
	var yearsArray = new Array()
	
	for (i=0;i<=4;i++)
	{
		yearsArray[i] = year + i -2
	}
	
	var daysArray = new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat")

	var text = ""
	text = "<form name=calendarForm1> "
	text += "<table border='0' bgcolor='#ffffff' bordercolor='#000000'"
	text += "style='border-style:solid; border-width:1px; border-collapse: collapse; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px'><font color=black>"
	text += "<tr><td>"
	text += "<table border='0' bgcolor='#ffffff' bordercolor='#000000' style='border-style:solid; border-width:0px; border-collapse: collapse;' width=100%><tr>"
	text += "<td align=center>&nbsp;&nbsp;<a href='' onClick='changeMonth(-1);this.blur();return false;return monthArray[month--];' name='chMonth'><<</a>&nbsp;&nbsp;"
	
	/*text += "<select name=selMonth onChange='changeCalendar()'>"
		for (j=0;j<=11;j++)
		{
			if (monthArray[j]==month)
			{
				text += "<option value= " + monthArray[j] + " Selected>" + monthArray[j] + "</option>"
			}
			else
			{
				text += "<option value= " + monthArray[j] + ">" + monthArray[j] + "</option>"
			}
		}*/
	
	text += monthArray[month]
	text += "&nbsp;&nbsp;<a href='' onClick='changeMonth(+1);this.blur();return false;return monthArray[month++];' name='chMonth'>>></a>"
	text += "</td>"
	text += "<td align='right'>"
	text += "<select name='pickYear' onChange='changeCalendar()'>"
	for (i=0;i<=4;i++)
	{
		if (yearsArray[i]==year)
		{
			text += "<option value= " + yearsArray[i] + " Selected>" + yearsArray[i] + "</option>"
		}
		else
		{		
			text += "<option value= " + yearsArray[i] + ">" + yearsArray[i] + "</option>"
		}
	}
	
	text += "</select>"
	text += "</td>"
	text += "</tr></table>"

	text += "</td></tr>"

	text += "<tr><td>"
	text += "<table border=0 bgcolor=#ffffff bordercolor='#000000'"
	text += "style='border-style:solid; border-width:1px; border-collapse: collapse; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px'>"
	text += "<tr>"

	for (i=0;i<=6;i++)
	{
		text += "<td align=center width=40 Valign=middle class=label>" + daysArray[i] + "</td>"
	}
	
	text += "</tr>"
	xDay = 0

	for (j=0;j<=5;j++)
	{
		text += "<tr>"
		for (i=0;i<=6;i++)
		{
			text += "<td align=center id=td" + xDay + "><label ID=" + xDay + " ></label></td>"
			xDay += 1
		}
		text += "</tr>"
	}
	
	text += "</table>"
	text += "</td></tr>"
	text += "</table>"
	text += "</form>"
	document.write(text)
	changeCalendar()
}

function changeMonth(direction)
{
	//var now = new Date
	var lastYear = now.getFullYear() - 2
	var nextYear = now.getFullYear() + 2
	//var month = now.getMonth()
	var year = parseInt(document.calendarForm1.pickYear.value)
	

	if (year==lastYear && month==0 && parseInt(direction)==-1)
	{	}
	else
	{
		if (year==nextYear && month==11 && parseInt(direction)==1)
		{	}
		else
		{
			month = month + parseInt(direction)
			if (month==-1)
			{
				month=11
				year = year - 1
				document.calendarForm1.pickYear.value = year		
			}
			
			if (month==12)
			{
				month=0
				year = year + 1
				document.calendarForm1.pickYear.value = year		
			}
		changeCalendar()		
		}
	}
	changeCalendar()
}

function changeCalendar()
{
	//var now = new Date
	var currDate = now.getDate()
	//var month = now.getMonth()
	var day = now.getDay()
	var year = now.getFullYear()

	var currMonth = month
	var prevMonth

	if (currMonth!=0)
	{
		prevMonth = currMonth -1
	}
	else
	{
		prevMonth = 11
	}
	
	var currYear = parseInt(document.calendarForm1.pickYear.value)

	var monthYear = new Date()
	monthYear.setFullYear(currYear,currMonth,1)

	var firstDay = monthYear.getDay()

	if (firstDay == 0)
	{
		firstDay = 7
	}

	var arrNum = new Array(41)
	var xDay

	for (i=0;i<firstDay;i++)
	{
		arrNum[i] = numDays((prevMonth),currYear) - firstDay + i + 1
	}

	xDay = 1
	
	for (i=firstDay;i<=firstDay + numDays(currMonth,currYear)-1;i++)
	{	
		arrNum[i] = xDay
		xDay += 1
	}
	
	xDay = 1
	
	for (i=firstDay + numDays(currMonth,currYear);i<=41;i++)
	{
		arrNum[i] = xDay
		xDay += 1
	}
	
	for (i=0;i<=41;i++)
	{		
		eval("document.getElementById('td"+i+"')").style.backgroundColor = "#ffffff"
	}	
	

	var dCount = 0

	for (i=0;i<=41;i++)
	{		
		if (((i<7)&&(arrNum[i]>20))||((i>27)&&(arrNum[i]<20)))
		{
			eval("document.getElementById('"+i+"')").innerHTML = arrNum[i]
			eval("document.getElementById('"+i+"')").style.color = "#000000"
			eval("document.getElementById('"+i+"')").style.fontWeight = "normal"	
		}
		else
		{
			eval("document.getElementById('"+i+"')").innerHTML = arrNum[i]
		
			if ((dCount==0)||(dCount==6))
			{
				eval("document.getElementById('"+i+"')").style.color = "#DD2200"				
				eval("document.getElementById('"+i+"')").style.fontWeight = "bold"				
			}
			else
			{
				eval("document.getElementById('"+i+"')").style.color = "#000000"
				eval("document.getElementById('"+i+"')").style.fontWeight = "bold"
			}
			
			if ((arrNum[i]==currDate)&&(month==currMonth)&&(year==currYear))
			{
				eval("document.getElementById('td"+i+"')").style.backgroundColor = "#CCFFFF"				
			}
		}
		
		dCount += 1
		if (dCount>6)
		{
			dCount=0
		}						
	}		
}