Help, lunarcal.js

I'm working on a project from a book called new perspectives javascript by patrick carey.
It's been a pain in the butt working with this book in my tech class and I'm completely stuck on this one js file that I have to use in order for it to show a lunar calendar.

/*
   New Perspectives on JavaScript
   Tutorial 3
   Case Problem 4

Author: Elisabeth Barton
   Date: 11/10/11

Function List:
  Function List:
   lunar_calendar(calendarDay)
      Creates the lunar calendar table for the month specified in the
      calendarDay parameter.

*/
   
function lunar_calendar(calendarDay) {   
var calDate = new Date("November 15, 2011");   
document.write("<table id='calendar_table'>");   
document.write("<div id='callFunction'>");   
writeDate(calDate);   
writeDayNames();   
writeCalDays(calDate);   
document.write("</table>");   
}    
  
function writeDate(calendarDay) {   
var monthName = new Array ("January", "February", "March", "April", "May", "June", "July",   
"August", "September", "October", "November", "December");   
  
var thisMonth = calendarDay.getMonth();   
var thisDay = calendarDay.getDate();   
var thisYear = calendarDay.getFullYear();   
document.write("<tr>");   
document.write("<th id='calendar_head' >");   
document.write(monthName[thisMonth] + " "+thisDay+ ", " +thisYear);   
document.write("</th>");   
document.write("</tr>");   
} 
    
function writeDayNames() {   
var dayName = new Array("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat");   
document.write("<tr>");   
  for(var i=0; i<dayName.length; i++)   
  document.write("><th class='calendar_weekdays'>" +dayName[i]+ "</th>");   
  document.write("</tr>");   
} 
  
function daysInMonth(calendarDay) {   
var thisYear=calendarDay.getFullYear();   
var thisMonth=calendarDay.getMonth();   
var dayCount= new Array(31,28,31,30,31,30,31,31,30,31,30,31);   
if(thisYear % 4 == 0)   
  {   
if( (thisYear % 100 != 0) || (thisYear % 400 == 0) )   
  dayCount[1]=29;   
}   
return dayCount[thisMonth];    
}   
 
function writeCalDays(calendarDay) {   
var currentDay = calendarDay.getDate();   
var dayCount =1 ;   
var totalDays = daysInMonth(calendarDay);   
  calendarDay.setDate(1);   
  var weekDay = calendarDay.getDate();   
document.write("<tr>");   
  for(var i=0; i<weekDay; i++)   
  document.write("><td>  </td>");      
  while (dayCount <= totalDays)   
{   
  if(weekDay == 0)   
  document.write("<tr>");   
  if(dayCount == currentDay)   
            document.write("<td class='calendar_dates' id = 'calendar_today'> " +dayCount+ "</td>");   
               else    
  document.write("<td class='calendar_dates'>" +dayCount+ "</td>"); 
if(weekDay == 6)   
document.write("</tr>"); 
dayCount++;   
  calendarDay.setDate(dayCount);             
  weekDay = calendarDay.getDay();   
}   
  document.write("</tr>");   
}

I can't figure out that problem

please help!

What is "that problem"?

Well when I bring up the web page it isn't showing the layout for the calendar nor is it showing the moon phases for the month. So far all its showing is this...

November 15, 2011
>>>>>>>>
Sun Mon Tue Wed Thu Fri Sat
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
undefined

Have you nailed down the first place where things aren't happening along the lines that you expect them to?

P.S. Writing code without proper indentation is a recipe for disaster. It's too easy to get nesting wrong. The first things I'd do is fix up the code to use conventional indentation.

/*
New Perspectives on JavaScript
Tutorial 3
Case Problem 4

Author: Elisabeth Barton
Date: 11/10/11

Function List:
Function List:
lunar_calendar(calendarDay)
Creates the lunar calendar table for the month specified in the
calendarDay parameter.

*/

function lunar_calendar(calendarDay) {
    var calDate = new Date("November 15, 2011");
    document.write("<table id='calendar_table'>");
    document.write("<div id='callFunction'>");
    writeDate(calDate);
    writeDayNames();
    writeCalDays(calDate);
    document.write("</table>");
}

function writeDate(calendarDay) {
    var monthName = new Array("January", "February", "March", "April", "May", "June", "July",
            "August", "September", "October", "November", "December");
    
    var thisMonth = calendarDay.getMonth();
    var thisDay = calendarDay.getDate();
    var thisYear = calendarDay.getFullYear();
    document.write("<tr>");
   [color=red] document.write("<th id='calendar_head' >");[/color]
    document.write(monthName[thisMonth] + " " + thisDay + ", " + thisYear);
    document.write("</th>");
    document.write("</tr>");
}

function writeDayNames() {
    var dayName = new Array("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat");
    document.write("<tr>");
    for (var i = 0; i < dayName.length; i++)
        document.write("<th class='calendar_weekdays'>" + dayName[i] + "</th>");
    document.write("</tr>");
}

function daysInMonth(calendarDay) {
    var thisYear = calendarDay.getFullYear();
    var thisMonth = calendarDay.getMonth();
    var dayCount = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
    if (thisYear % 4 == 0) {
        if ((thisYear % 100 != 0) || (thisYear % 400 == 0))
            dayCount[1] = 29;
    }
    return dayCount[thisMonth];
}

function writeCalDays(calendarDay) {
    var currentDay = calendarDay.getDate();
    var dayCount = 1;
    var totalDays = daysInMonth(calendarDay);
    calendarDay.setDate(1);
    [color=red]var weekDay = calendarDay.getDay();[/color]
    document.write("<tr>");
    for (var i = 0; i < weekDay; i++)
        document.write("<td></td>");
    while (dayCount <= totalDays) {
        if (weekDay == 0)
            document.write("<tr>");
        if (dayCount == currentDay)
            document.write("<td class='calendar_dates' id = 'calendar_today'> " + dayCount + "</td>");
        else
            document.write("<td class='calendar_dates'>" + dayCount + "</td>");
        if (weekDay == 6)
            document.write("</tr>");
        dayCount++;
        calendarDay.setDate(dayCount);
        weekDay = calendarDay.getDay();
    }
    document.write("</tr>");
}

What does the stylesheet look like?