var config = {
        type: Phaser.AUTO,
        scale:{
          mode: Phaser.Scale.FIT,
          width: 1320,
          height: 600
        },
        scene: {
            preload: preload,
            create: create,
            update: update
        }
    };

    var game = new Phaser.Game(config);
    var towerA=[], towerB=[], towerC=[];
    var diskQntity=3, nMoves, nCurrentMoves=0;
    var textsFont = { fontFamily: 'Arial', fontSize: 64, color: '#000000' };
    var gameWonMsg;
    var redoButton, undoButton;

    function preload ()
    {
      this.load.image('sky', 'assets/sky.png');
      //this.load.image('base', 'assets/baseText.png');
      this.load.image('torre','assets/torre.png');
      this.load.image('selectionArea', 'assets/selectionArea.png');
      //buttons
      this.load.image('redo', 'assets/redo.png');
      this.load.image('redoDisabled', 'assets/redoDisabled.png');


      this.load.image('undo', 'assets/undo.png');
      this.load.image('undoDisabled', 'assets/undoDisabled.png');


      //load all imgs needed for the exercise
      for (var i = 0; i < diskQntity; i++) {

        this.load.image('disk'+i, 'assets/disk'+i+'.png')
        this.load.image('stroked'+i, 'assets/strokedDisks/stroked'+i+'.png')
      }
    }

    function create ()
    {
      this.add.image(0,0,'sky').setOrigin(0).setDisplaySize(1320,600);
      //Texts
      this.add.text(20,20,'Movimentos:' ,textsFont);
      nMoves = this.add.text(390,20,0 ,textsFont);
      this.add.text(120,520,'Torre A' ,textsFont);
      this.add.text(555,520,'Torre B' ,textsFont);
      this.add.text(990,520,'Torre C' ,textsFont);
      gameWonMsg = this.add.text(20,150,'',{ fontFamily: 'Arial', fontSize: 64, color:'#00ef00' });

      //buttons
      redoButton = this.add.sprite(695, 100, 'redoDisabled').setDisplaySize(60,60)//.setInteractive({useHandCursor: false});
        redoButton.on('pointerdown', function(pointer){
          redoMove();
        });
      undoButton = this.add.sprite(625, 100, 'undoDisabled').setDisplaySize(60,60)//.setInteractive({useHandCursor: false});
      undoButton.on('pointerdown', function(pointer){
        undoMove();
      });
      //Towers
      this.add.image(220,320,'torre').setScale(0.13);
      this.add.image(655,320,'torre').setScale(0.13);
      this.add.image(1090,320,'torre').setScale(0.13);

      //Disks
      var diskX=220, diskY=430;
      for (var i = diskQntity-1; i >=0; i--) {
        towerA[diskQntity-1-i]= this.add.sprite(diskX,diskY,'disk'+i).setScale(0.13);//.setDisplaySize(diskWidth, diskHeight);
        diskY -= 28;
      }

      //towerA Selection Area
     var towerASelectionArea = this.add.sprite(220, 375, 'selectionArea').setDisplaySize(400,320).setInteractive({useHandCursor: true});
     towerASelectionArea.on('pointerdown', function (pointer) {
       selectA();

    });

    //towerB selectionArea
    var towerBSelectionArea = this.add.sprite(655, 375, 'selectionArea').setDisplaySize(400,320).setInteractive({useHandCursor: true});
    towerBSelectionArea.on('pointerdown', function (pointer) {
      selectB();
   });

   var towerCSelectionArea = this.add.sprite(1090, 375, 'selectionArea').setDisplaySize(400,320).setInteractive({useHandCursor: true});
   towerCSelectionArea.on('pointerdown', function (pointer) {
     selectC();
  });


  }

    function update ()
    {
    }
    function event() {
        console.log('over');
    }