var AjaxCalendar = ({
    
    options: 
    {
        container: '#calendar-container',
        url: '/calendar/display/',
        loader_img: '/img/ajax-loader.gif'
    },
    
    initialize: function(options)   
    {
        this.options = options;
    },
    
    navigate: function(year, month) 
    {
        var options = this.options;
        $(options.container).html('<img src="'+options.loader_img+'" alt="Loading..." />');
        $.get(options.url + year + '/' + month, function(data)  {
            $(options.container).html(data);
        });
    },
    
    navigate_month: function(year, month, contor)
    {
        if(contor == 1) {
            if(month == 12) this.navigate(year+1, 1);
            else            this.navigate(year, month+1);
        }
        else    {
            if(month == 1)  this.navigate(year-1, 12);
            else            this.navigate(year, month-1);
        }
    },
    
    navigate_year: function(year, month, contor)
    {
        if(contor == 1) {   this.navigate(year+1, month);   }
        else            {   this.navigate(year-1, month);   }
    }
    
});