var eventData = [];
var year = new Date().getFullYear();
var month = new Date().getMonth();
var day = new Date().getDate();

Date.createFromMysql = function(mysql_string)
{
    if (typeof mysql_string === 'string')
    {
    var t = mysql_string.split(/[- :]/);
    return new Date(t[0], t[1] - 1, t[2], t[3] || 0, t[4] || 0, t[5] || 0);
    }

    return null;
}

function MysqlDate(data) {
    for (var i = 0; i < data.length; i++) {
//  eventData[i].end = Date.createFromMysql(eventData[i].end);
//  eventData[i].start = Date.createFromMysql(eventData[i].start);
    eventData[i].end = new Date(eventData[i].end);
    eventData[i].start = new Date(eventData[i].start);
    eventData[i].id = parseInt(eventData[i].id);
    eventData[i].allDay = false;
    eventData[i].body = '<div title="' + eventData[i].title + '">' + eventData[i].body + '</div>';
    eventData[i].title = '';
    }
}

function ModalSetStatus(event) {
    $('<div id="modalstatus"><p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>Sikerült elérni az ügyfelet?</p></div>').appendTo("#content").dialog({
      resizable: false,
      height:250,
      modal: true,
      width: 500,
      buttons: {
        "Igen": function() {
        setStatus(event, 1);
          $( this ).dialog( "close" );
        },
    "Nem értük el": function() {
        setStatus(event, 0);
          $( this ).dialog( "close" );
        },
        "Mégsem": function() {
          $( this ).dialog( "close" );
        }
      }
    });
}

function setStatus(event, status) {
    $.ajax({
    url: baseurl + '/index.php?r=naptar/status',
    data: {
        status: status,
        type: event.type,
        id: event.id
    },
    type: 'get',
    dataType: 'json',
    success: function(data) {
        $('#calendar').fullCalendar( 'refetchEvents' );
    },
    error: function() {
        alert('Hiba lépett fel a szerverrel való kapcsolat során!');
    }
    });
}

$(document).ready(function() {

      var $createCalendar = $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        editable: false,
        events: function(start, end, callback) {
        $.ajax({
            url: baseurl + '/index.php?r=naptar/data',
            type: 'get',
            data: {
            start: start.getTime(),
            end: end.getTime(),
            },
            dataType: 'json',
            success: function(data) {
            eventData = data;
            MysqlDate(eventData);
            callback(eventData);
            //$createCalendar.weekCalendar('refresh');
            }
        });
        },
        firstDay: 1,
        slotMinutes: 5,
        minTime: 7,
        maxTime: 21,
        defaultView : 'agendaWeek',
        allDaySlot: false,
        axisFormat:  'H:mm',
        columnFormat: {
        month: 'ddd',    // Mon
        week: 'ddd M/d', // Mon 9/7
        day: 'dddd M/d'  // Monday 9/7
        },
        titleFormat: {
        month: 'yyyy. MMMM',                             // September 2009
        week: "yyyy. MMMM d[ yyyy]{ '&#8212;'[ MMM] d}", // Sep 7 - 13 2009
        day: 'dddd, yyyy. MMM. d'                  // Tuesday, Sep 8, 2009
        },
        buttonText: {
        prev:     '&lsaquo;', // <
        next:     '&rsaquo;', // >
        prevYear: '&laquo;',  // <<
        nextYear: '&raquo;',  // >>
        today:    'ma',
        month:    'hónap',
        week:     'hét',
        day:      'nap'
        },
        timeFormat:{
          agenda: 'H:mm - H:mm', // 5:00 - 6:30
        // for all other views
        '': 'H:mm'            // 7p
        },
        weekNumberTitle: 'Hétvége',
        monthNamesShort  : ['Jan', 'Feb', 'Már', 'Ápr', 'Máj', 'Jún', 'Júl', 'Aug', 'Szep', 'Okt', 'Nov', 'Dec'],
        monthNames : ['Január', 'Február', 'Március', 'Április', 'Május', 'Június', 'Július', 'Augusztus', 'Szeptember', 'Octóber', 'November', 'December'],
        dayNamesShort : ['Va', 'Hé', 'Ke', 'Sze', 'Csü', 'Pé', 'Szo'],
        dayNames : ['Vasárnap', 'Hétfő', 'Kedd', 'Szerda', 'Csütörtök', 'Péntek', 'Szombat'],
        eventRender: function (calEvent, $event) {
        $event.find('.fc-event-title').html(calEvent.body);
        $event.addClass(calEvent.type);
                 $($event).qtip({
                content: {
                text: 'Loading...',
                ajax: {
                    url: baseurl + '/index.php?r=naptar/getcomment',
                    loading: false,
                    //dataType: 'json',
                    data: {
                    id: calEvent.id,
                    type: calEvent.type
                    }
                }
                },
                position: {
                viewport: $(window)
                },
                style: 'qtip-wiki'
             });
        },
        eventAfterAllRender : function() {
        $('<input type="hidden" id="datepicker" />').appendTo('.fc-header-title');
        $( "#datepicker" ).datepicker({
            showOn: "button",
            buttonImage: baseurl + "/css/calendar.png",
            buttonImageOnly: true,
            firstDay: 1,
            onSelect: function(date) {
            var currentDate = $( "#datepicker" ).datepicker( "getDate" );
            $('#calendar').fullCalendar('gotoDate', currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate());
            }
          });
        },
        dayClick: function(date, allDay, jsEvent, view) {
        var start = new Date(date);
        var newDateObj = new Date(start);
        var end = new Date(newDateObj.setMinutes(newDateObj.getMinutes() + 10));
        },
        eventClick: function(calEvent, jsEvent, view) {
           ModalSetStatus(calEvent);
       }
    });

});