Бесконечное движение змейки

$(document).ready(function () {
    // Переменные
    var canvas = $("#canvas")[0],
        context = canvas.getContext("2d"),
        width = canvas.width,
        height = canvas.height,
        celWidth = 10,
        direction,
        food,
        score = 0,
        speed = $("#speed").val(),
        snakeArray;
    var scoreText = "Счет: " + score;
    
    $('#score').text(scoreText);
 
    $('#editSpeed').click(function () {
        speed = $("#speed").val();
        clearBodyGame();
        createBodyGame();
    });
 
    $('#reset').click(function () {
        speed = 60;
        $("#speed").val(speed);
        scoreText = "Счет: 0";
        $('#score').text(scoreText);
        clearBodyGame();
        createBodyGame();
    });
 
    $('#newGame').click(function () {
        speed = $("#speed").val();
        clearBodyGame();
        createBodyGame();
        init();
    });
 
    createBodyGame();
 
    function init() {
        direction = "right";
        createSnake();
        createFood();
        score = 0;
 
        if(typeof gameloop != "undefined")
            clearInterval(gameloop);
        gameloop = setInterval(paint, speed);
    }
 
    function clearBodyGame() {
        context.clearRect(0, 0, width, height);
        if(typeof gameloop != "undefined")
            clearInterval(gameloop);
    }
 
    function createBodyGame() {
        // Рисуем поле игры
        context.fillStyle = "#ffffff";
        context.fillRect(0, 0, width, height);
 
        // Рамка поля
        context.strokeStyle = "#000000";
        context.strokeRect(0, 0, width, height);
    }
 
    function createSnake() {
        var length = 4;
        snakeArray = [];
 
        for(var i = length - 1; i >= 0; i--) {
            snakeArray.push({
                x : i, 
                y : 20
            });
        }
    }
 
    function createFood() {
        food = {
            x: Math.round(Math.random()*(width-celWidth)/celWidth),
            y: Math.round(Math.random()*(height-celWidth)/celWidth)
        };
 
 
        for(var i = 0; i > snakeArray.length; i++) {
            var snakeX = snakeArray[i].x;
            var snakeY = snakeArray[i].y;
 
            if (food.x === snakeX || food.y === snakeY || food.y === snakeY && food.x === snakeX) {
                food.x = Math.floor((Math.random() * 30) + 1);
                food.y = Math.floor((Math.random() * 30) + 1);
            }
        }
    }
 
    // Рисуем змейку
    function paint() {
        var snakeX = snakeArray[0].x;
        var snakeY = snakeArray[0].y;
 
        if(direction == "right")
            snakeX++;
        else if(direction == "left")
            snakeX--;
        else if(direction == "up")
            snakeY--;
        else if(direction == "down")
            snakeY++;
        
        if(snakeX == -1 || snakeX == width/celWidth || snakeY == -1 || snakeY == height/celWidth || checkCollision(snakeX, snakeY, snakeArray)) {
            clearBodyGame();
 
            context.strokeStyle = "#000000";
            context.strokeRect(0, 0, width, height);
 
            // Game over
            context.font = 'italic 20pt Calibri';
            context.textAlign = "center";
            context.fillText("Игра окончена!", width/2, height/2);
            scoreText = "Счет: " + score;
            context.fillText(scoreText, width/2, 3*height/4);
            return;
        }
 
        var tail;
        if(snakeX == food.x && snakeY == food.y) {
            tail = {
                x : snakeX, 
                y : snakeY
            };
            score++;
            
            createFood();
        } else {
            tail = snakeArray.pop();
            tail.x = snakeX; tail.y = snakeY;
        }
 
        snakeArray.unshift(tail);
 
        for(var i = 0; i < snakeArray.length; i++) {
            var c = snakeArray[i];
            paintCell(c.x, c.y);
        }
 
        paintCell(food.x, food.y);
 
        scoreText = "Счет: " + score;
        $('#score').text(scoreText);
    }
 
    function paintCell(x, y) {
        context.fillStyle = "#5273E5";
        context.fillRect(x*celWidth, y*celWidth, celWidth, celWidth);
        context.strokeStyle = "#5273E5";
        context.strokeRect(x*celWidth, y*celWidth, celWidth, celWidth);
    }
 
    function checkCollision(x, y, array) {
        for(var i = 0; i < array.length; i++) {
            if(array[i].x == x && array[i].y == y)
                return true;
        }
        return false;
    }
 
    // Управление змейкой
    $(document).keydown(function(e){
        var key = e.which;
 
        if(key == "37" && direction != "right")
            direction = "left";
        else if(key == "38" && direction != "down")
            direction = "up";
        else if(key == "39" && direction != "left")
            direction = "right";
        else if(key == "40" && direction != "up")
            direction = "down";
    })
});