////////////////////////////////////////////////////////////////

// This script will display a calendar for the current month  //

////////////////////////////////////////////////////////////////





/////////////////

//  Variables  //

/////////////////

var ly = 0;

var monthNames = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") ;



var dayNames = new Array("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"); 


var numberofMonthDays = new Array( 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);


var theDate = new Date();

ly=0;

var calendarDate = new Date();

calendarDate.setDate(1);

var firstDay = calendarDate.getDay();



var numberOfRows = Math.ceil((numberofMonthDays[theDate.getMonth()] + ly + firstDay)/7);



var totalDateFields = numberOfRows * 7;



var dates = new Array();



for(var i=0; i< totalDateFields; i++)

   dates[i] = "&nbsp;";

   

var count = 1;



for(var i=firstDay; i< numberofMonthDays[theDate.getMonth()] + ly + firstDay; i++)

   dates[i] = count++;





/////////////////////////////

//  Display the Month Name //

/////////////////////////////



document.write("<table align='center' bgcolor='#ffffcc' class='calendar'>");

document.write("<tr bgcolor='lightskyblue'>");

document.write("<td align='center' colspan='7'>");

document.write(monthNames[theDate.getMonth()], " - ", theDate.getFullYear());

document.write("</td>");

document.write("</tr>");





//////////////////////////////////////////

//  Display the Days of the Week Names  //

//////////////////////////////////////////



document.write("<tr bgcolor='#cccccc'>");

for(var i=0; i<dayNames.length; i++)

   document.write("<td align='center' width='14%'>", dayNames[i], "</td>");

document.write("</tr>");





/////////////////////////

//  Display the Dates  //

/////////////////////////



var count = 0;

for(var i=0; i<numberOfRows; i++)

{



document.write("<tr>");



for(var k=0; k<7; k++)

   {

      // If 'today' write the date in red,

      if (dates[k+count] == theDate.getDate())

	  {

	  	     document.write("<td align='center' valign='top'><strong><span style='color: red;'>", dates[k+count], "</span></strong></td>");

	  }

	  // otherwise write the date in black

	  else

      document.write("<td align='center' valign='top'>", dates[k+count], "</td>");

   }



count+=7;

   

document.write("</tr>");

}



document.write("</table>");