//DEFINICJA KLASY _LUDZIK

            function _Ludzik(_id) {

            //Klasa ludzik
            //wlasnosci
            //pionek - odwolanie do elementu div reprezentujacego ludzika
            //krok odleglosc na jaka w jednym kroku przesuwa sie ludzik
            //klatka, wiersz - wlasnosci wykorzystywane do animacji
            //interwal - animacja ludzika

            //metody
            //start() - ustawienie poczatkowe ludzika
            //animacja - aniamcja ludzika
            //przesun - poruszanie ludzika

            //identyfikator gracza

            this.id = _id;

            //odwolanie do gracza
            this.pionek;
            //krok - odleglosc o jaka przesuwam pionek
            this.krok = 20;

            //kierunek - okresla kierunek poruszania sie
            this.kierunek = 3;

            //jedna klatka to 80px
            this.klatka = 0;

            //jeden wiersz to 105px
            this.wiersz = 0;

            //zmienna na pamietanie odwolania do interwalu
            this.interwal;



            this.start = function() {
            var e = document.createElement('div');
            //przypisanie własności id do elementu
            e.id = this.id;
            //odwolanie sie do parametru className
            e.className = 'gracz';
            //dodanie elementu e jako dziecka elementu plansza
            document.getElementById('plansza').appendChild(e);
            //zlapanie odwolania do elementu html
            this.pionek = document.getElementById(this.id);
            //uruchomienie kodu powtarzanego co 200ms
            var gr = this;
            this.interwal = setInterval(function(){gr.przesun();},200);
           // interwal = setInterval(function(){animacja();},200);
           };

            this.przesun = function() {
                // 1 - lewo, 2 - gora, 3 - prawo, 4 - dol
                // 37 - lewo, 38 - gora, 39 - prawo, 40 - dol
                //console.log(this.wiersz);

                switch (this.kierunek) {
                    case 1:
            if(this.pionek.offsetLeft > this.krok){
            this.wiersz = -105;
            this.pionek.style.left = (this.pionek.offsetLeft)-this.krok+'px';

            }


            break;
                 case 2:
            if(this.pionek.offsetTop > 48) {
            this.wiersz = -315;
            this.pionek.style.top = (this.pionek.offsetTop)-this.krok+'px';

        }

            break;
                     case 3:
                if(this.pionek.offsetLeft < window.innerWidth - this.pionek.offsetWidth - this.krok) {
                this.wiersz = -210;
                this.pionek.style.left = (this.pionek.offsetLeft)+this.krok+'px';

            }

                break;

            case 4:
                if(this.pionek.offsetTop < window.innerHeight - this.pionek.offsetHeight - this.krok){
                this.wiersz = 0;
                this.pionek.style.top = (this.pionek.offsetTop)+this.krok+'px';

            }
                break;

                }

                console.log('left: '+this.pionek.offsetLeft+' top: '+this.pionek.offsetTop);
            };

            //uruchomienie metody start
            this.start();

            }