$(document).ready ->

  $("#calendar").fullCalendar
    allDayDefault: false,
    editable: true,
    defaultView: "agendaWeek",
    header:
      left: "prev,next today",
      center: "title",
      right: "month,agendaWeek,agendaDay"
    dragOpacity: "0.5",
    columnFormat:
      day: "ddd d/M",
      week: "dddd d/M"
    firstDay: 1,
    timeFormat: "HH:mm{ - HH:mm}",
    axisFormat: "HH:mm",
    dayNames: ["Domenica", "Lunedì", "Martedì", "Mercoledì", "Giovedì", "Venerdì", "Sabato"],
    monthNames: ["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"],
    buttonText:
      today: "Oggi"
      month: "Mese"
      week: "Settimana"
      day: "Giorno"
    allDaySlot: false,
    height: 1100,
    eventSources: [{url: '/events',}],
    eventDrop: (event, dayDelta, minuteDelta, allDay, revertFunc) ->
     alert event.title + " was moved " + dayDelta + " days and " + minuteDelta + " minutes."
     updateEvent(event);
     revertFunc()  unless confirm("Are you sure about this change?")
    eventResize: (event, dayDelta, minuteDelta, revertFunc) ->
     alert "The end date of " + event.title + "has been moved " + dayDelta + " days and " + minuteDelta + " minutes."
     updateEvent(event);
     revertFunc()  unless confirm("is this okay?")
    updateEvent = (the_event) ->
     $.update "/events/" + the_event.id,
      event:
       title: the_event.title,
       starts_at: "" + the_event.start,
       ends_at: "" + the_event.end,
       description: the_event.description