var events= [];


$(document).ready( function() {
    addevent();
    
});



function addevent () {
    var j = 0;
    var options = {
        onMonthChanging: function(dateIn) {
            $(".thv-event-news").empty();
            $.getJSON ( url + "event/ajax/get-event",{
            }, function (data){
                 for (i in data ) {
                   var obj = data[i];
                   $(".event-"+obj['StartDateTime']).css("color", "#0072BC");
                 }
            });
            return true;
        },
        onEventLinkClick: function(event) {
            return true;
        },
        onEventBlockClick: function(event) {
            return true;
        },
        onEventBlockOver: function(event) {
            return true;
        },
        onEventBlockOut: function(event) {
            return true;
        },
        onDayLinkClick: function(date) {
            
            return true;
        },
        onDayCellClick: function(date) {
            return true;
        }
    };

    $.jMonthCalendar.Initialize(options, []);




    
    var url = $(".base-url").val();

    $.getJSON ( url + "event/ajax/get-event",{
        }, function (data){
             for (i in data ) {
               var obj = data[i];
               events[j++] = obj;
               $(".event-"+obj['StartDateTime']).css("color", "#0072BC");
//                var event = [{
//                    "EventID": obj["EventID"],
//                    "StartDateTime": obj['StartDateTime'],
//                    "EndDateTime": obj['EndDateTime'],
//                    "Title": obj["Title"],
//                    "URL": "#",
//                    "Description": obj['Description'],
//                    "CssClass": "Meeting"
//                }];
//                 $.jMonthCalendar.AddEvents (event);
             }
        });
}

function onDayLinkClick ( date ) {
    $(".thv-event-onclick").empty();
    for ( i in events ) {
        
        if (events[i]['StartDateTime'] == date.toString("yyyy-MM-dd") ) {
            var html = "<li><img width='75' height='83' src='/uploads/event/"+events[i]['Image']+"' class='thv-left'>";
            html += "<h6 class='thv-title-a'><a href='/event/"+ events[i]['EventId'] + "/" + events[i]['Slug'] +"/' class='thv-blue-links'>"+events[i]['Title']+"</a></h6>";
            html += "<p>Start Date : "+events[i]['StartDateTime']+"<br>";
            html += "Address    : "+events[i]['Address']+"<br><span class='thv-mar-l2'>"+events[i]['Location']+"</span></p> </li>";

            

            $(".thv-event-onclick").append (html);
        }
    }
}

function changeMenu ( id ) {
    if ( $(".mouse-over-"+id).html() != "") {
        $(".thv-chinhtri-title-bg-top").empty();
        $(".thv-chinhtri-title-bg-top").html($(".mouse-over-"+id).html());
        $(".thv-chinhtri-title-bg-top").css("display", "block");
    } else {
        $(".thv-chinhtri-title-bg-top").css("display", "none");
    }
}