//INITIALIZE GLOBAL VARIABLES THAT KEEP TRACK OF DAY, MONTH, & YEAR DISPLAYED ON THE SCREEN
var names     = new makeArray0(Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec);
var days      = new makeArray0(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var dow       = new makeArray0('Sun','Mon','Tue','Wed','Thu','Fri','Sat');

function Calendar(Month,Year,Day)
{
	var output = '';
	output += '<table border="0"><tr><td align="left" width="100%">';
	
	//write months dropdown
	output += '<select name="Month" id="Month" onchange="changeMonth();">';
	for (month=0; month<12; month++)
	{
		if (month == Month) output += '<option value="' + month + '" selected>' + names[month] + '<\/option>';
		else                output += '<option value="' + month + '">'          + names[month] + '<\/option>';
	}
	output += '<\/select>';
	
	//write years dropdown
	output += '<select name="Year" id="Year" onchange="changeYear();">';
	for (year=2005; year<=2010; year++)
	{
		if (year == Year) output += '<option value="' + year + '" selected>' + year + '<\/option>';
		else              output += '<option value="' + year + '">'          + year + '<\/option>';
	}
	output += '<\/select><\/td><\/tr><tr><td align="center" colspan="2">';
	
	firstDay = new Date(Year,Month,1);
	startDay = firstDay.getDay();
	
	//get leap year status
	if (((Year % 4 == 0) && (Year % 100 != 0)) || (Year % 400 == 0))
		days[1] = 29;
	else
		days[1] = 28;
	
	output += '<table cellspacing="0" cellpadding="0" border="1" bordercolordark="#FFFFFF" bordercolorlight="#C0C0C0"><thead><tr>';
	
	//write out days of the week
	for (i=0; i<7; i++)
		output += '<td width="25" align="center" valign="middle">' + dow[i] +'<\/td>';
	
	output += '<\/tr</thead><tr align="center" valign="middle">';
	
	var column = 0;
	var lastMonth = Month - 1;
	if (lastMonth == -1) lastMonth = 11;
	
	for (i=0; i<startDay; i++, column++)
		output += '<td width="25" height="20" onclick="javascript:changeDay(' + intMonth + ',' + (days[lastMonth]-startDay+i+1) + ')" onmouseover="makeCool(this)" onmouseout="makeNormal(this)"><span class="caldayprev"><a href="default.asp?dte=' + (days[lastMonth]-startDay+i+1) + '\/'+ parseFloat(intMonth) + '\/' + intYear + '">' + (days[lastMonth]-startDay+i+1) + '</a><\/span><\/td>';
	
	for (i=1; i<=days[Month]; i++, column++)
	{
		output += '<td width="25" height="20"'
		if (i == Day)
			output += ' bgcolor="silver"'
		output += ' onclick="javascript:changeDay(' + (parseFloat(intMonth) + parseFloat(1)) + ',' + i + ')" onmouseover="makeCool(this)" onmouseout="makeNormal(this)"><span class="calday"><a href="default.asp?dte=' + parseFloat(i) + '\/'+ (parseFloat(intMonth) + parseFloat(1)) + '\/' + intYear + '">' + i + '<\/a><\/span>' +'<\/td>';
		if (column == 6)
		{
			output += '<\/tr><tr align="center" valign="middle">';
			column = -1;
		}
	}
	if (column > 0)
	{
		for (i=1; column<7; i++, column++)
			output +=  '<td width="25" height="20" onclick="javascript:changeDay(' + (parseFloat(intMonth) + parseFloat(2)) + ',' + i + ')" onmouseover="makeCool(this)" onmouseout="makeNormal(this)"><span class="caldaynext"><a href="default.asp?dte=' + parseFloat(i) + '\/'+ (parseFloat(intMonth) + parseFloat(2)) + '\/' + intYear + '">' + i + '<\/a><\/span><\/td>';
	}
	
	output += '<\/tr>';
	
	//write buttons
//	output += '<tr align align="center" valign="middle"><td colspan="7"><input type="button" name="today" value="Today" onclick="javascript:makeToday();" class="button"><\/td><\/tr>';
	output += '<\/table><\/td><\/tr><\/table>';
	
	return output;
}

function changeDay(month, day)
{
	//ADD 1 TO CONVERT FROM ZERO BASED TO ONE BASED
	if (parseFloat(month) > 12)
	{
		intMonth = 1
		intYear = parseFloat(intYear) + 1
		month = 1
	}
	
	if (parseFloat(month) < 1)
	{
		intMonth = 12
		intYear = parseFloat(intYear) - 1
		month = 12
	}
	
	document.forms['frmWhatsOn'].txtDate.value = day + "/" + month + "/" + intYear
	document.forms['frmWhatsOn'].submit();
}

function makeToday()
{
	document.forms['frmWhatsOn'].txtDate.value = '<%=date%>'
	document.forms['frmWhatsOn'].submit();
}

function changeMonth()
{
	intMonth = document.frmWhatsOn.Month.value
	var divCalendar = document.getElementById( 'divCalendar' );
	divCalendar.innerHTML = Calendar(intMonth, intYear, 0)
}

function changeYear()
{
	intYear = document.frmWhatsOn.Year.value
	var divCalendar = document.getElementById( 'divCalendar' );
	divCalendar.innerHTML = Calendar(intMonth, intYear, 0)
}

function makeArray0()
{
	for (i = 0; i<makeArray0.arguments.length; i++)
		this[i] = makeArray0.arguments[i];
}

function makeCool(objElement)
{
	objElement.style.backgroundColor = "Gainsboro"
	objElement.style.cursor = "pointer"
}

function makeNormal(objElement)
{
	objElement.style.backgroundColor = ""
}