/// <reference path="../../Phaser/Game.ts" />

(function () {

    var game = new Phaser.Game(this, 'game', 800, 600, preload, create);

    function preload() {

        //  Using Phasers asset loader we load up a PNG from the assets folder
        game.load.image('sonic', 'assets/sprites/sonic_havok_sanity.png');
        

    }

    var firstGroup: Phaser.Group;

    function create() {

        //  Here we'll create a new Group
        firstGroup = game.add.group();

        //  And add some sprites to it
        for (var i = 0; i < 10; i++)
        {
            //  Create a new sprite at a random screen location
            var newSprite: Phaser.Sprite = new Phaser.Sprite(game, game.stage.randomX, game.stage.randomY, 'sonic');

            //  This set-ups a listener for the event, view your console.log output to see the result
            newSprite.events.onAddedToGroup.add(logGroupAdd);

            //  Add the sprite to the Group
            firstGroup.add(newSprite);
        }

    }

    function logGroupAdd(sprite: Phaser.Sprite, group: Phaser.Group, zIndex: number) {

        console.log('Sprite added to Group', group.ID, 'at z-index:', zIndex);

    }

})();