setup

var stage;
var CANVAS_HEIGHT = 600;
var CANVAS_WIDTH = 800;
var SETUP = 0;
var TITLE = 100;
var INSTRUCTIONS = 200;
var START_GAME = 300;
var IN_GAME = 400;
var GAME_OVER = 500;
var FPS = 30;
var sprites, walk, queue, button;
var titleScreen, instructionScreen, gameoverScreen, backgroundScreen, levelFrame;
var manifest=[
  {src:"scripts/mouse_init.js"},
  {src:"scripts/game_timer.js"},
  {src:"scripts/key_commands.js"},
  {src:"images/title.jpg", id:"title"},
  {src:"images/background.jpg", id:"background"},
  {src:"images/instruction.jpg", id:"instructions"},
  {src:"images/gameover.jpg", id:"gameover"},
  {src:"images/levelsign.jpg", id:"levelSign"},
  {src:"images/sprites.png", id:"mySprites"},
  {src:"images/buttons.png", id:"button"}
];


function setupCanvas() {
    var canvas = document.getElementById("game");
    canvas.width = CANVAS_WIDTH;
    canvas.height = CANVAS_HEIGHT;
    stage = new createjs.Stage(canvas);
}

function loadComplete(evt){
  var walkSheet = new createjs.SpriteSheet({
    images: [queue.getResult("mySprites")],
    frames: [[160,0,19,49,0,10.05,48.6],[179,0,34,44,0,17.05,43.6],[213,0,22,46,0,9.05,45.6],[235,0,17,49,0,8.05,48.6],
    [0,49,25,49,0,10.05,48.6],[25,49,31,46,0,14.05,45.6],[56,49,33,44,0,16.05,43.6],[89,49,30,44,0,17.05,43.6],[119,49,28,46,0,17.05,45.6],
    [147,49,19,49,0,10.05,48.6],[166,49,23,49,0,14.05,48.6],[189,49,31,46,0,16.05,45.6],[220,49,34,44,0,17.05,43.6],[0,98,19,49,0,9.05,48.6],
    [19,98,34,44,0,17.05,43.6],[53,98,22,46,0,13.05,45.6],[75,98,17,49,0,9.05,48.6],[92,98,25,49,0,15.05,48.6],[117,98,31,46,0,17.05,45.6],
    [148,98,33,44,0,17.05,43.6],[181,98,30,44,0,13.05,43.6],[211,98,28,46,0,11.05,45.6],[0,147,19,49,0,9.05,48.6],[19,147,23,49,0,9.05,48.6],
    [42,147,31,46,0,15.05,45.6],[73,147,34,44,0,17.05,43.6]],
    animations: {
      standRight: [0, 0, "standRight"],
      walkRight: [1, 12, "walkRight", .5],
      standLeft: [13, 13, "standLeft"],
      walkLeft: [14, 25, "walkLeft", .5]
    }
  });
  walk = new createjs.Sprite(walkSheet);

  var buttonSheet = new createjs.SpriteSheet({
  images: [queue.getResult("button")],
  frames: [[0,0,94,33,0,1,1],[94,0,94,33,0,1,1],[0,33,94,33,0,1,1],[94,33,94,33,0,1,1],[0,66,94,33,0,1,1],[94,66,94,33,0,1,1]
  ,[0,99,94,33,0,1,1],[94,99,94,33,0,1,1],[0,132,94,33,0,1,1],[94,132,94,33,0,1,1],[0,165,94,33,0,1,1],[94,165,94,33,0,1,1],
  [0,198,94,33,0,1,1],[94,198,94,33,0,1,1],[0,231,94,33,0,1,1],[94,231,31,31,0,0,0],[125,231,31,31,0,0,0]],
  animations: {
  playUp: [0, 0, "playUp"],
  playOver: [1, 1, "playOver"],
  playDown: [2, 2, "playDown"],
  instructUp: [3, 3, "instructUp"],
  instructOver: [4, 4, "instructOver"],
  instructDown: [5, 5, "instructDown"],
  menuUp: [6, 6, "menuUp"],
  menuOver: [7, 7, "menuOver"],
  menuDown: [8, 8, "menuDown"],
  continueUp: [9, 9, "continueUp"],
  continueOver: [10, 10, "continueOver"],
  continueDown: [11, 11, "continueDown"],
  playAgainUp: [12, 12, "playAgainUp"],
  playAgainOver: [13, 13, "playAgainOver"],
  playAgainDown: [14, 14, "playAgainDown"],
  muteOff: [15, 15, "muteOff"],
  muteOn: [16, 16, "muteOn"]
  }
  });
  button = new createjs.Sprite(buttonSheet);
  titleScreen = new createjs.Bitmap(queue.getResult("title"));
  instructionScreen = new createjs.Bitmap(queue.getResult("instructions"));
  backgroundScreen = new createjs.Bitmap(queue.getResult("background"));
  gameoverScreen = new createjs.Bitmap(queue.getResult("gameover"));
  levelFrame = new createjs.Bitmap(queue.getResult("levelsign"));
  startLoop();
}

function loadFiles(){
  queue = new createjs.LoadQueue(true,"assets/");
  queue.on("complete", loadComplete, this);
  queue.loadManifest(manifest);
}

function loop() {
	stage.update();
}

function startLoop() {
	createjs.Ticker.addEventListener("tick", loop);
  createjs.Ticker.setFPS(FPS);
}

function buildScene(){
  console.log(titleScreen);
  stage.addChild(titleScreen);
  stage.update();
}

function init(){
  setupCanvas();
  loadFiles();
  buildScene();
}