/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
// Horse class: represents a single horse in a race
var Horse = Container.expand(function () {
	var self = Container.call(this);
	// Asset: Each horse is a colored ellipse with a number label and name
	var horseColor = self.horseColor || 0x888888;
	var horseAsset = self.attachAsset('horseShape', {
		width: 120,
		height: 60,
		color: horseColor,
		shape: 'ellipse',
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Number label (top left of horse)
	var numberText = new Text2(self.horseNumber ? String(self.horseNumber) : '?', {
		size: 44,
		fill: 0xFFFFFF
	});
	numberText.anchor.set(0, 0);
	numberText.x = -50;
	numberText.y = -28;
	self.addChild(numberText);
	// Name label removed (no name label on horse)
	// Horse properties
	self.horseNumber = self.horseNumber || 1;
	self.odd = self.odd || 2.0;
	self.lane = self.lane || 1;
	self.speed = 0;
	self.progress = 0; // 0 to 1
	self.isRacing = false;
	self.horseName = ""; // will be set in prepareForRace
	// For animation
	self.update = function () {
		if (self.isRacing) {
			// Move horse forward based on speed
			self.progress += self.speed;
			if (self.progress > 1) self.progress = 1;
			// Update x position
			self.x = self.startX + (self.finishX - self.startX) * self.progress;
		}
	};
	// Set up for race
	self.prepareForRace = function (startX, finishX, laneY, odd, horseNumber, color, horseName) {
		self.startX = startX;
		self.finishX = finishX;
		self.y = laneY;
		self.x = startX;
		self.progress = 0;
		self.odd = odd;
		self.horseNumber = horseNumber;
		horseAsset.tint = color;
		numberText.setText(String(horseNumber));
		self.horseColor = color;
		self.horseName = horseName || "";
		// nameText.setText(self.horseName); // removed, no name label
	};
	// Start racing
	self.startRace = function (speed) {
		self.isRacing = true;
		self.speed = speed;
	};
	// Stop racing
	self.stopRace = function () {
		self.isRacing = false;
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x1a3d5c
});

/**** 
* Game Code
****/ 
// --- Game Constants --- 
var GAME_WIDTH = 2048;
var GAME_HEIGHT = 2732;
var LANE_COUNT = 5;
var RACE_COUNT = 9;
var HORSE_COLORS = [0xf44336, 0x2196f3, 0x4caf50, 0xffeb3b, 0x9c27b0, 0xff9800, 0x00bcd4, 0x795548, 0x607d8b];
var LANE_HEIGHT = 180;
// Move the track down to align with the start button (which is at y: 480 in betPanel, which is at TRACK_TOP - 120)
// The start button's y in global coordinates is TRACK_TOP - 120 + 480 = TRACK_TOP + 360
// We want the top of the track to be just below the start button, so set TRACK_TOP accordingly
var TRACK_TOP = 900; // was 600, now moved down by 300px
var TRACK_LEFT = 200;
var TRACK_RIGHT = GAME_WIDTH - 200;
var HORSE_SIZE = 120;
var START_BALANCE = 1000;
// --- Track Lines (Start/Finish) ---
var startLine = null;
var finishLine = null;
// --- Game State ---
var currentRace = 1;
var playerBalance = START_BALANCE;
var horses = [];
var raceOdds = [];
var raceResults = [];
var playerBets = [];
var isBettingOpen = true;
var winningHorse = null;
var raceInProgress = false;
var raceFinished = false;
var raceTimer = null;
var betButtons = [];
var betAmountInputs = [];
var betTexts = [];
var infoText = null;
var balanceText = null;
var raceText = null;
var betPanel = null;
var resultPanel = null;
var nextRaceButton = null;
// --- GUI Setup ---
// Balance display
balanceText = new Text2("Balance: $" + playerBalance, {
	size: 80,
	fill: 0xFFFFFF
});
balanceText.anchor.set(0.5, 0);
LK.gui.top.addChild(balanceText);
// Race number display
raceText = new Text2("Race 1 / " + RACE_COUNT, {
	size: 60,
	fill: 0xFFFFFF
});
raceText.anchor.set(0.5, 0);
LK.gui.top.addChild(raceText);
raceText.y = 90;
// Info text (centered)
infoText = new Text2("", {
	size: 70,
	fill: 0xFFFBE6
});
infoText.anchor.set(0.5, 0.5);
LK.gui.center.addChild(infoText);
// --- Helper Functions ---
function getLaneY(lane) {
	return TRACK_TOP + (lane - 1) * LANE_HEIGHT;
}
function randomOdd() {
	// Odds between 1.5 and 6.0, rounded to 1 decimal
	var odd = 1.5 + Math.random() * 4.5;
	return Math.round(odd * 10) / 10;
}
function shuffleArray(arr) {
	// Fisher-Yates shuffle
	for (var i = arr.length - 1; i > 0; i--) {
		var j = Math.floor(Math.random() * (i + 1));
		var t = arr[i];
		arr[i] = arr[j];
		arr[j] = t;
	}
	return arr;
}
function resetBets() {
	playerBets = [];
	for (var i = 0; i < LANE_COUNT; i++) {
		playerBets.push(0);
	}
}
function updateBalanceText() {
	balanceText.setText("Balance: $" + playerBalance);
}
function updateRaceText() {
	raceText.setText("Race " + currentRace + " / " + RACE_COUNT);
}
function showInfo(msg, duration) {
	infoText.setText(msg);
	infoText.visible = true;
	if (duration) {
		LK.setTimeout(function () {
			infoText.setText("");
			infoText.visible = false;
		}, duration);
	}
}
function showResultPanel(winning, payout) {
	if (!resultPanel) {
		resultPanel = new Container();
		var bg = LK.getAsset('resultBg', {
			width: 900,
			height: 500,
			color: 0x222222,
			shape: 'box',
			anchorX: 0.5,
			anchorY: 0.5
		});
		resultPanel.addChild(bg);
		resultPanel.x = GAME_WIDTH / 2;
		resultPanel.y = GAME_HEIGHT / 2;
		resultPanel.zIndex = 1000;
		resultPanel.visible = false;
		game.addChild(resultPanel);
		resultPanel.resultText = new Text2("", {
			size: 80,
			fill: 0xFFFBE6
		});
		resultPanel.resultText.anchor.set(0.5, 0.5);
		resultPanel.resultText.y = -60;
		resultPanel.addChild(resultPanel.resultText);
		resultPanel.payoutText = new Text2("", {
			size: 60,
			fill: 0xFFFFFF
		});
		resultPanel.payoutText.anchor.set(0.5, 0.5);
		resultPanel.payoutText.y = 60;
		resultPanel.addChild(resultPanel.payoutText);
	}
	resultPanel.resultText.setText("Winner: #" + winning);
	if (payout > 0) {
		resultPanel.payoutText.setText("You won $" + payout + "!");
	} else {
		resultPanel.payoutText.setText("No winnings this race.");
	}
	resultPanel.visible = true;
	LK.setTimeout(function () {
		resultPanel.visible = false;
	}, 1800);
}
// --- Bet Panel Setup ---
function setupBetPanel() {
	if (betPanel) {
		betPanel.destroy();
		betPanel = null;
	}
	betPanel = new Container();
	betPanel.x = GAME_WIDTH / 2;
	// Position betPanel directly under the racetrack
	betPanel.y = TRACK_TOP + LANE_COUNT * LANE_HEIGHT + 60;
	game.addChild(betPanel);
	// Play fun background music (looping, fade in)
	LK.playMusic('funbgmusic', {
		fade: {
			start: 0,
			end: 0.7,
			duration: 800
		}
	});
	// Title removed: No 'Place Your Bets!' post
	// Add 'BET' post/title to betPanel
	var betLabel = new Text2("BET", {
		size: 60,
		fill: 0xFFFBE6
	});
	betLabel.anchor.set(0.5, 0.5);
	betLabel.x = 0;
	betLabel.y = -100;
	betPanel.addChild(betLabel);
	// For each horse, show odds, bet amount, and a button to increase bet
	betButtons = [];
	betAmountInputs = [];
	betTexts = [];
	for (var i = 0; i < LANE_COUNT; i++) {
		(function (idx) {
			var laneY = i * 90;
			// Horse number and odds
			var horseLabel = new Text2("#" + (idx + 1) + "  (" + raceOdds[idx] + "x)", {
				size: 48,
				fill: 0xFFFFFF
			});
			horseLabel.anchor.set(0, 0.5);
			horseLabel.x = -320;
			horseLabel.y = laneY;
			betPanel.addChild(horseLabel);
			// Bet amount text
			var betText = new Text2("$" + playerBets[idx], {
				size: 48,
				fill: 0xFFFBE6
			});
			betText.anchor.set(0.5, 0.5);
			betText.x = 0;
			betText.y = laneY;
			betPanel.addChild(betText);
			betTexts.push(betText);
			// Bet + button
			var betBtn = LK.getAsset('betBtn', {
				width: 90,
				height: 60,
				color: 0x4caf50,
				shape: 'box',
				anchorX: 0.5,
				anchorY: 0.5,
				x: 180,
				y: laneY
			});
			betPanel.addChild(betBtn);
			betButtons.push(betBtn);
			// Bet - button
			var betMinusBtn = LK.getAsset('betMinusBtn', {
				width: 90,
				height: 60,
				color: 0xf44336,
				shape: 'box',
				anchorX: 0.5,
				anchorY: 0.5,
				x: 90,
				y: laneY
			});
			betPanel.addChild(betMinusBtn);
			// + Button event
			betBtn.down = function (x, y, obj) {
				if (!isBettingOpen) return;
				// Animate button press: scale down then back up
				tween(betBtn, {
					scaleX: 0.88,
					scaleY: 0.88
				}, {
					duration: 60,
					easing: tween.cubicOut,
					onFinish: function onFinish() {
						tween(betBtn, {
							scaleX: 1,
							scaleY: 1
						}, {
							duration: 80,
							easing: tween.cubicOut
						});
					}
				});
				// Play button press sound
				LK.getSound('botton').play();
				if (playerBalance >= 10) {
					playerBets[idx] += 10;
					playerBalance -= 10;
					betTexts[idx].setText("$" + playerBets[idx]);
					updateBalanceText();
				}
			};
			// - Button event
			betMinusBtn.down = function (x, y, obj) {
				if (!isBettingOpen) return;
				// Animate button press: scale down then back up
				tween(betMinusBtn, {
					scaleX: 0.88,
					scaleY: 0.88
				}, {
					duration: 60,
					easing: tween.cubicOut,
					onFinish: function onFinish() {
						tween(betMinusBtn, {
							scaleX: 1,
							scaleY: 1
						}, {
							duration: 80,
							easing: tween.cubicOut
						});
					}
				});
				// Play button press sound
				LK.getSound('botton').play();
				if (playerBets[idx] >= 10) {
					playerBets[idx] -= 10;
					playerBalance += 10;
					betTexts[idx].setText("$" + playerBets[idx]);
					updateBalanceText();
				}
			};
		})(i);
	}
	// Start Race button
	var startBtn = LK.getAsset('startBtn', {
		width: 320,
		height: 90,
		color: 0x2196f3,
		shape: 'box',
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: 480
	});
	betPanel.addChild(startBtn);
	var startBtnText = new Text2("Start Race", {
		size: 54,
		fill: 0xFFFFFF
	});
	startBtnText.anchor.set(0.5, 0.5);
	startBtnText.x = 0;
	startBtnText.y = 480;
	betPanel.addChild(startBtnText);
	startBtn.down = function (x, y, obj) {
		if (!isBettingOpen) return;
		// Animate button press: scale down then back up
		tween(startBtn, {
			scaleX: 0.92,
			scaleY: 0.92
		}, {
			duration: 70,
			easing: tween.cubicOut,
			onFinish: function onFinish() {
				tween(startBtn, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 100,
					easing: tween.cubicOut
				});
			}
		});
		// Play button press sound
		LK.getSound('horserace').play();
		// Must bet at least on one horse
		var totalBet = 0;
		for (var i = 0; i < LANE_COUNT; i++) totalBet += playerBets[i];
		if (totalBet === 0) {
			showInfo("Place a bet to start!", 1200);
			return;
		}
		isBettingOpen = false;
		betPanel.visible = false;
		// Stop fun background music
		LK.stopMusic();
		// Play horse racing sound (already played above)
		startRace();
	};
}
// --- Race Setup ---
function setupRace() {
	// Remove previous horses
	for (var i = 0; i < horses.length; i++) {
		horses[i].destroy();
	}
	horses = [];
	// Remove previous lines if they exist
	if (startLine) {
		startLine.destroy();
		startLine = null;
	}
	if (finishLine) {
		finishLine.destroy();
		finishLine = null;
	}
	// --- RACE HEADER & HORSE NAMES ---
	// Remove previous race header/names if present
	if (game.raceHeader) {
		game.raceHeader.destroy();
		game.raceHeader = null;
	}
	if (game.horseNameLabels) {
		for (var i = 0; i < game.horseNameLabels.length; i++) {
			game.horseNameLabels[i].destroy();
		}
		game.horseNameLabels = null;
	}
	// Race header (e.g. "Race 1")
	game.raceHeader = new Text2("Race " + currentRace, {
		size: 90,
		fill: 0xFFFBE6
	});
	game.raceHeader.anchor.set(0.5, 0.5);
	game.raceHeader.x = GAME_WIDTH / 2;
	// Move race header to just above the new TRACK_TOP
	game.raceHeader.y = TRACK_TOP - 180;
	game.addChild(game.raceHeader);
	// Example horse names (can be replaced with dynamic names if desired)
	var HORSE_NAMES = ["Thunderbolt", "Blue Streak", "Green Flash", "Gold Rush", "Purple Haze", "Orange Blaze", "Aqua Jet", "Brown Sugar", "Steel Runner"];
	// --- Race meter (startLine and finishLine) ---
	startLine = LK.getAsset('finalBg', {
		width: 48,
		//{2O}  // Increased from 12 to 48 for a wider line
		height: LANE_COUNT * LANE_HEIGHT + 40,
		color: 0xffffff,
		shape: 'box',
		anchorX: 0.5,
		anchorY: 0.5,
		x: TRACK_LEFT,
		y: TRACK_TOP + LANE_COUNT * LANE_HEIGHT / 2
	});
	game.addChild(startLine);
	finishLine = LK.getAsset('finalBg', {
		width: 48,
		//{2V}  // Increased from 12 to 48 for a wider line
		height: LANE_COUNT * LANE_HEIGHT + 40,
		color: 0xffd700,
		shape: 'box',
		anchorX: 0.5,
		anchorY: 0.5,
		x: TRACK_RIGHT,
		y: TRACK_TOP + LANE_COUNT * LANE_HEIGHT / 2
	});
	game.addChild(finishLine);
	// Generate odds for this race
	raceOdds = [];
	for (var i = 0; i < LANE_COUNT; i++) {
		raceOdds.push(randomOdd());
	}
	// Shuffle horse colors for variety
	var colorOrder = [];
	for (var i = 0; i < LANE_COUNT; i++) colorOrder.push(HORSE_COLORS[i % HORSE_COLORS.length]);
	shuffleArray(colorOrder);
	// Create horses
	game.horseNameLabels = [];
	for (var i = 0; i < LANE_COUNT; i++) {
		var horse = new Horse();
		// Slide horses to just above the start line (bottom of the start race section)
		var laneY = getLaneY(i + 1);
		// Offset horses so their center is just above the start line, and slide down a little more (e.g. +32px)
		var horseY = laneY + LANE_HEIGHT / 2 - HORSE_SIZE / 2 + 32;
		horse.prepareForRace(TRACK_LEFT, TRACK_RIGHT, horseY, raceOdds[i], i + 1, colorOrder[i], HORSE_NAMES[i] // pass horse name
		);
		horses.push(horse);
		game.addChild(horse);
		// Add horse name label positioned on the horse, just below the top, so as not to cover the top
		var nameLabel = new Text2(HORSE_NAMES[i], {
			size: 48,
			fill: colorOrder[i],
			// Use the horse's color for the name label
			stroke: 0x000000,
			// Add black outline for readability
			strokeThickness: 8
		});
		nameLabel.anchor.set(0.5, 0);
		// Move the name label up a little more (from +2 to -10)
		nameLabel.x = horse.x;
		nameLabel.y = horse.y - HORSE_SIZE / 2 - 10;
		game.addChild(nameLabel);
		game.horseNameLabels.push(nameLabel);
	}
	resetBets();
	isBettingOpen = true;
	raceInProgress = false;
	raceFinished = false;
	winningHorse = null;
	updateRaceText();
	setupBetPanel();
	showInfo("Race " + currentRace + ": Place your bets!", 1200);
}
// --- Race Logic ---
function startRace() {
	raceInProgress = true;
	raceFinished = false;
	showInfo("They're off!", 1000);
	// Assign random speeds, but ensure one winner
	// SLOWER: Reduce base and winner speed
	var baseSpeed = 0.003 + Math.random() * 0.001; // All horses move at least this fast (halved)
	var winnerIdx = Math.floor(Math.random() * LANE_COUNT);
	var winnerSpeed = baseSpeed + 0.001 + Math.random() * 0.001; // winner is also slower
	for (var i = 0; i < LANE_COUNT; i++) {
		if (i === winnerIdx) {
			horses[i].startRace(winnerSpeed);
		} else {
			// Randomize, but not faster than winner
			var s = baseSpeed + Math.random() * (winnerSpeed - baseSpeed - 0.0005);
			horses[i].startRace(s);
		}
	}
	winningHorse = winnerIdx + 1;
	// Stop the race and sound after 5 seconds
	if (raceTimer) {
		LK.clearTimeout(raceTimer);
	}
	raceTimer = LK.setTimeout(function () {
		if (raceInProgress && !raceFinished) {
			// Stop all horses
			for (var i = 0; i < LANE_COUNT; i++) {
				horses[i].stopRace();
			}
			raceInProgress = false;
			raceFinished = true;
			// Stop the horse race sound
			LK.getSound('horserace').stop && LK.getSound('horserace').stop();
			// If the winner hasn't crossed, finish the race anyway
			finishRace();
		}
	}, 5000);
}
function finishRace() {
	raceInProgress = false;
	raceFinished = true;
	// Stop all horses
	for (var i = 0; i < LANE_COUNT; i++) {
		horses[i].stopRace();
	}
	// Calculate payout
	var payout = 0;
	if (playerBets[winningHorse - 1] > 0) {
		payout = Math.floor(playerBets[winningHorse - 1] * raceOdds[winningHorse - 1]);
		playerBalance += payout;
	}
	updateBalanceText();
	showResultPanel(winningHorse, payout);
	// Store result
	raceResults.push({
		race: currentRace,
		winner: winningHorse,
		odds: raceOdds.slice(),
		bets: playerBets.slice(),
		payout: payout
	});
	// Next race or end
	if (currentRace < RACE_COUNT) {
		LK.setTimeout(function () {
			currentRace++;
			setupRace();
		}, 2000);
	} else {
		LK.setTimeout(function () {
			endGame();
		}, 2200);
	}
}
function endGame() {
	// Show final result
	var finalPanel = new Container();
	var bg = LK.getAsset('finalBg', {
		width: 1100,
		height: 700,
		color: 0x222222,
		shape: 'box',
		anchorX: 0.5,
		anchorY: 0.5
	});
	finalPanel.addChild(bg);
	finalPanel.x = GAME_WIDTH / 2;
	finalPanel.y = GAME_HEIGHT / 2;
	finalPanel.zIndex = 2000;
	game.addChild(finalPanel);
	var title = new Text2("Derby Complete!", {
		size: 100,
		fill: 0xFFFBE6
	});
	title.anchor.set(0.5, 0.5);
	title.y = -220;
	finalPanel.addChild(title);
	var bal = new Text2("Final Balance: $" + playerBalance, {
		size: 80,
		fill: 0xFFFFFF
	});
	bal.anchor.set(0.5, 0.5);
	bal.y = -80;
	finalPanel.addChild(bal);
	var summary = new Text2("Thanks for playing!", {
		size: 60,
		fill: 0xFFFBE6
	});
	summary.anchor.set(0.5, 0.5);
	summary.y = 60;
	finalPanel.addChild(summary);
	// Show "You Win" if balance > start, else "Game Over"
	if (playerBalance > START_BALANCE) {
		LK.setTimeout(function () {
			LK.showYouWin();
		}, 1800);
	} else {
		LK.setTimeout(function () {
			LK.showGameOver();
		}, 1800);
	}
}
// --- Game Update Loop ---
game.update = function () {
	if (raceInProgress) {
		// Update horses
		var finishedCount = 0;
		for (var i = 0; i < horses.length; i++) {
			horses[i].update();
			// Keep the horse name label on the horse, just below the top, following its x and y
			if (game.horseNameLabels && game.horseNameLabels[i]) {
				game.horseNameLabels[i].x = horses[i].x;
				game.horseNameLabels[i].y = horses[i].y - HORSE_SIZE / 2 - 10;
				// Always update the text in case horse names change dynamically
				game.horseNameLabels[i].setText(horses[i].horseName || "");
			}
			if (horses[i].progress >= 1) finishedCount++;
		}
		// If winner crosses finish, finish race
		if (!raceFinished && horses[winningHorse - 1].progress >= 1) {
			// Stop the horse race sound immediately when winner finishes
			LK.getSound('horserace').stop && LK.getSound('horserace').stop();
			finishRace();
		}
	}
};
// --- Start the first race ---
setupRace();
updateBalanceText();
updateRaceText();

===================================================================
--- original.js
+++ change.js
@@ -514,9 +514,13 @@
 		game.addChild(horse);
 		// Add horse name label positioned on the horse, just below the top, so as not to cover the top
 		var nameLabel = new Text2(HORSE_NAMES[i], {
 			size: 48,
-			fill: 0xFFFBE6
+			fill: colorOrder[i],
+			// Use the horse's color for the name label
+			stroke: 0x000000,
+			// Add black outline for readability
+			strokeThickness: 8
 		});
 		nameLabel.anchor.set(0.5, 0);
 		// Move the name label up a little more (from +2 to -10)
 		nameLabel.x = horse.x;