var main = function(){
    
    //Control the player

    $(document).keydown(function(event){
        
        //Get position of the player element
        var position = $('#mover').position();
        var lPos = position.left;
        var rPos = position.right;
        var tPos = position.top;
        
        //Code to control the player
        switch(event.which){
            case 37:
                if(lPos>10){
                    $('#mover').animate({
                    left:lPos - 10
                    }, 10);
                }
            break;
            case 39:
                $('#mover').animate({
                    left:lPos + 10
                }, 10);
            break;
            case 40:
                $('#mover').animate({
                    top:tPos + 10
            }, 10)
            break;
            case 38:
                $('#mover').animate({
                    top:tPos - 10
                }, 10)
        }
    });
    
    //Creates more balls:
    
      var ball1 = $('<div></div>');
      ball1.addClass('ball');
      ball1.css({top: 200, left: 200})
    
    //End player control
    $(document).click(function(){
        var bPos = $('#mover').position();
        var lBPos = bPos.left;
        var tBPos = bPos.top;
        $('.ball').animate({
            left: lBPos + 100,
            top: tBPos + 100
        }, 5000);
    });
}

$(document).ready(main);