var makeEvent;
var date = new Date();
var m;
var d = date.getDate();
m = date.getMonth() + 1;
var y = date.getFullYear();
makeEvent = function() {
    $.post("Data/Calendar.ashx?Y=" + arguments[1] + "&M=" + arguments[0] + "&action=EventDateInCalendar",
    function(result) {
        $.each(result, function(k, v) {
        $("a.ui-state-default").eq(v.day - 1).css("background", "Red"); // ขีดเส้นใตัวันที่มีกิจกรรม   
        });
    }, {}, 'json');
}

$(function() {
    $("#calendarClose").click(function() {
        $.unblockUI({ message: $('#dialog_content') })
    });

    var msg = $('#dialog_content');
    var height = $(window).height();
    var width = $(document).width();

    var date = new Date();
    var m;
    var d = date.getDate();
    m = date.getMonth() + 1;



    $('#calendar').datepicker({
        dateFormat: 'yy-mm-dd',
        onChangeMonthYear: function(year, month) {
            makeEvent(month, year);
        },
        onSelect: function(dateText) {
            var dateSplit = dateText.split("-");
            getdataEvent(dateText);
            makeEvent(dateSplit[1], dateSplit[0]);
        }
    });
    function getdataEvent(dateText) {
        $.post("Data/Calendar.ashx?Date=" + dateText + "&action=NewsDaily",
                       function(result) {
                           $.each(result, function(k, v) {
                               var dateofEvent = v.eventDate.split("/");
                               var dd = dateofEvent[1];
                               var mm = dateofEvent[0];
                               if (mm == "01" || mm == "1") { mm = "มกราคม" }
                               else if (mm == "02" || mm == "2") { mm = "กุมภาพันธ์" }
                               else if (mm == "03" || mm == "3") { mm = "มีนาคม" }
                               else if (mm == "04" || mm == "4") { mm = "เมษายน" }
                               else if (mm == "05" || mm == "5") { mm = "พฤษภาคม" }
                               else if (mm == "06" || mm == "6") { mm = "มิถุนายน" }
                               else if (mm == "07" || mm == "7") { mm = "กรกฏาคม" }
                               else if (mm == "08" || mm == "8") { mm = "สิงหาคม" }
                               else if (mm == "09" || mm == "9") { mm = "กันยายน" }
                               else if (mm == "10") { mm = "ตุลาคม" }
                               else if (mm == "11") { mm = "พฤศจิกายน" }
                               else if (mm == "12") { mm = "ธันวาคม" }
                               var yy = dateofEvent[2].split(" ");
                               $("#calendarEvent").html(v.Detail);
                               $("#calendarHeader").html("กิจกรรมท็อปไลน์ " + dd + " " + mm + " " + yy[0]);
                               $.blockUI({ message: $('#dialog_content'),
                                   css: {
                                       left: (width / 2 - (msg.width() / 2)) + 'px',
                                       top: (height / 2 - (msg.height() / 2)) + 'px',

                                       width: '0px',
                                       height: '0px',
                                       border: '0px'
                                   }
                               });
                           });
                       }, {}, 'json');
    }
    makeEvent(m, y);

});