(function($) { 
   
  function calendarWidget(el, params) { 
    
    var now   = new Date();
    var thismonth = now.getMonth();
    var thisyear  = now.getYear() + 1900;
    
    var opts = {
      month: thismonth,
      year: thisyear
    };
    
    $.extend(opts, params);
    
    var monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
    var dayNames = ['Sun', 'Mon', 'Tue', 'Wed', 'Thur', 'Fri', 'Sat'];
    month = i = parseInt(opts.month);
    year = parseInt(opts.year);
    var m = 0;
    var table = '';
    
      // next month
      if (month == 11) {
        var next_month = '<a href="?month=' + 1 + '&amp;year=' + (year + 1) + '" title="' + monthNames[0] + ' ' + (year + 1) + '">' + monthNames[0] + ' ' + (year + 1) + '</a>';
      } else {
        var next_month = '<a href="?month=' + (month + 2) + '&amp;year=' + (year) + '" title="' + monthNames[month + 1] + ' ' + (year) + '">' + monthNames[month + 1] + ' ' + (year) + '</a>';
      }
        
      // previous month
      if (month == 0) {
        var prev_month = '<a href="?month=' + 12 + '&amp;year=' + (year - 1) + '" title="' + monthNames[11] + ' ' + (year - 1) + '">' + monthNames[11] + ' ' + (year - 1) + '</a>';
      } else {
        var prev_month = '<a href="?month=' + (month) + '&amp;year=' + (year) + '" title="' + monthNames[month - 1] + ' ' + (year) + '">' + monthNames[month - 1] + ' ' + (year) + '</a>';
      }   
        
      table += ('<div id="current-month" class="container" style="overflow:hidden;"><span class="americanType">'+monthNames[month]+' <span class="year">'+year+'</span></span><div class="col" style="float:right;overflow:hidden;"><span class="prevmonth americanType">Prev/</span><span class="nextmonth americanType">Next</span></div></div>');
      // uncomment the following lines if you'd like to display calendar month based on 'month' and 'view' paramaters from the URL
      //table += ('<div class="nav-prev">'+ prev_month +'</div>');
      //table += ('<div class="nav-next">'+ next_month +'</div>');
      table += ('<table class="calendar-month " ' +'id="calendar-month'+i+'" cellspacing="5">'); 
    
      table += '<tr>';
      
      for (d=0; d<7; d++) {
        table += '<th class="weekday americanType" style="overflow:hidden;">' + dayNames[d] + '</th>';
      }
      
      table += '</tr>';
    
      var days = getDaysInMonth(month,year);
            var firstDayDate=new Date(year,month,1);
            var firstDay=firstDayDate.getDay();
      
      var prev_days = getDaysInMonth(month,year);
            var firstDayDate=new Date(year,month,1);
            var firstDay=firstDayDate.getDay();
      
      var prev_m = month == 0 ? 11 : month-1;
      var prev_y = prev_m == 11 ? year - 1 : year;
      var prev_days = getDaysInMonth(prev_m, prev_y);
      firstDay = (firstDay == 0 && firstDayDate) ? 7 : firstDay;
  
      var i = 0;
            for (j=0;j<42;j++){
        
              if ((j<firstDay)){
                table += ('<td class="other-month"><span class="day americanType">'+ (prev_days-firstDay+j+1) +'</span></td>');
        } else if ((j>=firstDay+getDaysInMonth(month,year))) {
        i = i+1;
                table += ('<td class="other-month"><span class="day americanType">'+ i +'</span></td>');      
              }else{
                table += ('<td class="current-month day'+(j-firstDay+1)+'"><span class="day americanType">'+(j-firstDay+1)+'</span></td>');
              }
              if (j%7==6)  table += ('</tr>');
            }

            table += ('</table>');

    el.html(table);
  }
  
  function getDaysInMonth(month,year)  {
    var daysInMonth=[31,28,31,30,31,30,31,31,30,31,30,31];
    if ((month==1)&&(year%4==0)&&((year%100!=0)||(year%400==0))){
      return 29;
    }else{
      return daysInMonth[month];
    }
  }
  
  
  // jQuery plugin initialisation
  $.fn.calendarWidget = function(params) {    
    calendarWidget(this, params);   
    return this; 
  }; 

})(jQuery);