$(document).ready(function(){	
  var calendar_options = { 
  	  containerId: "#jMonthCalendar",
      headerHeight: 50,
      firstDayOfWeek: 1,
      rowHeight: 120,
      calendarStartDate:new Date(),
      dragableEvents: false,
      activeDroppableClass: false,
      hoverDroppableClass: false,
      navLinks: {
        enableToday: false,
        enableNextYear: true,
        enablePrevYear: true,
        p:'&lsaquo; Prev', 
        n:'Next &rsaquo;', 
        t:'Today',
        showMore: 'Show More'
      },
      onMonthChanging: function(dateIn) { return true; },
      onMonthChanged: function(dateIn) { return true; },
      onEventLinkClick: function(event) { return true; },
      onEventBlockClick: function(event) { return true; },
      onEventBlockOver: function(event) { return true; },
      onEventBlockOut: function(event) { return true; },
      onDayLinkClick: function(date) { return true; },
      onDayCellClick: function(date) { return true; },
      onDayCellDblClick: function(dateIn) { return true; },
      onEventDropped: function(event, newDate) { return true; },
      onShowMoreClick: function(eventArray) { return true; },
      locale: {
        days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
      	daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
      	daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
      	months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
      	monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
      	weekMin: 'wk'
      }
    };

    block_id = $('input#calendar_id').val()
    href = "/calendar_events/"+block_id;
    var calendar_events = []
    	$.getJSON(href, function(json) {
    	  $.each(json, function(i, item) {
    	    calendar_events.push({
    	      "EventID": item.calendar_event.id, "StartDateTime": item.calendar_event.event_date,"EndDateTime": item.calendar_event.event_end_date, "Title": "<a href='' rel=\"facybox\" title='"+item.calendar_event.title+" "+item.calendar_event.description+"'>"+item.calendar_event.title+"</a>", "URL": "#", "Description": item.calendar_event.description, "CssClass": "Meeting"
    	    })
    	  })
    	$.jMonthCalendar.Initialize(calendar_options, calendar_events);
    })
    
})