(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 = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
		month = i = parseInt(opts.month);
		year = parseInt(opts.year);
		//dd = eval('('+opts.day+')');
		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>';
			}
			
			//generate bulan
			table += ('<div class="bulan">')	
			table += ('<div><span class="bulan_prev" onclick="setPrevMonth();"><span>&laquo;</span></span><h3 id="current-month" class="bulan">'+monthNames[month]+'</h3><span class="bulan_next" onclick="setNextMonth();"><span>&raquo;</span></span>');
			table += ('<div style="clear:both"></div></div></div>');
			table += ('<div class="tahun">')
			table += ('<div><span class="tahun_prev" onclick="setPrevYear();"><span>&laquo;</span></span><h3 id="current-year" class="tahun">'+year+'</h3><span class="tahun_next" onclick="setNextYear();"><span>&raquo;</span></span>');
			table += ('<div style="clear:both"></div></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 += ('<div class="tanggal">')
			
			/*table += ('<table class="calendar-month list" ' +'id="calendar-month'+i+' " cellspacing="0">');	
		
			table += '<tr>';
			
			for (d=0; d<7; d++) {
				table += '<th class="weekday">&nbsp;</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">'+ (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">'+ i +'</span></td>');			 
              }else{
		
		table += ('<td class="current-month day'+(j-firstDay+1)+'" id="day'+(j-firstDay+1)+'"><span class="day">'+(j-firstDay+1)+'</span></td>');
		   	     
	}
              if (j%7==6)  table += ('</tr>');
            }

            table += ('</table>');*/
			
			//generate tanggal 
			table += ('<ul class="list">');
			
			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;
			table += ('<li><ul class="list_flat">');
			for (j=0;j<42;j++){
			  
              if ((j<firstDay)){
                table += ('<li class="other-month"><span class="day">'+ (prev_days-firstDay+j+1) +'</span></li>');
			  } else if ((j>=firstDay+getDaysInMonth(month,year))) {
				i = i+1;
                table += ('<li class="other-month"><span class="day">'+ i +'</span></li>');			 
              }else{
            	  table += ('<li class="current-month day'+(j-firstDay+1)+'" id="day'+(j-firstDay+1)+'"><span class="day">'+(j-firstDay+1)+'</span></li>');
 		   	     
          	}
                        if (j%7==6)  table += ('</ul><div class="clear"></div></li><li><ul class="list_flat">');
                      }
			
			table += ('</ul>');
            table += ('</div>');
			table += ('<div class="clear"></div>');
			
			//generate button
			table += ('<div class="umur">');
			table += ('<span onclick="ajax_eventmonthly(\''+(month+1)+'\',\''+year+'\');">Semua Agenda</span>');
			table += ('</div>');
			
		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);