var Ball = Container.expand(function () {
	var self = Container.call(this);
	var ballGraphics = XS.getAsset('ball', 'Basketball', .5, .5);
	self.addChild(ballGraphics);
	self.speed = {
		x: 0,
		y: 0
	};
	self.move = function () {
		self.speed.y += 1;
		self.x += self.speed.x;
		self.y += self.speed.y;
	};
	self.bounceOffPoint = function (x, y, elasticity) {
		var dx = self.x - x;
		var dy = self.y - y;
		var angle = Math.atan2(dy, dx);
		var speed = Math.min(Math.sqrt(dx * dx + dy * dy) * elasticity, 10);
		self.speed.x = Math.cos(angle) * speed;
		self.speed.y = -Math.abs(Math.sin(angle) * speed);
	};
	self.angleTo = function (x, y) {
		var dx = self.x - x;
		var dy = self.y - y;
		return Math.atan2(dy, dx);
	};
	self.distanceTo = function (x, y) {
		var dx = self.x - x;
		var dy = self.y - y;
		return Math.sqrt(dx * dx + dy * dy);
	};
});
var Hoop = Container.expand(function () {
	var self = Container.call(this);
	var backboardGraphics = XS.getAsset('backboard', 'Basketball Backboard', .5, .5);
	var hoopRimGraphics = XS.getAsset('hoopRim', 'Basketball Hoop Rim', .5, .5);
	var leftElementGraphics = XS.getAsset('leftElement', 'Left Side Element', .5, .5);
	var rightElementGraphics = XS.getAsset('rightElement', 'Right Side Element', .5, .5);
	self.addChild(backboardGraphics);
	hoopRimGraphics.y = backboardGraphics.height / 2;
	self.addChild(hoopRimGraphics);
	leftElementGraphics.x = hoopRimGraphics.x - hoopRimGraphics.width / 2 - leftElementGraphics.width / 2;
	leftElementGraphics.y = hoopRimGraphics.y;
	rightElementGraphics.x = hoopRimGraphics.x + hoopRimGraphics.width / 2 + rightElementGraphics.width / 2;
	rightElementGraphics.y = hoopRimGraphics.y;
	self.addChild(leftElementGraphics);
	self.addChild(rightElementGraphics);
});
var Game = Container.expand(function () {
	var self = Container.call(this);
	XS.stageContainer.setBackgroundColor(0x008080);
	var hoop = self.addChild(new Hoop());
	var score = 0;
	var scoreTxt = new Text2(score.toString(), {
		size: 150,
		fill: '#ffffff'
	});
	scoreTxt.anchor.set(.5, 0);
	XS.gui.topCenter.addChild(scoreTxt);
	var ball = self.addChild(new Ball());
	ball.hasScored = false;
	hoop.x = 2048 / 2;
	hoop.y = 2732 / 2;
	ball.x = 2048 / 2;
	ball.y = 2732 - ball.height;
	ball.on('down', function (obj) {
		console.log('ball was pressed');
	});
	var dragStart = null;
	stage.on('move', function (obj) {
		var event = obj.event;
		var pos = event.getLocalPosition(self);
		if (dragStart === null) {
			dragStart = pos;
		} else if (ball.distanceTo(dragStart.x, dragStart.y) > 100) {
			ball.x = pos.x;
			ball.y = pos.y;
		}
	});
	stage.on('up', function (obj) {
		if (dragStart !== null) {
			var event = obj.event;
			var pos = event.getLocalPosition(self);
			var dx = pos.x - dragStart.x;
			var dy = pos.y - dragStart.y;
			var angle = Math.atan2(dy, dx);
			ball.speed.x = Math.cos(angle) * 60;
			ball.speed.y = Math.sin(angle) * 60;
			dragStart = null;
		}
	});
	var floorY = 2732 - 100;
	XS.on('tick', function () {
		ball.move();
		if (ball.y + ball.height > floorY) {
			ball.y = floorY - ball.height;
			ball.speed.y *= -0.75;
			ball.hasScored = false;
		}
		if (ball.intersects(hoop.children[1]) && ball.speed.y > 0 && !ball.hasScored) {
			ball.hasScored = true;
			score++;
			scoreTxt.setText(score.toString());
			console.log('Score!');
		}
		if (ball.speed.y > 0) {
			if (ball.distanceTo(hoop.x + hoop.children[2].x, hoop.y + hoop.children[2].y) < ball.width / 2 + hoop.children[2].width / 2) {
				ball.bounceOffPoint(hoop.x + hoop.children[2].x, hoop.y + hoop.children[2].y, 0.75);
			}
			if (ball.distanceTo(hoop.x + hoop.children[3].x, hoop.y + hoop.children[3].y) < ball.width / 2 + hoop.children[3].width / 2) {
				ball.bounceOffPoint(hoop.x + hoop.children[3].x, hoop.y + hoop.children[3].y, 0.75);
			}
		}
	});
});