lallal

$(document).ready(init);

var currentState = 'pacman_right';

function init()
{
        $('#pacman').addClass(currentState);

        var rows = Math.floor($(window).height() / 90);
        var cols = Math.floor($(window).width() / 90);

        console.log("rijen: " +rows);

        for(var i=0;i<rows;i++){
                for(var j=0 ; j<cols ;j++){
                        $('.dot:last').clone().appendTo('body');
                }
        }

        $('.dot:last').remove();

        $(document).keydown(keyDownHandler);

}

function keyDownHandler(e){
        console.log(e.which);

        //rechts 39
        //links 37
        //Omhoog 38
        //omlaag 40

        switch(e.which){
                case 37:
                        moveLeft();
                        break;
                case 38:
                        moveUp();
                        break;
                case 39:
                        moveRight();
                        break;
                case 40:
                        moveDown();
                        break;
        }
}

function moveRight(){
        //console.log("Going right, currentstate is " + currentState);
        $('#pacman').animate({left:"+=90"},500, 'swing').removeClass(currentState).addClass('pacman_right');
        currentState = 'pacman_right';

        var lal = $('.dot:last').remove();
        console.log(lal);
}

function moveLeft(){
        //console.log("Going left, currentstate is " + currentState);
        $('#pacman').animate({left:"-=90"},500, 'swing').removeClass(currentState).addClass('pacman_left');
        currentState = 'pacman_left';
}

function moveUp(){
        //console.log("Going up, currentstate is " + currentState);
        $('#pacman').animate({top:"-=90"},500, 'swing').removeClass(currentState).addClass('pacman_up');
        currentState = 'pacman_up';
}

function moveDown(){
        //console.log("Going down, currentstate is " + currentState);
        $('#pacman').animate({top:"+=90"},500, 'swing').removeClass(currentState).addClass('pacman_down');
        currentState = 'pacman_down';
}