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

/**** 
* Classes
****/ 
var Page0 = Container.expand(function () {
	var self = Container.call(this);
	// Get and automatically addChild to self asset with id 'woodarea' with the anchor point set to 0.5, 0.5
	var background0 = self.attachAsset('background0', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366,
		scaleX: 1.5,
		scaleY: 1.5
	});
	var woodarea = self.attachAsset('woodarea', {
		anchorX: 4.5,
		anchorY: 2.5,
		x: background0.x,
		// Sync initial x position with background0
		y: background0.y // Sync initial y position with background0
	});
	self.addChild(woodarea);
	self.lastX = background0.x;
	self.lastY = background0.y;
	// Add drag functionality to the background1 image
	self.down = function (x, y, obj) {
		self.dragging = true;
		self.data = obj.data;
		self.initialClick = {
			x: x,
			y: y
		};
		self.offset = {
			x: background0.x - x,
			y: background0.y - y
		};
	};
	self.up = function () {
		self.dragging = false;
		self.data = null;
	};
	self.move = function (x, y, obj) {
		if (self.dragging) {
			// Check if we reached the Y position 1000 right now as we were not there before
			if (self.lastY <= 1000 && background0.y > 1000) {
				console.log("Background0 reached Y position 1000");
			}
			// Check if woodarea reached the Y position 1500 right now as it was not there before
			if (self.lastY <= 1500 && woodarea.y > 1500) {
				console.log("Woodarea reached Y position 1500");
			}
			// Check if we reached the X position 500 right now as we were not there before
			if (self.lastX <= 500 && background0.x > 500) {
				console.log("Background0 reached X position 500");
			}
			// Check if we reached the X position 1500 right now as we were not there before
			if (self.lastX <= 1500 && background0.x > 1500) {
				console.log("Background0 reached X position 1500");
			}
			var dx = x - self.initialClick.x;
			var dy = y - self.initialClick.y;
			background0.x = x + self.offset.x;
			background0.y = y + self.offset.y;
			woodarea.x = background0.x; // Sync woodarea's x position with background0
			woodarea.y = background0.y; // Sync woodarea's y position with background0
			gate1.x = background0.x; // Sync gate1's x position with background0
			gate1.y = background0.y; // Sync gate1's y position with background0
			gate2.x = background0.x; // Sync gate2's x position with background0
			gate2.y = background0.y; // Sync gate2's y position with background0
			gate3.x = background0.x; // Sync gate3's x position with background0
			gate3.y = background0.y; // Sync gate3's y position with background0
			gate4.x = background0.x; // Sync gate4's x position with background0
			gate4.y = background0.y; // Sync gate4's y position with background0
			gate5.x = background0.x; // Sync gate5's x position with background0
			gate5.y = background0.y; // Sync gate5's y position with background0
			gate6.x = background0.x; // Sync gate6's x position with background0
			gate6.y = background0.y; // Sync gate6's y position with background0
			self.initialClick = {
				x: x,
				y: y
			};
			self.lastX = background0.x;
			self.lastY = background0.y;
		}
	};
	// Get and automatically addChild to self asset with id 'gate1' with the anchor point set to 0.5, 0.5
	var gate1 = self.attachAsset('gate1', {
		anchorX: 9.5,
		anchorY: 1.4,
		x: 1024,
		y: 1366
	});
	// Add click event to gate1 to navigate to Page1
	gate1.down = function (x, y, obj) {
		// Navigate to Page1
		game.removeChild(page);
		page = game.addChild(new Page1());
	};
	// Get and automatically addChild to self asset with id 'gate2' with the anchor point set to 0.5, 0.5
	var gate2 = self.attachAsset('gate2', {
		anchorX: 5.5,
		anchorY: 0.8,
		x: 1024,
		y: 1366
	});
	// Add click event to gate2 to navigate to Page2
	gate2.down = function (x, y, obj) {
		// Navigate to Page2
		game.removeChild(page);
		page = game.addChild(new Page2());
	};
	// Get and automatically addChild to self asset with id 'gate3' with the anchor point set to 0.5, 0.5
	var gate3 = self.attachAsset('gate3', {
		anchorX: 2.4,
		anchorY: -3.5,
		x: 1024,
		y: 1366
	});
	// Add click event to gate3 to navigate to Page3
	gate3.down = function (x, y, obj) {
		// Navigate to Page3
		game.removeChild(page);
		page = game.addChild(new Page3());
	};
	// Get and automatically addChild to self asset with id 'gate4' with the anchor point set to 0.5, 0.5
	var gate4 = self.attachAsset('gate4', {
		anchorX: 9.8,
		anchorY: 9.8,
		x: 1024,
		y: 1366
	});
	gate4.x = background0.x; // Sync gate4's x position with background0
	gate4.y = background0.y; // Sync gate4's y position with background0
	// Add click event to gate4 to navigate to Page4
	gate4.down = function (x, y, obj) {
		// Navigate to Page4
		game.removeChild(page);
		page = game.addChild(new Page4());
	};
	// Get and automatically addChild to self asset with id 'gate5' with the anchor point set to 0.5, 0.5
	var gate5 = self.attachAsset('gate5', {
		anchorX: 3,
		anchorY: 7,
		x: 1024,
		y: 1366
	});
	gate5.x = background0.x; // Sync gate5's x position with background0
	gate5.y = background0.y; // Sync gate5's y position with background0
	// Add click event to gate5 to navigate to Page5
	gate5.down = function (x, y, obj) {
		// Navigate to Page5
		game.removeChild(page);
		page = game.addChild(new Page5());
	};
	// Get and automatically addChild to self asset with id 'gate6' with the anchor point set to 0.5, 0.5
	var gate6 = self.attachAsset('gate6', {
		anchorX: -6,
		anchorY: 7.5,
		x: 1024,
		y: 1366
	});
	gate6.x = background0.x; // Sync gate6's x position with background0
	gate6.y = background0.y; // Sync gate6's y position with background0
	// Add click event to gate6 to navigate to Page1
	gate6.down = function (x, y, obj) {
		// Navigate to Page6
		game.removeChild(page);
		page = game.addChild(new Page6());
	};
});
// Create a Page1 class by using the LK expand method to extend Container.
var Page1 = Container.expand(function () {
	var self = Container.call(this);
	var background1 = self.attachAsset('background1', {
		anchorX: 0,
		anchorY: 0,
		x: 0,
		y: 0
	});
	var wall1 = self.attachAsset('wall1', {
		anchorX: 0.5,
		anchorY: 1.0,
		x: 1024,
		// Center horizontally
		y: 2732 // Position at the bottom
	});
	// Add wood asset to Page1
	var wood = self.attachAsset('wood', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1902,
		// Position wood in the middle of the screen
		y: 2510 // Position wood below the trees
	});
	// Add text for wood score beside wood asset
	var woodScoreText = new Text2('0', {
		size: 70,
		fill: 0x471e00
	});
	woodScoreText.anchor.set(1, 0.5);
	woodScoreText.x = wood.x - 90; // Position text to the left of the wood
	woodScoreText.y = wood.y;
	self.addChild(woodScoreText);
	// Hide the statue beside the wood
	// statue.visible = false; // Commented out as statue is not defined
	var silver = self.attachAsset('silver', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1902,
		// Align horizontally with wood
		y: 2660 // Position silver directly below the wood
	});
	// Add text for silver score beside silver asset
	var silverScoreText = new Text2('0', {
		size: 70,
		fill: 0xc0c0c0
	});
	silver.clickCount = 0;
	silver.down = function (x, y, obj) {
		silver.clickCount += 5;
		silverScoreText.setText(silver.clickCount);
	};
	silverScoreText.anchor.set(1, 0.5);
	silverScoreText.x = silver.x - 90; // Position text to the left of the silver
	silverScoreText.y = silver.y;
	self.addChild(silverScoreText);
	var stone = self.attachAsset('stone', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1220,
		// Position stone in the middle of the screen
		y: 2510 // Position stone below the wood
	});
	// Add text for stone score beside stone asset
	var stoneScoreText = new Text2('0', {
		size: 70,
		fill: 0x00ff00
	});
	stone.clickCount = 0;
	stone.down = function (x, y, obj) {
		stone.clickCount += 5;
		stoneScoreText.setText(stone.clickCount);
	};
	stoneScoreText.anchor.set(1, 0.5);
	stoneScoreText.x = stone.x - 90; // Position text to the left of the stone
	stoneScoreText.y = stone.y;
	self.addChild(stoneScoreText);
	var gold = self.attachAsset('gold', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1220,
		// Align horizontally with stone
		y: 2660 // Position gold below the stone
	});
	// Add text for gold score beside gold asset
	var goldScoreText = new Text2('0', {
		size: 70,
		fill: 0xffd700
	});
	gold.clickCount = 0;
	gold.down = function (x, y, obj) {
		gold.clickCount += 5;
		goldScoreText.setText(gold.clickCount);
	};
	goldScoreText.anchor.set(1, 0.5);
	goldScoreText.x = gold.x - 90; // Position text to the left of the gold
	goldScoreText.y = gold.y;
	self.addChild(goldScoreText);
	var bronze = self.attachAsset('bronze', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 595,
		// Position bronze in the middle of the screen
		y: 2510 // Position bronze above the stone
	});
	// Add text for bronze score beside bronze asset
	var bronzeScoreText = new Text2('0', {
		size: 70,
		fill: 0xcd7f32
	});
	bronze.clickCount = 0;
	bronze.down = function (x, y, obj) {
		bronze.clickCount += 5;
		bronzeScoreText.setText(bronze.clickCount);
	};
	bronzeScoreText.anchor.set(1, 0.5);
	bronzeScoreText.x = bronze.x - 90; // Position text to the left of the bronze
	bronzeScoreText.y = bronze.y;
	self.addChild(bronzeScoreText);
	var crystal = self.attachAsset('crystal', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 595,
		// Align horizontally with bronze
		y: 2660 // Position crystal below the bronze
	});
	// Add text for crystal score beside crystal asset
	var crystalScoreText = new Text2('0', {
		size: 70,
		fill: 0x00ffff
	});
	crystal.clickCount = 0;
	crystal.down = function (x, y, obj) {
		crystal.clickCount += 5;
		crystalScoreText.setText(crystal.clickCount);
	};
	crystalScoreText.anchor.set(1, 0.5);
	crystalScoreText.x = crystal.x - 90; // Position text to the left of the crystal
	crystalScoreText.y = crystal.y;
	self.addChild(crystalScoreText);
});
var Page2 = Container.expand(function () {
	var self = Container.call(this);
	// Get and automatically addChild to self asset with id 'background2' with the anchor point set to 0, 0
	var background2 = self.attachAsset('background2', {
		anchorX: 0.0,
		anchorY: 0.0,
		x: 0,
		y: 0
	});
});
var Page3 = Container.expand(function () {
	var self = Container.call(this);
	// Get and automatically addChild to self asset with id 'background3' with the anchor point set to 0, 0
	var background3 = self.attachAsset('background3', {
		anchorX: 0.0,
		anchorY: 0.0,
		x: 0,
		y: 0
	});
});
var Page4 = Container.expand(function () {
	var self = Container.call(this);
	// Get and automatically addChild to self asset with id 'background4' with the anchor point set to 0, 0
	var background4 = self.attachAsset('background4', {
		anchorX: 0.0,
		anchorY: 0.0,
		x: 0,
		y: 0
	});
});
// Create a Page5 class by using the LK expand method to extend Container.
var Page5 = Container.expand(function () {
	var self = Container.call(this);
	// Get and automatically addChild to self asset with id 'background5' with the anchor point set to 0, 0
	var background5 = self.attachAsset('background5', {
		anchorX: 0.0,
		anchorY: 0.0,
		x: 0,
		y: 0
	});
});
var Page6 = Container.expand(function () {
	var self = Container.call(this);
	// Get and automatically addChild to self asset with id 'background6' with the anchor point set to 0, 0
	var background6 = self.attachAsset('background6', {
		anchorX: 0.0,
		anchorY: 0.0,
		x: 0,
		y: 0
	});
});
var Tree = Container.expand(function (assetId, x, y) {
	var self = Container.call(this);
	var tree = self.attachAsset(assetId, {
		anchorX: -1.1,
		anchorY: 3,
		x: x,
		y: y
	});
	tree.clickCount = 0;
	self.addChild(tree);
	self.getClickCount = function () {
		return tree.clickCount;
	};
	self.incrementClickCount = function () {
		tree.clickCount += 1;
	};
	self.hide = function () {
		tree.visible = false;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
var tree1TimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree1TimerText.anchor.set(0.5, 0.5);
tree1TimerText.x = 1500; // Example position, adjust as needed
tree1TimerText.y = 500; // Example position, adjust as needed
tree1TimerText.visible = true;
var totalStatueScore = 0; // Initialize totalStatueScore to fix ReferenceError
var woodScoreText = new Text2('0', {
	size: 70,
	fill: 0x471e00
});
woodScoreText.anchor.set(1, 0.5);
var page = game.addChild(new Page0()); //{0.b}
LK.setTimeout(function () {
	//{0.b}
	tween(tree2, {
		alpha: 1
	}, {
		duration: 0
	});
	tween(tree3, {
		alpha: 1
	}, {
		duration: 0
	});
	tween(tree2_below2, {
		alpha: 1
	}, {
		duration: 0
	});
	tween(tree3_below2, {
		alpha: 1
	}, {
		duration: 0
	});
}, 30000); // 30 seconds delay
; //{0.b};
var tree2TimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree2TimerText.anchor.set(0.5, 0.5);
tree2TimerText.x = 1200; // Example position, adjust as needed
tree2TimerText.y = 500; // Example position, adjust as needed
tree2TimerText.visible = true;
tree1TimerText.visible = true;
tree2TimerText.visible = true;
var tree2BelowTimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree2BelowTimerText.anchor.set(0.5, 0.5);
tree2BelowTimerText.x = 1200; // Example position, adjust as needed
tree2BelowTimerText.y = 500; // Example position, adjust as needed
tree2BelowTimerText.visible = true;
tree2BelowTimerText.visible = true;
var tree3Below2TimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree3Below2TimerText.anchor.set(0.5, 0.5);
tree3Below2TimerText.x = 1260; // Example position, adjust as needed
tree3Below2TimerText.y = 500; // Example position, adjust as needed
tree3Below2TimerText.visible = true;
var tree4Below2TimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree4Below2TimerText.anchor.set(0.5, 0.5);
tree4Below2TimerText.x = 1260; // Example position, adjust as needed
tree4Below2TimerText.y = 500; // Example position, adjust as needed
tree4Below2TimerText.visible = true;
tree4Below2TimerText.visible = true;
var tree3BelowTimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree3BelowTimerText.anchor.set(0.5, 0.5);
tree3BelowTimerText.x = 1260; // Example position, adjust as needed
tree3BelowTimerText.y = 500; // Example position, adjust as needed
tree3BelowTimerText.visible = true;
var tree7BelowTimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree7BelowTimerText.anchor.set(0.5, 0.5);
tree7BelowTimerText.x = 1260; // Example position, adjust as needed
tree7BelowTimerText.y = 500; // Example position, adjust as needed
tree7BelowTimerText.visible = true;
var tree4TimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree4TimerText.anchor.set(0.5, 0.5);
tree4TimerText.x = 1260; // Example position, adjust as needed
tree4TimerText.y = 500; // Example position, adjust as needed
tree4TimerText.visible = true;
var tree5TimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree5TimerText.anchor.set(0.5, 0.5);
tree5TimerText.x = 1260; // Example position, adjust as needed
tree5TimerText.y = 500; // Example position, adjust as needed
tree5TimerText.visible = true;
var tree1BelowTimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree1BelowTimerText.anchor.set(0.5, 0.5);
tree1BelowTimerText.x = 1260; // Example position, adjust as needed
tree1BelowTimerText.y = 500; // Example position, adjust as needed
tree1BelowTimerText.visible = true;
var tree5BelowTimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree5BelowTimerText.anchor.set(0.5, 0.5);
tree5BelowTimerText.x = 1260; // Example position, adjust as needed
tree5BelowTimerText.y = 500; // Example position, adjust as needed
tree5BelowTimerText.visible = true;
var tree1Below2TimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree1Below2TimerText.anchor.set(0.5, 0.5);
tree1Below2TimerText.x = 1260; // Example position, adjust as needed
tree1Below2TimerText.y = 500; // Example position, adjust as needed
tree1Below2TimerText.visible = true;
var tree6TimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree6TimerText.anchor.set(0.5, 0.5);
tree6TimerText.x = 1260; // Example position, adjust as needed
tree6TimerText.y = 500; // Example position, adjust as needed
tree6TimerText.visible = true;
var tree6BelowTimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree6BelowTimerText.anchor.set(0.5, 0.5);
tree6BelowTimerText.x = 1260; // Example position, adjust as needed
tree6BelowTimerText.y = 500; // Example position, adjust as needed
tree6BelowTimerText.visible = true;
var tree2Below2TimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree2Below2TimerText.anchor.set(0.5, 0.5);
tree2Below2TimerText.x = 1260; // Example position, adjust as needed
tree2Below2TimerText.y = 500; // Example position, adjust as needed
tree2Below2TimerText.visible = true;
var tree8TimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree8TimerText.anchor.set(0.5, 0.5);
tree8TimerText.x = 1260; // Example position, adjust as needed
tree8TimerText.y = 500; // Example position, adjust as needed
tree8TimerText.visible = true;
var tree4BelowTimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree4BelowTimerText.anchor.set(0.5, 0.5);
tree4BelowTimerText.x = 1260; // Example position, adjust as needed
tree4BelowTimerText.y = 500; // Example position, adjust as needed
tree4BelowTimerText.visible = true;
var tree8BelowTimerText = new Text2('0:30', {
	size: 80,
	fill: 0x00ff00
});
tree8BelowTimerText.anchor.set(0.5, 0.5);
tree8BelowTimerText.x = 1260; // Example position, adjust as needed
tree8BelowTimerText.y = 500; // Example position, adjust as needed
tree8BelowTimerText.visible = true;
; //{0.b}

===================================================================
--- original.js
+++ change.js
@@ -188,12 +188,8 @@
 		x: 1024,
 		// Center horizontally
 		y: 2732 // Position at the bottom
 	});
-	// Get and automatically addChild to self asset with id 'tree1' with the anchor point set to 0.5, 0.5
-	// Get and automatically addChild to self asset with id 'tree2' with the anchor point set to 0.5, 0.5
-	// Get and automatically addChild to self asset with id 'tree3' with the anchor point set to 0.5, 0.5
-	// Get and automatically addChild to self asset with id 'tree4' with the anchor point set to 0.5, 0.5
 	// Add wood asset to Page1
 	var wood = self.attachAsset('wood', {
 		anchorX: 0.5,
 		anchorY: 0.5,
@@ -415,12 +411,8 @@
 	fill: 0x471e00
 });
 woodScoreText.anchor.set(1, 0.5);
 var page = game.addChild(new Page0()); //{0.b}
-var tree2 = new Tree('tree2', 700, 1366);
-var tree3 = new Tree('tree3', 380, 1366);
-var tree2_below2 = new Tree('tree2', 700, 2566); //{0.b}
-var tree3_below2 = new Tree('tree3', 380, 2566);
 LK.setTimeout(function () {
 	//{0.b}
 	tween(tree2, {
 		alpha: 1