/*///////////////////////////////////////////////////
// Tasty JS Calendar
////////////////////////////////////////////////////
Example of how to use Tasty JS Calendar for the current month:
	<div id="cal1" class="tastycal">You must have javascript enabled to use this calendar</div>
	<script type="text/javascript">drawCal(new Date(),'cal1','?')</script>
//////////////////////////////////////////////////*/

function getThisMonth(date,int){
	var dd = new Date(date);
	dd.setMonth(dd.getMonth()+int);
	return dd.getMonth()+1 + "/" + dd.getDate() + "/" + dd.getFullYear();
}

function getDays(month,year) {
	var dd = new Date(year, month, 0);
	return dd.getDate();
}

function getMonthName(month) {
	var monthname = new Array("","January","February","March","April","May","June","July","August","September","October","November","December") 
	return monthname[month]
}

function drawCal(thedate,id,url) {
	var dd = new Date(thedate);
	var month = dd.getMonth()+1;
	var date = dd.getDate();
	var year = dd.getFullYear();
	
	var monthName = getMonthName(month);
	var lastDate = getDays(month,year);
	var fotm = new Date(month+"/1/"+year);
	var firstDay = fotm.getDay()+1;
	var weekDay = new Array("Sun","Mon","Tues","Wed","Thu","Fri","Sat");
	var prevMonth = getThisMonth(month+"/1/"+year,-1);
	var nextMonth = getThisMonth(month+"/1/"+year,1);
	var text = "";
	text += '<table border="0" cellpadding="0" cellspacing="0" class="volunteer">\n';
	text += '	<thead>\n';
	text += '		<tr>\n';
	text += '			<td><h2><a href="#" onclick="drawCal(\'' + prevMonth + '\',\'' + id + '\',\'' + url + '\');return false;" title="View Previous Month" style="display:block;width:74px;height:20px;">&laquo;</a></h2></td>\n';
	text += '			<td colspan="5"><h2>' + monthName + ' ' + year + '</h2></td>\n';
	text += '			<td><h2><a href="#" onclick="drawCal(\'' + nextMonth + '\',\'' + id + '\',\'' + url + '\');return false;" title="View Next Month" style="display:block;width:74px;height:20px;">&raquo;</a></h2></td>\n';
	text += '		</tr>\n';
	text += '		<tr class="weekdays">\n';
	for (var dayNum = 0; dayNum < 7; ++dayNum) {
		text += "			<th>" + weekDay[dayNum] + "</th>\n";
	}
	text += '		</tr>\n';
	text += '	</thead>\n';
	text += '	<tbody>\n';
	
	// declaration and initialization of two variables to help with tables
	var digit = 1;
	var curCell = 1;
	
	for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {
		text += '		<tr align="right" valign="top">\n';
		for (var col = 1; col <= 7; ++col) {
			if (digit > lastDate || curCell < firstDay) {
				text += '			<td class="empty">&nbsp;</td>\n';
				curCell++;
			} else {
			var d = month + "/" + digit + "/" + year;
			if (digit == date) {
				text += '			<td><a href="' + url + 'd=' + d + '" title="Select ' + d + '">' + digit + '</a></td>\n';
			} else
				text += '			<td><a href="' + url + 'd=' + d + '" title="Select ' + d + '">' + digit + '</a></td>\n';
				digit++;
			}
		}
		text += '		</tr>\n';
	}
	text += '	</tbody>\n'
	text += '</table>';
	document.getElementById(id).innerHTML = text;
}