// Credit screen class
enyo.kind({
	name: "FoodChain.Credits",
	kind: enyo.Control,
	classes: "board credits-popup",
	components: [
		{ kind: "Scroller", classes: "credit-content", components: [
			{ classes: "two-column-credits", components: [
				{ name: "concept", classes: "credit-title" },
				{ content: "Lionel Laské", classes: "credit-name" },
				{ name: "arts", classes: "credit-title" },
				{ content: "Art4Apps (learn & build game)", classes: "credit-name" },
				{ content: "Vicki Wenderlich (play game)", classes: "credit-name" },
				{ content: "Mathafix (icon)", classes: "credit-name" },
				{ content: "Ray Larabie (home font)", classes: "credit-name" },
				{ name: "music", classes: "credit-title" },
				{ content: "part of Popcorn by Gershon Kingsley", classes: "credit-name" },	
				{ name: "sound", classes: "credit-title" },
				{ content: "Charel Sytze (applause)", classes: "credit-name" },	
				{ content: "Unchaz (disappointment)", classes: "credit-name" },	
				{ content: "Esformouse (frog)", classes: "credit-name" },	
				{ content: "Galeky (flyes)", classes: "credit-name" },	
				{ content: "Novino (snake)", classes: "credit-name" }
			]},
			{kind: "Canvas", name: "canvas", classes: "emul-canvas", attributes: {width: 300, height: 600}}
		]},	
		{ name: "home", kind: "ShadowButton", img: "home", classes: "home", ontap: "home" },		
		
		// Preload iamges
		{kind: "Image", id: "frog4", src:"images/frog4.png", classes: "image-preload", onload: "initCanvas" },
		{kind: "Image", id: "fly1", src:"images/fly1.png", classes: "image-preload" },
		{kind: "Image", id: "snake4", src:"images/snake4.png", classes: "image-preload" },		
		
		// End of sound event
		{kind: "Signals", onEndOfSound: "endOfSound"}
	],
	
	// Constructor, save home
	create: function() {
		this.inherited(arguments);
		
		this.setLocale();
		
		// Init soundtrack
		this.soundtrack = "audio/popcorn";
	},
	
	// Localization changed, update string resource
	setLocale: function() {
		this.$.concept.setContent(__$FC("concept")); 
		this.$.arts.setContent(__$FC("arts"));
		this.$.music.setContent(__$FC("music"));
		this.$.sound.setContent(__$FC("sound"));
	},
	
	// Image loaded, display elements of play game
	initCanvas: function() {
		this.ctx = this.$.canvas.node.getContext('2d');	
		var zoom = FoodChain.getZoomLevel();
		this.$.canvas.hasNode().style.MozTransform = "scale("+zoom+")";
		this.$.canvas.hasNode().style.MozTransformOrigin = "0 0";
		this.$.canvas.hasNode().style.zoom = zoom;		
		this.ctx.clearRect(0, 0, this.$.canvas.attributes.width, this.$.canvas.attributes.height);	
		
		var fly = new Sprite({x: 150, y: 50, heading: 0, images: ["fly1"], width: 58, height: 86, index: 0});
		fly.draw(this.ctx);
		
		var frog = new Sprite({x: 150, y: 200, heading: 90, images: ["frog4"], width: 116, height: 172, index: 0});
		frog.draw(this.ctx);
		
		var snake = new Sprite({x: 150, y: 450, heading: 90, images: ["snake4"], width: 100, height: 250, index: 0});
		snake.draw(this.ctx);
	},
	
	// Loop on the theme
	endOfSound: function(e, s) {
		if (s.sound == this.soundtrack)
			FoodChain.sound.play(this.soundtrack);
	},
	
	// Go to the home page of the app
	home: function() {
		FoodChain.goHome();
	}	
});