(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();

        // initialize objects
        this.background = new createjs.Bitmap(loader.getResult('img_select'));
        
        this.buttonTutorial = createButton(340, 140, '\nTutorial', false, '56px sweetlove'),
        this.buttonLevel1 = createButton(160, 140, 'Level\n<', false, '56px sweetlove'),
        this.buttonLevel2 = createButton(160, 140, 'Level\n<<', false, '56px sweetlove'),
        this.buttonLevel3 = createButton(160, 140, 'Level\n<<<', false, '56px sweetlove'),
        this.buttonLevel4 = createButton(160, 140, 'Level\n<<<+', false, '56px sweetlove'),

        this.buttonLevels = [
            this.buttonLevel1,
            this.buttonLevel2,
            this.buttonLevel3,
            this.buttonLevel4,
        ];

        // if (localStorage['loveCraft.bestLevel'] < 1) this.buttonLevel2.visible = false;
        if (localStorage['loveCraft.bestLevel'] < 2) this.buttonLevel3.visible = false;
        if (localStorage['loveCraft.bestLevel'] < 3) this.buttonLevel4.visible = false;


        this.buttonBack = createButton(140, 40, 'Back');
        this.buttonBack.x = 90;
        this.buttonBack.y = 556;

        // set layout
        var area = {x:80, y:240, width:canvas.width, height:canvas.height}
        var hbox = new creatine.BoxSizer(creatine.HORIZONTAL);
        hbox.add(this.buttonTutorial, 1, 5, creatine.TOP);
        hbox.layout(area);
        
        area = {x:55, y:400, width:canvas.width, height:canvas.height}
        hbox = new creatine.BoxSizer(creatine.HORIZONTAL);
        for (var i=0; i<this.buttonLevels.length; i++) {
            hbox.add(this.buttonLevels[i], 1, 5, creatine.TOP);
        }
        hbox.layout(area);


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

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

    p.registerEvents = function(event) {
        this.buttonTutorial.on('click', this.onButtonTutorial, this);
        this.buttonBack.on('click', this.onButtonBack, this);
        this.buttonLevel1.on('click', this.onButtonLevel1, this);
        this.buttonLevel2.on('click', this.onButtonLevel2, this);
        this.buttonLevel3.on('click', this.onButtonLevel3, this);
        this.buttonLevel4.on('click', this.onButtonLevel4, this);
    }

    p.unregisterEvents = function(event) {
        this.buttonTutorial.removeAllEventListeners('click');
        this.buttonBack.removeAllEventListeners('click');
        this.buttonLevel1.removeAllEventListeners('click');
        this.buttonLevel2.removeAllEventListeners('click');
        this.buttonLevel3.removeAllEventListeners('click');
        this.buttonLevel4.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.onButtonTutorial = function(event) {
        registry.currentLevel = -1;
        director.replace(
            new PreTutorialScene(),
            new creatine.transitions.Scroll(creatine.TOP)
        )
    }

    p.onButtonLevel1 = function(event) {
        registry.currentLevel = 0;
        this._changeLevel();
    }

    p.onButtonLevel2 = function(event) {
        registry.currentLevel = 1;
        this._changeLevel();
    }

    p.onButtonLevel3 = function(event) {
        registry.currentLevel = 2;
        this._changeLevel();
    }

    p.onButtonLevel4 = function(event) {
        registry.currentLevel = 3;
        this._changeLevel();
    }


    p._changeLevel = function(event) {
        director.replace(
            new LevelScene(),
            new creatine.transitions.Scroll(creatine.TOP)
        )
    }

    p.onButtonBack = function(event) {
        // director.sceneStack[0].x = 0;
        director.replace(
            new MenuScene(),
            new creatine.transitions.Scroll(creatine.TOP)
        );
    }

window.SelectLevelScene = SelectLevelScene;
}());