var CurMonth = new Date().getMonth();
var CurYear = new Date().getFullYear();
var MonName = ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь',
    'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'];

function DrawCal(Month, Year) {
    if (Month > 11) {
        Month = 0;
        Year += 1;
    } else if (Month < 0) {
        Month = 11;
        Year -= 1;
    }
    CurMonth = Month;
    CurYear = Year;

    $('#calendar').empty();
    $('#headerMonth').html(MonName[Month]);
    $('#headerYear').html(CurYear);

    var WeekDay = (new Date(Year, Month, 1).getDay() - 1 + 7) % 7;
    var Today = new Date();
    var DayNum = new Date(Year, Month + 1, 0).getDate();

    for (var week = 0; week < 6; week++) {
        var tr = $('<tr>').appendTo('#calendar');
        for (var day = 0; day < 7; day++){
            var td = $('<td>').appendTo(tr);
            var index = week * 7 + day;
            if (index < WeekDay + DayNum && index >= WeekDay) {
                td.html(index + 1 - WeekDay);
                td.click(function() {
                    $('.curday').not($(this)).removeClass('curday');
                    $(this).toggleClass('curday');
                });
                if (td.html() == Today.getDate() && Month == Today.getMonth() && Year == Today.getFullYear())
                    td.addClass('cday');
            }
            else
                td.html('&nbsp;');
        }
    }
}

function InitCal() {
    DrawCal(CurMonth, CurYear);
    var Calselect = $('#Calselect');
    for (var i = 1980; i < 2021; i++) {
        var option = $('<option>').val(i).html(i).appendTo(Calselect);
        //CurYear = i;
    }
    var CalMonSelect = $('#CalMonSelect');
    for (var i = 0; i < 12; i++) {
        var option = $('<option>').val(i).html(MonName[i]).appendTo(CalMonSelect);
        //CurMonth = MonName[i];
    }
}