===================================================================
--- original.js
+++ change.js
@@ -73,13 +73,32 @@
 	var buttonGraphics = self.attachAsset('button', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
-	self.visible = false; // Initially hidden
+	var buttonText = new Text2('Show Dialog', {
+		size: 50,
+		fill: 0xFFFFFF
+	});
+	buttonText.anchor.set(0.5, 0.5);
+	buttonText.x = buttonGraphics.width / 2;
+	buttonText.y = buttonGraphics.height / 2;
+	self.addChild(buttonText);
 	self.down = function (x, y, obj) {
-		console.log("Dialog button pressed!");
-		// Trigger dialog or any other action here
+		showDialog();
 	};
+	function showDialog() {
+		var dialog = new Text2('You are in a solar system!', {
+			size: 100,
+			fill: 0xFFFFFF
+		});
+		dialog.anchor.set(0.5, 0.5);
+		dialog.x = 1024;
+		dialog.y = 1366;
+		foregroundContainer.addChild(dialog);
+		LK.setTimeout(function () {
+			foregroundContainer.removeChild(dialog);
+		}, 2000);
+	}
 	return self;
 });
 var ForegroundContainer = Container.expand(function () {
 	var self = Container.call(this);
@@ -107,12 +126,8 @@
 
 /**** 
 * Game Code
 ****/ 
-var foregroundContainer = game.addChild(new ForegroundContainer());
-var dialogButton = foregroundContainer.addChild(new DialogButton());
-dialogButton.x = 1024; // Center horizontally
-dialogButton.y = 200; // Position near the top
 var initialSolarSystem = {
 	x: 0,
 	y: 0
 }; // Define initialSolarSystem with default coordinates
@@ -120,8 +135,9 @@
 var visitedSolarSystems = [];
 // Removed global connectVisitedSolarSystems function and use BackgroundContainer's method
 var backgroundContainer = game.addChild(new BackgroundContainer());
 var midgroundContainer = game.addChild(new MidgroundContainer());
+var foregroundContainer = game.addChild(new ForegroundContainer());
 game.update = function () {
 	spaceShip.x = area.x;
 	spaceShip.y = area.y;
 	// Update game logic to connect solar systems using BackgroundContainer's methods
@@ -133,8 +149,15 @@
 		spaceShip.y = area.y;
 		// Check for collision between areaPunter and each solarSystem
 		network.forEach(function (solarSystem) {
 			if (spaceShip.intersects(solarSystem)) {
+				if (!solarSystem.buttonAdded) {
+					var dialogButton = new DialogButton();
+					dialogButton.x = solarSystem.x;
+					dialogButton.y = solarSystem.y + solarSystem.height / 2 + 50;
+					foregroundContainer.addChild(dialogButton);
+					solarSystem.buttonAdded = true;
+				}
 				punterPreviousSystem = solarSystemList.find(function (system) {
 					return system.solarSystem === solarSystem;
 				}).id; // Update punterSystem with the ID
 				// Change the sprite to visitedSolarSystem
@@ -166,13 +189,9 @@
 			}
 		});
 	};
 	network.forEach(function (solarSystem) {
-		var currentlyIntersecting = spaceShip.intersects(solarSystem);
-		if (currentlyIntersecting && !solarSystem.visited) {
-			dialogButton.visible = true; // Show the button when in a solar system
-			dialogButton.x = solarSystem.x; // Position button at solar system
-			dialogButton.y = solarSystem.y - 150; // Position button above solar system
+		if (spaceShip.intersects(solarSystem)) {
 			// Change the sprite to visitedSolarSystem
 			tween(solarSystem.children[0], {
 				alpha: 0
 			}, {
@@ -192,10 +211,8 @@
 					});
 				}
 			});
 			solarSystem.visited = true; // Mark as visited
-		} else if (!currentlyIntersecting) {
-			dialogButton.visible = false; // Hide the button when not in a solar system
 		}
 	});
 };
 // Add multiple solar system objects