/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Francis Cocharrua :: http://scripts.franciscocharrua.com/ */

function calendar(date) {
  // If no parameter is passed use the current date.
  if(date == null)
     date = new Date();

  day = date.getDate();
  month = date.getMonth();
  month2 = date.getMonth();  
  year = date.getFullYear();

  months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
 months2 = new Array('01','02','03','04','05','06','07','08','09','10','11','12');  
  
  this_month = new Date(year, month, 1);
  next_month = new Date(year, month + 1, 1);

  // Find out when this month starts and ends.
  first_week_day = this_month.getDay();
  days_in_this_month = Math.round((next_month.getTime() - this_month.getTime()) / (1000 * 60 * 60 * 24));

  calendar_html = '<table style="background-color:cccccc; color:ffffff;">';
  calendar_html += '<tr><td colspan="7" style="background-color:cccccc; color:000000; text-align: center; font-weight: bold; font-family: Arial; font-size: 13px;">' + months[month] + ' ' + year + '</td></tr>';
  calendar_html += '<tr><td style="background-color:dddddd; color:000000; text-align: center; font-family: Arial; font-size: 12px;">S</td><td style="background-color:dddddd; color:000000; text-align: center; font-family: Arial; font-size: 12px;">M</td><td style="background-color:dddddd; color:000000; text-align: center; font-family: Arial; font-size: 12px;">T</td><td style="background-color:dddddd; color:000000; text-align: center; font-family: Arial; font-size: 12px;">W</td><td style="background-color:dddddd; color:000000; text-align: center; font-family: Arial; font-size: 12px;">T</td><td style="background-color:dddddd; color:000000; text-align: center; font-family: Arial; font-size: 12px;">F</td><td style="background-color:dddddd; color:000000; text-align: center; font-family: Arial; font-size: 12px;">S</td></tr>';
  calendar_html += '<tr>';

  // Fill the first week of the month with the appropriate number of blanks.
  for(week_day = 0; week_day < first_week_day; week_day++) {
    calendar_html += '<td style="background-color:ffffff; color:000000;"> </td>';
  }

  week_day = first_week_day;
  for(day_counter = 1; day_counter <= days_in_this_month; day_counter++) {
    week_day %= 7;
    if(week_day == 0)
      calendar_html += '</tr><tr>';

    // Do something different for the current day.
    if(day == day_counter)
      calendar_html += '<td style="text-align: center; background-color:#ffff33; font-family: Arial; font-size: 12px;"><a href="events.php?a=day_event&m=' + months2[month2] + '&d=' + day_counter + '&y=' + year + '" style="color: 0000ff; text-decoration: none; font-family: Arial"><b>' + day_counter + '</b></a></td>';
    else
      calendar_html += '<td style="background-color:ffffff; color:000000; text-align: center; font-family: Arial; font-size: 12px;"><a href="events.php?a=day_event&m=' + months2[month2] + '&d=' + day_counter + '&y=' + year + '" style="color: 0000ff; text-decoration: none; font-family: Arial"> ' + day_counter + ' </a></td>';

    week_day++;
  }

  calendar_html += '</tr>';
  calendar_html += '</table>';

  // Display the calendar.
  document.write(calendar_html);
}