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

/**** 
* Classes
****/ 
var MenuButton = Container.expand(function (label, yPos) {
	var self = Container.call(this);
	// Button background
	var buttonBg = self.attachAsset('button', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Button highlight (initially invisible)
	var highlight = self.attachAsset('buttonHighlight', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0
	});
	// Button text
	var text = new Text2(label, {
		size: 70,
		fill: 0xFFFFFF
	});
	text.anchor.set(0.5, 0.5);
	self.addChild(text);
	// Set position
	self.y = yPos;
	// Event handlers
	self.down = function (x, y, obj) {
		// Scale down effect
		tween(buttonBg, {
			scaleX: 0.95,
			scaleY: 0.95
		}, {
			duration: 100,
			easing: tween.easeOut
		});
		// Play sound
		LK.getSound('buttonClick').play();
	};
	self.up = function (x, y, obj) {
		// Scale back to normal
		tween(buttonBg, {
			scaleX: 1,
			scaleY: 1
		}, {
			duration: 200,
			easing: tween.easeOut
		});
		// Handle button action
		if (label === "Shop") {
			showShopView();
		} else if (label === "Play") {
			showPlayView();
		} else if (label === "Settings") {
			showSettingsView();
		}
	};
	// Hover effect methods
	self.showHighlight = function () {
		tween(highlight, {
			alpha: 0.3
		}, {
			duration: 200,
			easing: tween.easeOut
		});
	};
	self.hideHighlight = function () {
		tween(highlight, {
			alpha: 0
		}, {
			duration: 200,
			easing: tween.easeOut
		});
	};
	// Function to set the button text
	self.setLabel = function (newLabel) {
		text.setText(newLabel);
	};
	return self;
});
var MenuView = Container.expand(function () {
	var self = Container.call(this);
	// Background panel
	var background = self.attachAsset('menuBackground', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Title text
	var titleText = new Text2("Game Menu", {
		size: 120,
		fill: 0xFFFFFF
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.y = -600;
	self.addChild(titleText);
	// Buttons
	var shopButton = new MenuButton("Shop", -250);
	var playButton = new MenuButton("Play", 0);
	var settingsButton = new MenuButton("Settings", 250);
	self.addChild(shopButton);
	self.addChild(playButton);
	self.addChild(settingsButton);
	// Hover tracking
	var hoveredButton = null;
	// Track mouse movement for hover effects
	self.move = function (x, y, obj) {
		var localPos = {
			x: x,
			y: y
		};
		// Clear previous hover state
		if (hoveredButton) {
			hoveredButton.hideHighlight();
			hoveredButton = null;
		}
		// Check if hovering over any button
		if (shopButton.getBounds().contains(localPos.x, localPos.y)) {
			shopButton.showHighlight();
			hoveredButton = shopButton;
		} else if (playButton.getBounds().contains(localPos.x, localPos.y)) {
			playButton.showHighlight();
			hoveredButton = playButton;
		} else if (settingsButton.getBounds().contains(localPos.x, localPos.y)) {
			settingsButton.showHighlight();
			hoveredButton = settingsButton;
		}
	};
	// Animation for showing the menu
	self.animateIn = function () {
		// Initial state
		background.alpha = 0;
		titleText.alpha = 0;
		shopButton.alpha = 0;
		playButton.alpha = 0;
		settingsButton.alpha = 0;
		// Background fade in
		tween(background, {
			alpha: 1
		}, {
			duration: 500,
			easing: tween.easeOut
		});
		// Title slide down
		titleText.y = -800;
		tween(titleText, {
			alpha: 1,
			y: -600
		}, {
			duration: 700,
			easing: tween.easeOut
		});
		// Buttons fade in sequence
		LK.setTimeout(function () {
			tween(shopButton, {
				alpha: 1
			}, {
				duration: 300,
				easing: tween.easeOut
			});
		}, 200);
		LK.setTimeout(function () {
			tween(playButton, {
				alpha: 1
			}, {
				duration: 300,
				easing: tween.easeOut
			});
		}, 350);
		LK.setTimeout(function () {
			tween(settingsButton, {
				alpha: 1
			}, {
				duration: 300,
				easing: tween.easeOut
			});
		}, 500);
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Main elements
var mainMenu;
var currentView = "main"; // Track which view is currently shown
// Create the main menu
function createMainMenu() {
	mainMenu = new MenuView();
	mainMenu.x = 2048 / 2;
	mainMenu.y = 2732 / 2;
	game.addChild(mainMenu);
	mainMenu.animateIn();
}
// Show functions for different views
function showShopView() {
	if (currentView === "shop") {
		return;
	}
	// Simple feedback for now - in a real game, this would transition to the shop screen
	var notification = new Text2("Opening Shop...", {
		size: 70,
		fill: 0xFFFFFF
	});
	notification.anchor.set(0.5, 0.5);
	notification.x = 2048 / 2;
	notification.y = 2732 - 300;
	notification.alpha = 0;
	game.addChild(notification);
	tween(notification, {
		alpha: 1
	}, {
		duration: 300,
		easing: tween.linear,
		onFinish: function onFinish() {
			LK.setTimeout(function () {
				tween(notification, {
					alpha: 0
				}, {
					duration: 300,
					easing: tween.linear,
					onFinish: function onFinish() {
						notification.destroy();
					}
				});
			}, 1500);
		}
	});
	currentView = "shop";
}
function showPlayView() {
	if (currentView === "play") {
		return;
	}
	// Simple feedback for now - in a real game, this would start the actual gameplay
	var notification = new Text2("Starting Game...", {
		size: 70,
		fill: 0xFFFFFF
	});
	notification.anchor.set(0.5, 0.5);
	notification.x = 2048 / 2;
	notification.y = 2732 - 300;
	notification.alpha = 0;
	game.addChild(notification);
	tween(notification, {
		alpha: 1
	}, {
		duration: 300,
		easing: tween.linear,
		onFinish: function onFinish() {
			LK.setTimeout(function () {
				tween(notification, {
					alpha: 0
				}, {
					duration: 300,
					easing: tween.linear,
					onFinish: function onFinish() {
						notification.destroy();
					}
				});
			}, 1500);
		}
	});
	currentView = "play";
}
function showSettingsView() {
	if (currentView === "settings") {
		return;
	}
	// Simple feedback for now - in a real game, this would show settings menu
	var notification = new Text2("Opening Settings...", {
		size: 70,
		fill: 0xFFFFFF
	});
	notification.anchor.set(0.5, 0.5);
	notification.x = 2048 / 2;
	notification.y = 2732 - 300;
	notification.alpha = 0;
	game.addChild(notification);
	tween(notification, {
		alpha: 1
	}, {
		duration: 300,
		easing: tween.linear,
		onFinish: function onFinish() {
			LK.setTimeout(function () {
				tween(notification, {
					alpha: 0
				}, {
					duration: 300,
					easing: tween.linear,
					onFinish: function onFinish() {
						notification.destroy();
					}
				});
			}, 1500);
		}
	});
	currentView = "settings";
}
// Game events
game.down = function (x, y, obj) {
	// Global down event if needed
};
game.up = function (x, y, obj) {
	// Global up event if needed
};
game.move = function (x, y, obj) {
	// Global move event if needed
};
// Initialize game
createMainMenu();
// Play background music
LK.playMusic('menuMusic', {
	fade: {
		start: 0,
		end: 0.7,
		duration: 1000
	}
});
// Main game loop
game.update = function () {
	// Any continuous updates can go here
	// For a menu, we don't need much in the update loop
};