var monthNumber = 0;
var yearNumber = 0;
Event.observe(window, 'load', function() {
    var d = new Date();
    var curr_month = d.getMonth();
    yearNumber = d.getFullYear();
    monthNumber = curr_month + 1;
    GetMonth();

    Event.observe($("lnkNext"), "click", function() {
        $('lblCalendar').innerHTML = '';
        if (monthNumber >= 12) {
            monthNumber = 1;
            GetMonth();
        }
        else {
            monthNumber++;
            GetMonth();
        }
    });
    Event.observe($("lnkPrevious"), "click", function() {
        $('lblCalendar').innerHTML = '';
        var currmonth = d.getMonth();
        monthNumber = currmonth + 1;
        GetMonth();
    });
});

function GetMonth() {
    var url = "Calendar.asmx/GetMonth";
    $('loadImg').style.display = 'block';
    new Ajax.Request(url,
		{
		    method: 'post',
		    contentType: 'application/json',
		    encoding: 'utf-8',
		    postBody: "{m: " + monthNumber + ",y:" + yearNumber + "}",
		    onSuccess: function(transport) {
		        var res = eval("(" + transport.responseText + ")");
		        var r = res.d;
		        $('lblCalendar').innerHTML = r.HtmlText;
		        $('loadImg').style.display = 'none';
		        GetMonthName();
		        GetEvents();
		    }
		});

}
function GetMonthName() {
    var url = "Calendar.asmx/GetMonthName";
    new Ajax.Request(url,
		{
		    method: 'post',
		    contentType: 'application/json',
		    encoding: 'utf-8',
		    postBody: "{m: " + monthNumber + ",y:" + yearNumber + "}",

		    onSuccess: function(transport) {
		        var res = eval("(" + transport.responseText + ")");
		        var r = res.d;
		        $('lblMonth').innerHTML = r.MonthName;
		    }
		});

}
function GetEvents() {
    var url = "Calendar.asmx/GetEvents";
    new Ajax.Request(url,
		{
		    method: 'post',
		    contentType: 'application/json',
		    encoding: 'utf-8',
		    postBody: "{month: " + monthNumber + ",year:" + yearNumber + "}",
		    onSuccess: function(transport) {
		        var res = eval("(" + transport.responseText + ")");
		        //alert(transport.responseText);
		        var r = res.d;
		        $('events').innerHTML = r.HtmlText;
		    }
		});

}