(function ($) {

    var eCalendar = function (options, object) {
        // Initializing global variables
        var adDay = new Date().getDate();
        var adMonth = new Date().getMonth();
        var adYear = new Date().getFullYear();
        var dDay = adDay;
        var dMonth = adMonth;
        var dYear = adYear;
        var instance = object;
        var tid;

        var settings = $.extend({}, $.fn.eCalendar.defaults, options);

        function lpad(value, length, pad) {
            if (typeof pad == 'undefined') {
                pad = '0';
            }
            var p;
            for (var i = 0; i < length; i++) {
                p += pad;
            }
            return (p + value).slice(-length);
        }

        var mouseOver = function () {
            $(this).addClass('c-nav-btn-over');
        };
        var mouseLeave = function () {
            $(this).removeClass('c-nav-btn-over');
        };
        var mouseOverEvent = function (e) {
            var ts = $(this);
            //调整显示活动列表的位置
            //　instance.offset().left 日历整体的左位置
            //　ts.offset().left 当前日的左位置
            var x = ts.offset().left - instance.offset().left;
            var y = ts.offset().top - instance.offset().top + ts.outerHeight()+5;
            /*var x = ts.offset().left;
            var y = ts.offset().top - 62;*/
            /*var y = e.clientY + 10;
            var x = e.clientX - 10;*/

            ts.addClass('c-event-over');
            var d = ts.attr('data-event-day');
            $('div.c-event-item').removeClass('c-event-over');
            $('div.c-event-item[data-event-day="' + d + '"]').addClass('c-event-over');
            //如果窗体宽度超过右边界
            if($('div.c-event-grid').width() > ($(document.body).width() - ts.offset().left - 20) ) {
              x = x - $('div.c-event-grid').width();
            }
            $('div.c-event-grid').css({left: x, top: y}).show();
        };
        var mouseLeaveEvent = function () {
            var ts = $(this);
            clearTimeout(tid);
            ts.removeClass('c-event-over');
            $('div.c-event-grid').hide();
        };
        var mouseOverItem = function () {
            clearTimeout(tid);
            $(this).show().addClass("c-event-over");
            return false;
        };
        var mouseLeaveItem = function () {
            var ts = $(this);
            var d = $('.c-event-over', ts).eq(0).attr('data-event-day');
            $('div.c-event[data-event-day="' + d + '"]').removeClass('c-event-over');
            ts.removeClass('c-event-over');
            ts.hide();
            $('.c-event-item', ts).removeClass('c-event-over');
            return false;
        };
        var mouseClick = function(){
          //增加事件
        };
        var nextMonth = function () {
          if (dMonth < 11) {
              dMonth++;
          } else {
              dMonth = 0;
              dYear++;
          }
          print();
        };
        var previousMonth = function () {
          if (dMonth > 0) {
              dMonth--;
          } else {
              dMonth = 11;
              dYear--;
          }
          print();
        };

        function loadEvents(callback) {
          if(dMonth>8)
            var act_month = dYear+''+(dMonth+1);
          else
            var act_month = dYear+'0'+(dMonth+1);
          if (typeof settings.url != 'undefined' && settings.url != '') {
            $.ajax({url: settings.url+'&act_month='+act_month,
                dataType: 'json',
                success: function (result) {
                  for(var i = 0; i< result.length; i++) {
                    result[i].datetime = new Date(parseInt(result[i].datetime) * 1000);
                  }
                  settings.events = result;
                    callback && callback();
                },
                error: function () {
                    callback && callback();
                }
            });
          }else{
              callback && callback();
          }
        }

        function print() {
            loadEvents(function () {
                var dWeekDayOfMonthStart = new Date(dYear, dMonth, 1).getDay();
                var dLastDayOfMonth = new Date(dYear, dMonth + 1, 0).getDate();
                var dLastDayOfPreviousMonth = new Date(dYear, dMonth + 1, 0).getDate() - dWeekDayOfMonthStart + 1;

                var cBody = $('<div/>').addClass('c-grid');
                var cEvents = $('<div/>').addClass('c-event-grid');
                var cEventsBody = $('<div/>').addClass('c-event-body');
                cEvents.append($('<div/>').addClass('c-event-title c-pad-top').html(settings.eventTitle));
                cEvents.append(cEventsBody);
                
                var cNext = $('<div/>').addClass('c-next c-grid-title c-pad-top');
                var cMonth = $('<div/>').addClass('c-month c-grid-title c-pad-top');
                var cPrevious = $('<div/>').addClass('c-previous c-grid-title c-pad-top');
                cPrevious.html(settings.textArrows.previous);
                cMonth.html(dYear + ' 年 ' + settings.months[dMonth] + ' 月');
                cNext.html(settings.textArrows.next);
                
                

                cPrevious.on('mouseover', mouseOver).on('mouseleave', mouseLeave).on('click', previousMonth);
                cNext.on('mouseover', mouseOver).on('mouseleave', mouseLeave).on('click', nextMonth);

                var cTitle = '';
                if(settings.title){
                    cTitle = $('<div/>').addClass('c-title c-grid-title c-pad-top');
                    cTitle.html(settings.title);
                    cNext.addClass('c-title-inner');
                    cMonth.addClass('c-title-inner');
                    cPrevious.addClass('c-title-inner');
                    cBody.append(cTitle);
                }

                cBody.append(cPrevious);
                cBody.append(cMonth);
                cBody.append(cNext);
                for (var i = 0; i < settings.weekDays.length; i++) {
                    var cWeekDay = $('<div/>').addClass('c-week-day c-pad-top');
                    cWeekDay.html(settings.weekDays[i]);
                    cBody.append(cWeekDay);
                }
                var day = 1;
                var dayOfNextMonth = 1;
                for (var i = 0; i < 42; i++) {
                    var cDay = $('<div/>');
                    if (i < dWeekDayOfMonthStart) {
                        cDay.addClass('c-day-previous-month c-pad-top');
                        cDay.html(dLastDayOfPreviousMonth++);
                    } else if (day <= dLastDayOfMonth) {
                        cDay.addClass('c-day c-pad-top');
                        if (day == dDay && adMonth == dMonth && adYear == dYear) {
                            cDay.addClass('c-today');
                        }
                        for (var j = 0; j < settings.events.length; j++) {
                            var d = settings.events[j].datetime;
                            if (d.getDate() == day && d.getMonth() == dMonth && d.getFullYear() == dYear) {
                                cDay.addClass('c-event').attr('data-event-day', d.getDate());
                                cDay.on('mouseover', mouseOverEvent).on('mouseleave', mouseLeaveEvent);

//报错：Cannot read property 'click' of undefined
//                            if(cDay.data("events")["click"]) {
//                            } else {
//                              cDay.on('click', mouseClick);
//                            }

                            }
                        }
                        cDay.html(day++);
                    } else {
                        cDay.addClass('c-day-next-month c-pad-top');
                        cDay.html(dayOfNextMonth++);
                    }
                    cBody.append(cDay);
                }
                var eventList = $('<div/>').addClass('c-event-list');
                for (var i = 0; i < settings.events.length; i++) {
                    var d = settings.events[i].datetime;
                    var at = new Date(parseInt(settings.events[i].acttime) * 1000);
                    if (d.getMonth() == dMonth && d.getFullYear() == dYear) {
                        var date = (lpad(d.getMonth()+1, 2)) + '-' +lpad(d.getDate(), 2) + ' ' + lpad(d.getHours(), 2) + ':' + lpad(d.getMinutes(), 2);
                        var item = $('<div/>').addClass('c-event-item');
                        var title = $('<div/>').addClass('title').html(settings.events[i].title + '<br/>');
                        var acttime = (lpad(at.getMonth()+1, 2)) + '-' +lpad(at.getDate(), 2) + ' ' + lpad(at.getHours(), 2) + ':' + lpad(at.getMinutes(), 2);
                        var description = $('<div/>').addClass('description').html('<span class="c-event-time">' + acttime + '</span>' + '<span class="c-event-place">' + settings.events[i].description + '</span>');
                        item.attr('data-event-day', d.getDate());
                        item.append(title).append(description);
                        eventList.append(item);
                    }
                }
                cEvents.on('mouseover', mouseOverItem).on('mouseleave', mouseLeaveItem);
                $(instance).addClass('calendar');
                cEventsBody.append(eventList);
                $(instance).html(cBody).append(cEvents);
            });

			
        }
        return print();
    }

    $.fn.eCalendar = function (oInit) {
        return this.each(function () {
            return eCalendar(oInit, $(this));
        });
    };

    // plugin defaults
    $.fn.eCalendar.defaults = {
        weekDays: ['日', '一', '二', '三', '四', '五', '六'],
        months: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'],
        textArrows: {previous: '<', next: '>'},
        eventTitle: 'Eventos',
        url: '',
        events: [ ],
        title: ''
    };

}(jQuery));