/**** 
* Classes
****/ 
// Create a class for the sg_Notes asset
var Note = Container.expand(function () {
	var self = Container.call(this);
	// Attach the sg_Notes asset to the Note instance
	var noteGraphics = self.attachAsset('sg_Notes', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Set the initial speed of the note
	self.speed = 1.25;
	// This is automatically called every game tick, if the note is attached!
	self.update = function () {
		self.y -= self.speed;
		// Destroy the note if it goes off screen
		if (self.y < -50) {
			self.destroy();
		}
	};
});
var SGCurtain = Container.expand(function () {
	var self = Container.call(this);
	var curtainGraphics = self.attachAsset('sgCurtain', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 5;
	self.update = function () {
		self.y -= self.speed;
		if (self.y < -curtainGraphics.height / 2) {
			self.destroy();
		}
	};
});

/**** 
* Initialize Game
****/ 
//<Assets used in the game will automatically appear here>
var game = new LK.Game({
	backgroundColor: 0x000000 //Init game with black background 
});

/**** 
* Game Code
****/ 
// Initialize the sgTarget10 asset on screen
var sgTarget10 = game.addChild(LK.getAsset('sgTarget10', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1500 / 2,
	y: 2732 / 2
}));
// Initialize variables
var scoreTxt;
var score = 0;
var isPianoPlaying = false;
// Create score text
scoreTxt = new Text2('0', {
	size: 150,
	fill: "#ffffff"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Initialize the saloonPiano asset on screen
var saloonPiano = game.addChild(LK.getAsset('saloonPiano', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2
}));
// Add a click event to the piano
saloonPiano.down = function (x, y, obj) {
	// If the piano jingle is not playing, play it
	if (!isPianoPlaying) {
		isPianoPlaying = true;
		LK.getSound('saloonPianoJingle01').play();
		// After 5 seconds, set isPianoPlaying to false and hide sg_notes
		LK.setTimeout(function () {
			isPianoPlaying = false;
			note.visible = false;
		}, 3250);
		// Create sg_Notes above saloonPiano when piano jingle is playing
		var note = new Note();
		note.x = saloonPiano.x;
		note.y = saloonPiano.y - 100;
		game.addChild(note);
	}
};
// Initialize the sgSign01 asset on screen and center it at the top
var sgSign01 = LK.gui.top.addChild(LK.getAsset('sg_Sign01', {
	anchorX: 0.5,
	anchorY: 0,
	x: 0,
	y: -150
}));
// Add a click event to the sg_Sign01 asset to make it swing for 5 seconds
sgSign01.down = function (x, y, obj) {
	// Check if the sign is already swinging
	if (this.isSwinging) {
		return;
	}
	this.isSwinging = true;
	var swingDuration = 5000; // 5 seconds in milliseconds
	var swingFrequency = 1 / swingDuration; // Frequency of the oscillation
	var swingAmplitude = 1; // The maximum rotation angle
	var startTime = Date.now();
	// Play chainNoises sound once at the start of the swinging
	LK.getSound('chainNoises').play();
	this.update = function () {
		var currentTime = Date.now();
		var timePassed = currentTime - startTime;
		if (timePassed < swingDuration) {
			this.rotation = swingAmplitude * Math.sin(2 * Math.PI * swingFrequency * timePassed);
		} else {
			this.rotation = 0;
			this.update = function () {};
			this.isSwinging = false;
		}
	};
	game.update = this.update.bind(this);
};
// Initialize the sg_Beans01 asset on screen
var sgBeans01 = game.addChild(LK.getAsset('sgBeans01', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2000 / 2
}));
// Initialize the sgFrame01 asset on the highest layer with sgSign01
var sgFrame01 = LK.gui.top.addChild(LK.getAsset('sgFrame01', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2600 / 2
}));
// Initialize the sgCurtain asset below sgFrame01
var sgCurtain = game.addChildAt(new SGCurtain(), game.getChildIndex(sgFrame01));
sgCurtain.x = 2048 / 2;
sgCurtain.y = 2732 / 2;
// Add a click event to the sg_Beans01 asset to make it fall off the screen
sgBeans01.down = function (x, y, obj) {
	// Play canHit or canHit02 sound randomly
	if (Math.random() > 0.5) {
		LK.getSound('canHit').play();
	} else {
		LK.getSound('canHit02').play();
	}
	// Define initial velocity, gravity and angular velocity
	var velocityX = Math.random() * 20 - 10; // Random velocity between -10 and 10
	var velocityY = Math.random() * 10 + 5; // Random velocity between 5 and 15
	var gravity = 0.5;
	var angularVelocity = Math.random() * 0.2 - 0.1; // Random angular velocity between -0.1 and 0.1
	this.update = function () {
		// Apply gravity to velocity
		velocityY += gravity;
		// Apply velocity to y position
		this.y += velocityY;
		// Apply velocity to x position
		this.x += velocityX;
		// Apply angular velocity to rotation
		this.rotation += angularVelocity;
		// Destroy the bean can if it goes off screen
		if (this.y > 2732 || this.x < 0 || this.x > 2048) {
			this.destroy();
		}
	};
	game.update = this.update.bind(this);
};
// Initialize the sgGlassBottle01 asset on screen
var sgGlassBottle01 = game.addChild(LK.getAsset('sgGlassBottle01', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2848 / 2,
	y: 2732 / 2
}));
// Add a click event to the sgGlassBottle01 asset to play glassHit01 or glassHit02 sound and destroy the asset
sgGlassBottle01.down = function (x, y, obj) {
	// Play glassHit01 or glassHit02 sound randomly
	if (Math.random() > 0.5) {
		LK.getSound('glassHit01').play();
	} else {
		LK.getSound('glassHit02').play();
	}
	// Replace the glass bottle with broken glass bottle
	this.destroy();
	var sgBrokenGlassBottle01 = game.addChild(LK.getAsset('sgBrokenGlassBottle01', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: this.x,
		y: this.y
	}));
	// After 0.5 second, destroy the broken glass bottle
	LK.setTimeout(function () {
		sgBrokenGlassBottle01.destroy();
	}, 500);
};
// Initialize the sgTarget5 asset on screen
var sgTarget5 = game.addChild(LK.getAsset('sgTarget5', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1200 / 2,
	y: 2732 / 2
}));
// Add a click event to the sgTarget5 asset to destroy it and replace it with a flashing number 5 for 1 second
sgTarget5.down = function (x, y, obj) {
	// Destroy the sgTarget5 asset
	this.destroy();
	// Create a text asset for the number 5
	var number5 = new Text2('5', {
		size: 75,
		fill: "#ffffff"
	});
	// Position the number 5 at the same position as the sgTarget5 asset
	number5.x = this.x - 25;
	number5.y = this.y - 50;
	// Add the number 5 to the game
	game.addChild(number5);
	// Make the number 5 flash for 1 second
	var flashInterval = LK.setInterval(function () {
		number5.visible = !number5.visible;
	}, 100);
	LK.setTimeout(function () {
		LK.clearInterval(flashInterval);
		number5.visible = true;
	}, 1000);
	// After 1 second, destroy the number 5
	LK.setTimeout(function () {
		number5.destroy();
	}, 1000);
};
// Add a click event to the sgTarget10 asset to destroy it and replace it with a flashing number 10 for 1 second
sgTarget10.down = function (x, y, obj) {
	// Destroy the sgTarget10 asset
	this.destroy();
	// Create a text asset for the number 10
	var number10 = new Text2('10', {
		size: 75,
		fill: "#FFD700" // Gold color
	});
	// Position the number 10 at the same position as the sgTarget10 asset
	number10.x = this.x - 40;
	number10.y = this.y - 30;
	// Add the number 10 to the game
	game.addChild(number10);
	// Make the number 10 flash for 1 second
	var flashInterval = LK.setInterval(function () {
		number10.visible = !number10.visible;
	}, 100);
	LK.setTimeout(function () {
		LK.clearInterval(flashInterval);
		number10.visible = true;
	}, 1000);
	// After 1 second, destroy the number 10
	LK.setTimeout(function () {
		number10.destroy();
	}, 1000);
};
// Handle game updates
// Add a click event to the game to create a sgCrosshair asset at the clicked position
game.down = function (x, y, obj) {
	// Create a sgCrosshair asset at the clicked position
	var sgCrosshair = game.addChild(LK.getAsset('sgCrosshair', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: x,
		y: y
	}));
	// Play bulletHit01 or bulletHit02 sound randomly
	if (Math.random() > 0.5) {
		LK.getSound('bulletHit01').play();
	} else {
		LK.getSound('bulletHit02').play();
	}
	// After 0.5 second, destroy the sgCrosshair asset
	LK.setTimeout(function () {
		sgCrosshair.destroy();
	}, 500);
};
;
;

===================================================================
--- original.js
+++ change.js
@@ -128,17 +128,17 @@
 	anchorY: 0.5,
 	x: 2048 / 2,
 	y: 2000 / 2
 }));
-// Initialize the sgFrame01 asset on screen
-var sgFrame01 = game.addChild(LK.getAsset('sgFrame01', {
+// Initialize the sgFrame01 asset on the highest layer with sgSign01
+var sgFrame01 = LK.gui.top.addChild(LK.getAsset('sgFrame01', {
 	anchorX: 0.5,
 	anchorY: 0.5,
 	x: 2048 / 2,
 	y: 2600 / 2
 }));
-// Initialize the sgCurtain asset on screen
-var sgCurtain = game.addChild(new SGCurtain());
+// Initialize the sgCurtain asset below sgFrame01
+var sgCurtain = game.addChildAt(new SGCurtain(), game.getChildIndex(sgFrame01));
 sgCurtain.x = 2048 / 2;
 sgCurtain.y = 2732 / 2;
 // Add a click event to the sg_Beans01 asset to make it fall off the screen
 sgBeans01.down = function (x, y, obj) {