$(document).ready(function(){
    var miesiace = new Array();
    miesiace[10] = {
        'nazwa': 'Listopad',
        'pierwszy': 4,
        'dni': 30
    };
    miesiace[11] = {
        'nazwa': 'Grudzień',
        'pierwszy': 6,
        'dni': 31
    };
    var aktMiesiac = new Date().getMonth();
    var wydarzenia = new Array();
    wydarzenia[10] = new Array();
    wydarzenia[10][2] = ['coadsdś'];
    wydarzenia[10][5] = ['cośaad'];
    wydarzenia[10][5] = ['cozdsaś'];
    wydarzenia[10][12] = ['avsvdassdcoś'];
    wydarzenia[10][3] = ['covxcasśasd'];
    wydarzenia[11] = new Array();
    wydarzenia[11][30] = ['casdfsdoś'];
    wydarzenia[11][23] = ['caxcvsdoś'];
    wydarzenia[11][13] = ['caxcvsdoś'];


    var wypiszTabele = function(miesiac = aktMiesiac){
        $('div#kalendarzNawigacja span').html(miesiace[miesiac].nazwa);
        $('table').attr('id', miesiac);
        var wiersze = miesiace[miesiac].dni/7;
        var i = 1;

        while(i<=4){
            $('table').append('<tr></tr>');
            i++;
        };
        if((wiersze) > 4){
            $('table').append('<tr></tr>');
        };
        var j = 1;
        while(j<=7){
            $('tr').append('<td></td>');
            j++;
        }
    }
    var dodajWydarzenia = function(miesiac = aktMiesiac){
        var k = 1;
        var dni = 1;
        $('td').each(function(){
            if(k >= miesiace[miesiac].pierwszy){
                if(k <= (miesiace[miesiac].dni+miesiace[miesiac].pierwszy)){
                    $(this).html(dni).attr('id', dni).append('<span></span>').children().hide();
                    var wydarzenie = wydarzenia[$('table').attr('id')][dni];
                    if(wydarzenie != undefined){
                        $(this).css({'background-color': 'green'}).children().html(wydarzenie);
                    }
                }
                dni++;
            }
            k++;
        });
    }
    /*********************/
    wypiszTabele();
    dodajWydarzenia();
    $('td').mouseover(function(){
        var wydarzenie = $(this).children().html();
        $('#kontener').html(wydarzenie);

    })
    .mouseout(function(){
        $('#kontener').html('');
    });

    $('button#kalendarzDalej').click(function(){
        $('table').children().remove();
        if(aktMiesiac == 11){
            aktMiesiac = 1;
        }
        else{
            aktMiesiac++;
        };
        wypiszTabele(aktMiesiac);
        dodajWydarzenia(aktMiesiac);
        return false;
    });
    $('button#kalendarzWstecz').click(function(){
        $('table').children().remove();
        if(aktMiesiac == 1){
            aktMiesiac = 11;
        }
        else{
            aktMiesiac--;
        };
        wypiszTabele(aktMiesiac);
        dodajWydarzenia(aktMiesiac);
        return false;
    });
});