$(document).ready(
  function()
  {
  $("#calendarClick").click(function(){
    calendarWrite();
    });

    function calendarWrite()
{
  code = "";
    code+="<br /><table class=\"JScalendar\">";
    code+='<tr><td colspan="7" class=\"Calheaders\"><a href="#" id="prevMonth" title="Previous Month">Previous</a> '+monthNames[month]+' <a href="#" id="nextMonth" title="Next Month">Next</a> [<a href="#" id="closeCal" title="Close">X</a>]</td>'
    code+="<tr><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></tr>";
     for(var i=1;i<=35;i++)
     {
      if((i-1)%7==0)
      {
         code+="<tr>";
      }
      if(i-firstDayOfMonth>0 && i-firstDayOfMonth<=daysInMonth)
      {
        var tmp = Date.UTC(year,month,(i-firstDayOfMonth),0,0,0);
        tmp+="";
        tmp=tmp.substring(0,tmp.length-3);
      code+="<td id=\"day"+tmp+"\">"+(i-firstDayOfMonth)+"</td>";
      }
      else
      {
        code+="<td>&nbsp;</td>";
      }
       if(i%7==0)

      {
         code+="</tr>";
      }
     }
     code+="</table><br />Days I am unavailable are highlighted<br />";


     $("#calendarBox").empty();
     $(code).appendTo("#calendarBox");


     for(var i=0;i<bookedDates.length;i++)
     {
      var start = bookedDates[i];
      i++;
      var end =  bookedDates[i];

      while(start<=end)
      {
        $("#day"+start).addClass("calendarBooked");
        start+=86400;
      }

     }

     $("#nextMonth").click(function(){
      if(month==11)
      {
        year++;
        month=0;
      }
      else
      {
        month++;
      }
 tmp = new Date();
      tmp.setUTCMonth(month);
      tmp.setUTCDate(1);

firstDayOfMonth=tmp.getDay()-1;
if(firstDayOfMonth==-1) firstDayOfMonth=6;
daysInMonth=daysInMonthFunc(month,year);

calendarWrite();
 });
    $("#prevMonth").click(function(){
if(month==1)
      {
        year--;
        month=11;
      }
      else
      {
        month--;
      }
      tmp = new Date();
      tmp.setUTCMonth(month);
      tmp.setUTCDate(1);

firstDayOfMonth=tmp.getDay()-1;
if(firstDayOfMonth==-1) firstDayOfMonth=6;
daysInMonth=daysInMonthFunc(month,year);

calendarWrite();
 });

    $("#closeCal").click(function(){
       $("#calendarBox").empty();
    });
}




  }
  );

 function daysInMonthFunc(iMonth, iYear)
{
	return 32 - new Date(iYear, iMonth, 32).getDate();
}