var currentDate      = new Date(),
    firstDay         = new Date(currentDate.getFullYear(), currentDate.getMonth(), 01, 00, 00, 00);

var monthText        = "",
    daysThisMonth    = 0;

function daysInMonth(month, year)
 {
   switch (month)
   {
      case 0:
         monthText = "January";
         daysThisMonth = 31;
      break;
      case 1:
         monthText = "February";
         if (year % 4 == 0 && year % 100 != 0 || year % 100 == 0 && year % 400 == 0)
            daysThisMonth = 29;
         else
            daysThisMonth = 28;
      break;
      case 2:
         monthText = "March";
         daysThisMonth = 31;
      break;
      case 3:
         monthText = "April";
         daysThisMonth = 30;
      break;
      case 4:
         monthText = "May";
         daysThisMonth = 31;
      break;
      case 5:
         monthText = "June";
         daysThisMonth = 30;
      break;
      case 6:
         monthText = "July";
         daysThisMonth = 31;
      break;
      case 7:
         monthText = "August";
         daysThisMonth = 31;
      break;
      case 8:
         monthText = "September";
         daysThisMonth = 30;
      break;
      case 9:
         monthText = "October";
         daysThisMonth = 31;
      break;
      case 10:
         monthText = "November";
         daysThisMonth = 30;
      break;
      case 11:
         monthText = "December";
         daysThisMonth = 31;
      break;
   }

 }

function showCalendar()
{
   daysInMonth(currentDate.getMonth(), currentDate.getFullYear());
   var calendar = "";
   var date = 1;
   var colspan = firstDay.getDay();
   var endSpan;
   var rows = ((daysThisMonth + colspan) / 7) + 1;

   document.getElementById("monthname").innerHTML = '<a href="img/' + getFileName() + '">' + getMonth() + ' ' + currentDate.getFullYear() + '</a>';
//   document.getElementById("monthtext").innerHTML = monthText + ", " + currentDate.getFullYear();

   endSpan = 9;


   calendar += "<table><tr>";
   calendar += "<th>S</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th></tr>";

   for (y = 1; y <= rows; y++)
   {
      calendar += "<tr>";
      for (x = 1; x <= 7; x++)
      {
         if (date == 1 && colspan > 0)
         {
            calendar += '<td colspan="' + colspan + '">&nbsp;</td>';
            x += colspan;
         }
         if (date > daysThisMonth)
         {
            calendar += '<td colspan="' + endSpan + '">&nbsp;</td>';
            break;
         }

         if (date != currentDate.getDate())
            calendar += "<td><a id='day" + date + "' onmouseover='javascript:showEvent(" + date + ")' onmouseout='javascript:hideEvent()'>" + date + "</a></td>";
         else
            calendar += "<td><b><a id='day" + date + "' onmouseover='javascript:showEvent(" + date + ")' onmouseout='javascript:hideEvent()'>" + date + "</a></b></td>";

         date++;
      }
      calendar += "</tr>";
         if (date > daysThisMonth)
            break;
   }

   calendar += "</table>";
   
   document.getElementById("calendar").innerHTML = calendar;

}