(function() {
    "use strict";

var SelectLevelScene = function() {
    this.initialize();
}
var p = SelectLevelScene.prototype = new creatine.Scene();
    p.Scene_initialize = p.initialize;

    p.initialize = function() {
        this.Scene_initialize();

        this.background = new createjs.Bitmap(loader.getResult('img_bg'));
        this.addChild(this.background);

        // initialize objects
        this.buttonLevels = [];
        for (var i=0; i<Object.keys(LEVELS).length; i++) {
            var btn = new creatine.FlexBitmap(
                loader.getResult('img_fluffy'),
                creatine.FIT
            )
            this.buttonLevels.push(btn);
            btn.idx = i;
        }
        this.buttonBack = new Button('Back');

        // set layout
        var area = {x:0, y:0, width:canvas.width-75, height:canvas.height-200}
        var grid = new creatine.GridSizer(4, 5, area);
        for (var i=0; i<this.buttonLevels.length; i++) {
            grid.add(this.buttonLevels[i], 5, creatine.CENTER);
        }
        grid.layout();

        area = {x:0, y:0, width:canvas.width, height:canvas.height}
        var vbox = new creatine.BoxSizer(creatine.VERTICAL, area);
        vbox.add({}, 11, 0)
        vbox.add(this.buttonBack, 2, 25, creatine.CENTER);
        vbox.layout();

        // add objects to scene
        for (var i=0; i<this.buttonLevels.length; i++) {
            this.addChild(this.buttonLevels[i]);
        }
        this.addChild(this.buttonBack);

        for (var i=0; i<this.buttonLevels.length; i++) {
            var x = this.buttonLevels[i].x;
            var y = this.buttonLevels[i].y;
            var bounds = this.buttonLevels[i].getBounds();
            var hw = bounds.width/2;
            var hh = bounds.height/3;

            var text = new createjs.Text(i+1, '32px sheep', '#333');
            text.textAlign = 'center';
            text.x = x+hw;
            text.y = y+hh;
            this.addChild(text);
        }


        // register events
        this.on('sceneenter', this.onSceneEnter);
        this.on('sceneresume', this.onSceneResume);
        this.on('scenepause', this.onScenePause);
    }

    p.registerEvents = function(event) {
        this.buttonBack.on('click', this.onButtonBack, this);
        for (var i=0; i<this.buttonLevels.length; i++) {
            this.buttonLevels[i].on('click', this.onButtonLevel, this)
        }
    }

    p.unregisterEvents = function(event) {
        this.buttonBack.removeAllEventListeners('click');
        for (var i=0; i<this.buttonLevels.length; i++) {
            this.buttonLevels[i].removeAllEventListeners('click');
        }
    }

    p.onUpdate = function(event) {
    }

    p.onSceneEnter = function(event) {
        this.registerEvents();
    }

    p.onSceneResume = function(event) {
        this.registerEvents();
    }

    p.onScenePause = function(event) {
        this.unregisterEvents();
    }

    p.onButtonLevel = function(event) {

        registry.currentLevel = event.target.idx;
        director.replace(
            new LevelScene(LEVELS[event.target.idx]),
            new creatine.transitions.Scroll(creatine.LEFT)
        )
    }

    p.onButtonBack = function(event) {
        director.replace(
            new MenuScene(),
            new creatine.transitions.Scroll(creatine.RIGHT)
        );
    }

window.SelectLevelScene = SelectLevelScene;
}());