// JavaScript Document

<!-- DO NOT TAKE THE FOLLOWING OUT OF THE CODE:		-->

<!-------------------------------------------------------->
<!--   AUTHOR: Bryan Gamble				-->
<!--  PROGRAM: Calendar					-->
<!--      URL: www.bmgamble.com  			-->
<!-------------------------------------------------------->

<!--
/*******************************
SET ARRAYS
*******************************/
var day_of_week = new Array('S','M','T','W','T','F','S'); 
var month_of_year = new Array('January','February','March','April','May','June','July','August','September','October','November','December');

/********************************
DECLARE AND INITIALIZE VARIABLES
********************************/
var Calendar = new Date();

var year = Calendar.getFullYear();	// Returns year
var month = Calendar.getMonth();	// Returns month (0-11)
var today = Calendar.getDate();		// Returns day (1-31)
var weekday = Calendar.getDay();	// Returns day (1-31)

var DAYS_OF_WEEK = 7;			// "constant" for number of days in a week
var DAYS_OF_MONTH = 31;			// "constant" for number of days in a month
var cal;				// Used for printing

Calendar.setDate(1);			// Start the calendar day at '1'
Calendar.setMonth(month);		// Start the calendar month at now


/************************************************************************
VARIABLES FOR FORMATTING
NOTE: You can format the 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'
      tags to customize your caledanr's look.
************************************************************************/
var TR_start = '<tr>';
var TR_end = '</tr>';
var highlight_start = '<td><table cellspacing=0 style="border: 1px solid #6C4664; background: #fff; color: #6C4664;"><tr><td style="text-align:center; width:24px; height: 20px;">';
var highlight_end   = '</td></tr></table>';
var TD_start = '<td style="text-align:center; border-left: 1px solid #ddd; border-bottom: 1px solid #fff; padding: 4px 6px;">';
var TD_end = '</td>';

/*************************************************************************
BEGIN CODE FOR CALENDAR
NOTE: You can format the 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'
      tags to customize your caledanr's look. I used a style sheet on my
      '.html' page to format the table fonts. You may just want to add it
      in here.  If you have any trouble, just e-mail me at: 
                      bryan_1978@yahoo.com
*************************************************************************/
cal =  '<div style="padding: 5px 5px 0px 0px; margin: 0px; background: #F7F5EA; text-align:center;">';
cal += '<table cellspacing=0 cellpadding=0 style="border: 1px solid #DEBD63;">' + TR_start;
cal += '<td colspan="' + DAYS_OF_WEEK + '" style="text-align:center; font-weight:bold; padding:10px; background: #E7D8A6; border-bottom: 3px solid #DEBD63; font-size:18px;">';
cal += month_of_year[month]  + ' &nbsp;&nbsp;' + year + '</B>' + TD_end + TR_end;
cal += TR_start;


 /**********************************************************************
 ***********************************************************************
                      DO NOT EDIT BELOW THIS POINT
 ***********************************************************************
 **********************************************************************/
// LOOPS FOR EACH DAY OF WEEK
for(index=0; index < DAYS_OF_WEEK; index++)
{
  // BOLD TODAY'S DAY OF WEEK
  if(weekday == index)
    cal += TD_start + '<strong>' + day_of_week[index] + '</strong>' + TD_end;

  // PRINTS DAY
  else
    cal += TD_start + day_of_week[index] + TD_end;
}

cal += TD_end + TR_end;
cal += TR_start;

// FILL IN BLANK GAPS UNTIL TODAY'S DAY
for(index=0; index < Calendar.getDay(); index++)
  cal += TD_start + '&nbsp; ' + TD_end;

// LOOPS FOR EACH DAY IN CALENDAR
for(index=0; index < DAYS_OF_MONTH; index++)
{
  if( Calendar.getDate() > index )
  {
     // RETURNS THE NEXT DAY TO PRINT
     week_day =Calendar.getDay();

     // START NEW ROW FOR FIRST DAY OF WEEK
     if(week_day == 0)
       cal += TR_start; 
  
     if(week_day != DAYS_OF_WEEK)
     { 		
       // SET VARIABLE INSIDE LOOP FOR INCREMENTING PURPOSES	
       var day  = Calendar.getDate();

       // HIGHLIGHT TODAY'S DATE
       if( today==Calendar.getDate() )
         cal += highlight_start + day + highlight_end + TD_end;

       // PRINTS DAY
       else  
         cal += TD_start + day + TD_end;        
      }

      // END ROW FOR LAST DAY OF WEEK	 
      if(week_day == DAYS_OF_WEEK)
         cal += TR_end;
   }

   // INCREMENTS UNTIL END OF THE MONTH
   Calendar.setDate(Calendar.getDate()+1);

}// end for loop

cal += '</td></tr></table></div>';

/*********************************
PRINT CALENDAR
********************************/
document.write(cal);
//-->

<!--------------------END JS----------------------------->