$(document).ready(function() {
    

    /* initialize the external events
    -----------------------------------------------------------------*/
    $('#external-events .fc-event').each(function() {

      // store data so the calendar knows to render an event upon drop
      $(this).data('event', {
        title: $.trim($(this).text()), // use the element's text as the event title
        stick: true, // maintain when user navigates (see docs on the renderEvent method)
        color: '#00bcd4'
      });

      // make the event draggable using jQuery UI
      $(this).draggable({
        zIndex: 999,
        revert: true,      // will cause the event to go back to its
        revertDuration: 0  //  original position after the drag
      });

    });


    /* initialize the calendar
    -----------------------------------------------------------------*/
    $('#calendar').fullCalendar({
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,basicWeek,basicDay'
      },
      defaultDate: '2015-05-12',
      editable: true,
      droppable: true, // this allows things to be dropped onto the calendar
      eventLimit: true, // allow "more" link when too many events
      events: [
        {
          title: 'All Day Event',
          start: '2015-05-01',
          color: '#9c27b0'
        },
        {
          title: 'Long Event',
          start: '2015-05-07',
          end: '2015-05-10',
          color: '#e91e63'
        },
        {
          id: 999,
          title: 'Repeating Event',
          start: '2015-05-09T16:00:00',
          color: '#ff1744'
        },
        {
          id: 999,
          title: 'Repeating Event',
          start: '2015-05-16T16:00:00',
          color: '#aa00ff'
        },
        {
          title: 'Conference',
          start: '2015-05-3',
          end: '2015-05-5',
          color: '#01579b'
        },
        {
          title: 'Meeting',
          start: '2015-05-12T10:30:00',
          end: '2015-05-12T12:30:00',
          color: '#2196f3'
        },
        {
          title: 'Lunch',
          start: '2015-05-12T12:00:00',
          color: '#ff5722'
        },
        {
          title: 'Meeting',
          start: '2015-05-12T14:30:00',
          color: '#4caf50'
        },
        {
          title: 'Happy Hour',
          start: '2015-05-12T17:30:00',
          color: '#03a9f4'
        },
        {
          title: 'Dinner',
          start: '2015-05-12T20:00:00',
          color: '#009688'
        },
        {
          title: 'Birthday Party',
          start: '2015-05-13T07:00:00',
          color: '#00bcd4'
        }
      ]
    });
    
  });