===================================================================
--- original.js
+++ change.js
@@ -26,145 +26,42 @@
 
 /**** 
 * Initialize Game
 ****/ 
+//---------------------------------------------------------------------------------------------------
+//create variables for the various assets that will be loaded and unloaded and their various types
+//---------------------------------------------------------------------------------------------------
+//array for the elements of the menu so that we can easily destroy them or add them to the game
 var game = new LK.Game({
 	backgroundColor: 0x000000
 });
 
 /**** 
 * Game Code
 ****/ 
-// Retrieve the 'bg_TitleScreen' asset and position it at the center of the playspace
-var titleScreen = game.addChild(LK.getAsset('bg_TitleScreen', {
-	anchorX: 0.5,
-	anchorY: 0.5,
-	x: 2048 / 2 - 100,
-	y: 2732 / 2
-}));
-// Play s_splashscreen when the game starts
-LK.setTimeout(function () {
-	LK.playMusic('s_SplashScreen', {
-		loop: true
-	});
-}, 1000);
-// Retrieve the 'bg_TornRope' asset and position it at the bottom middle of the playspace
-var tornRope = game.addChild(LK.getAsset('bg_TornRope', {
-	anchorX: 0.5,
-	anchorY: 1.0,
-	x: 2048 / 2,
-	y: 2832
-}));
-// Retrieve the 'bg_StartButton' asset and position it at the bottom left of the playspace
-var startButton = game.addChild(LK.getAsset('bg_StartButton', {
-	anchorX: 0.0,
-	anchorY: 1.0,
-	x: 150,
-	y: 2732
-}));
-// Add a down event to the startButton
-startButton.down = function (x, y, obj) {
-	// Disable how-to button
-	howTo.down = null;
-	// Stop all sounds
-	LK.stopMusic();
-	// Play shutdownsound
-	LK.getSound('s_ShutdownSound').play();
-	// Stop randomSound from playing
-	timeElapsed = Infinity;
-	// Move the destruction of all game elements inside the fadeInterval function
-	var fadeInterval = LK.setInterval(function () {
-		darkFilter.alpha += 0.01;
-		if (darkFilter.alpha >= 1) {
-			LK.clearInterval(fadeInterval);
-			// Destroy all game elements including sounds after 1 second
-			LK.setTimeout(function () {
-				game.children.forEach(function (child) {
-					child.destroy();
-				});
-				LK.stopMusic();
-				// Play s_KrampusLaugh01 2 seconds after bg_darkfilter is at 100% alpha only once
-				if (!this.laughPlayed) {
-					LK.setTimeout(function () {
-						LK.getSound('s_KrampusLaugh01').play();
-						// Instantiate bg_Krampus in the center of the playspace
-						var krampus = game.addChild(LK.getAsset('bg_Krampus', {
-							anchorX: 0.5,
-							anchorY: 0.5,
-							x: 2048 / 2,
-							y: 2732 / 2
-						}));
-						// Move bg_Krampus to the top layer
-						game.setChildIndex(krampus, game.children.length - 1);
-					}, 2000);
-					this.laughPlayed = true;
-				}
-			}, 1000);
-		}
-	}, 10);
-	// Retrieve the 'bg_DarkFilter' asset, position it at the center of the playspace and set its alpha to 0
-	var darkFilter = game.addChild(LK.getAsset('bg_DarkFilter', {
-		anchorX: 0.5,
-		anchorY: 0.5,
-		x: 2048 / 2,
-		y: 2732 / 2,
-		alpha: 0
-	}));
-	// Gradually fade in bg_darkfilter
-	var fadeInterval = LK.setInterval(function () {
-		darkFilter.alpha += 0.01;
-		if (darkFilter.alpha >= 1) {
-			LK.clearInterval(fadeInterval);
-		}
-	}, 10);
-};
-// Retrieve the 'bg_HowTo' asset and position it at the bottom right of the playspace
-var howTo = game.addChild(LK.getAsset('bg_HowTo', {
-	anchorX: 1.0,
-	anchorY: 1.0,
-	x: 1950,
-	y: 2732
-}));
-// Variable to track the state of bg_HelpMenu
-var helpMenuVisible = false;
-var helpMenu;
-// Add a down event to the howTo button
-howTo.down = function (x, y, obj) {
-	if (!helpMenuVisible) {
-		// Instantiate bg_HelpMenu in the center of the playspace
-		helpMenu = game.addChild(LK.getAsset('bg_HelpMenu', {
-			anchorX: 0.5,
-			anchorY: 0.5,
-			x: 2048 / 2,
-			y: 2732 / 2 + 150
-		}));
-		helpMenuVisible = true;
-		// Ensure bg_Grain and bg_ScanLines are always on the top layer
-		if (!game.children.includes(grain)) {
-			game.addChild(grain);
-		}
-		game.setChildIndex(grain, game.children.length - 1);
-		if (!game.children.includes(scanLines)) {
-			game.addChild(scanLines);
-		}
-		game.setChildIndex(scanLines, game.children.length - 1);
-	} else {
-		// Destroy bg_HelpMenu
-		helpMenu.destroy();
-		helpMenuVisible = false;
-	}
-	// Play s_CrumpledPaper sound
-	LK.getSound('s_CrumpledPaper').play();
-};
-// Retrieve the 'bg_eyeflash' asset, position it at the center of the playspace and set its alpha to 50%
-var eyeFlash = game.addChild(LK.getAsset('bg_eyeflash', {
-	anchorX: 0.5,
-	anchorY: 0.5,
-	x: 2048 / 2 - 75,
-	y: 2732 / 2 - 100,
-	alpha: 0.20
-}));
+//array for the elements of the menu so that we can easily destroy them or add them to the game
+//---------------------------------------------------------------------------------------------------
+//create variables for the various assets that will be loaded and unloaded and their various types
+//---------------------------------------------------------------------------------------------------
+var menuObjects = [];
+//elements of the narration screen so that we can easily destroy or add them to the game
+var introObjects = [];
+//array for the snowflakes
+var snowflakes = [];
+//variables for the vcr effect that will hold the various assets of the effect
 var grain, scanLines;
+// Create a variable to keep track of the flicker state
+var is_flickerState = false;
+//variable to keep track of if we are in the mainMenu or not
+var is_mainMenu = false;
+//variable to keep track of the help menu
+var is_helpMenuVisible = false;
+// Create a variable to keep track of the time elapsed
+var timeElapsed = 0;
+//------------------------------------------------------------------------------------
+//functions for the visual and sound effects
+//------------------------------------------------------------------------------------
+//function that adds the effect of a vcr screen to the game.
 function vcr() {
 	// Add bg_Grain in the center of the playspace and set its alpha to 20%
 	grain = game.addChild(LK.getAsset('bg_Grain', {
 		anchorX: 0.5,
@@ -197,55 +94,237 @@
 	}
 	// Set interval to animate bg_ScanLines every few seconds
 	LK.setInterval(animateScanLines, 3000); // Every 3 seconds
 }
-// Call the vcr function to initialize bg_Grain and bg_ScanLine
-vcr();
-// Create a variable to keep track of the flicker state
-var flickerState = false;
-// Create a variable to keep track of the time elapsed
-var timeElapsed = 0;
-// Add an update function to the game to create the flicker effect
-// Create an array to hold the snowflakes
-var snowflakes = [];
-// Add an update function to the game to create the snowflakes
+//function to add snowflakes on the screen
+function createSnowflake() {
+	var newSnowflake = new Snowflake();
+	// Ensure the snowflake spawns from the top of the playspace
+	newSnowflake.x = Math.random() * 2048;
+	newSnowflake.y = -50;
+	snowflakes.push(newSnowflake);
+	game.addChild(newSnowflake);
+}
+//function to add screams to a scene
+function addScream() {
+	var randomSound = Math.floor(Math.random() * 4);
+	switch (randomSound) {
+		case 0:
+			LK.getSound('s_ManScream01').play();
+			break;
+		case 1:
+			LK.getSound('s_ManScream02').play();
+			break;
+		case 2:
+			LK.getSound('s_WomanScream01').play();
+			break;
+		case 3:
+			LK.getSound('s_WomanScream02').play();
+			break;
+	}
+}
+//--------------------------------------------------------------------------------
+//functions that will be for the various loading of the game.
+//--------------------------------------------------------------------------------
+//a function to load the menu screen
+function loadMenu() {
+	is_mainMenu = true;
+	// Retrieve the 'bg_TitleScreen' asset and position it at the center of the playspace
+	var titleScreen = game.addChild(LK.getAsset('bg_TitleScreen', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		x: 2048 / 2 - 100,
+		y: 2732 / 2
+	}));
+	menuObjects.push(titleScreen);
+	// Play s_splashscreen when the game starts
+	LK.setTimeout(function () {
+		LK.playMusic('s_SplashScreen', {
+			loop: true
+		});
+	}, 1000);
+	// Retrieve the 'bg_TornRope' asset and position it at the bottom middle of the playspace
+	var tornRope = game.addChild(LK.getAsset('bg_TornRope', {
+		anchorX: 0.5,
+		anchorY: 1.0,
+		x: 2048 / 2,
+		y: 2832
+	}));
+	menuObjects.push(tornRope);
+	// Retrieve the 'bg_eyeflash' asset, position it at the center of the playspace and set its alpha to 50%
+	var eyeFlash = game.addChild(LK.getAsset('bg_eyeflash', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		x: 2048 / 2 - 75,
+		y: 2732 / 2 - 100,
+		alpha: 0.20
+	}));
+	menuObjects.push(eyeFlash);
+	// Retrieve the 'bg_StartButton' asset and position it at the bottom left of the playspace
+	var startButton = game.addChild(LK.getAsset('bg_StartButton', {
+		anchorX: 0.0,
+		anchorY: 1.0,
+		x: 150,
+		y: 2732
+	}));
+	menuObjects.push(startButton);
+	// Add a down event to the startButton
+	startButton.down = function (x, y, obj) {
+		// Disable how-to button
+		howTo.down = null;
+		loadIntroNarrative();
+	};
+	// Retrieve the 'bg_HowTo' asset and position it at the bottom right of the playspace
+	var howTo = game.addChild(LK.getAsset('bg_HowTo', {
+		anchorX: 1.0,
+		anchorY: 1.0,
+		x: 1950,
+		y: 2732
+	}));
+	menuObjects.push(howTo);
+	// Variable to track the state of bg_HelpMenu
+	is_helpMenuVisible = false;
+	var helpMenu;
+	//   Add a down event to the howTo button
+	howTo.down = function (x, y, obj) {
+		if (!is_helpMenuVisible) {
+			triggerHowToButton();
+		} else {
+			// Destroy bg_HelpMenu
+			helpMenu.destroy();
+			is_helpMenuVisible = false;
+		}
+		// Play s_CrumpledPaper sound
+		LK.getSound('s_CrumpledPaper').play();
+	};
+}
+//a function that will remove all objects from memory when leaving the main menu.
+function exitMainMenu() {
+	is_mainMenu = false;
+	//destroy all mainMenu objects
+	for (var i = menuObjects.length - 1; i >= 0; i--) {
+		if (menuObjects[i]) {
+			menuObjects[i].destroy();
+		}
+	}
+	//destroy all snowflakes
+	for (var i = snowflakes.length - 1; i >= 0; i--) {
+		if (snowflakes[i]) {
+			snowflakes[i].destroy();
+		}
+	}
+	// Stop all sounds
+	LK.stopMusic();
+	// Play shutdownsound
+	LK.getSound('s_ShutdownSound').play();
+	// Stop randomSound from playing
+	timeElapsed = Infinity;
+}
+//function for the functionnality of the help button
+function triggerHowToButton() {
+	// Instantiate bg_HelpMenu in the center of the playspace
+	helpMenu = game.addChild(LK.getAsset('bg_HelpMenu', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		x: 2048 / 2,
+		y: 2732 / 2 + 150
+	}));
+	is_helpMenuVisible = true;
+	// Ensure bg_Grain and bg_ScanLines are always on the top layer
+	if (!game.children.includes(grain)) {
+		game.addChild(grain);
+	}
+	game.setChildIndex(grain, game.children.length - 1);
+	if (!game.children.includes(scanLines)) {
+		game.addChild(scanLines);
+	}
+	game.setChildIndex(scanLines, game.children.length - 1);
+}
+//function to load the intro narrative
+function loadIntroNarrative() {
+	// Retrieve the 'bg_DarkFilter' asset, position it at the center of the playspace and set its alpha to 0
+	var darkFilter = game.addChild(LK.getAsset('bg_DarkFilter', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		x: 2048 / 2,
+		y: 2732 / 2,
+		alpha: 0
+	}));
+	// Gradually fade in bg_darkfilter
+	var fadeInterval = LK.setInterval(function () {
+		darkFilter.alpha += 0.01;
+		if (darkFilter.alpha >= 1) {
+			LK.clearInterval(fadeInterval);
+		}
+	}, 10);
+	// Move the destruction of all game elements inside the fadeInterval function
+	var fadeInterval = LK.setInterval(function () {
+		darkFilter.alpha += 0.01;
+		if (darkFilter.alpha >= 1) {
+			LK.clearInterval(fadeInterval);
+			// Destroy all game elements including sounds after 1 second
+			LK.setTimeout(function () {
+				exitMainMenu();
+				// Play s_KrampusLaugh01 2 seconds after bg_darkfilter is at 100% alpha only once
+				if (!this.is_laughPlayed) {
+					LK.setTimeout(function () {
+						LK.getSound('s_KrampusLaugh01').play();
+						// Instantiate bg_Krampus in the center of the playspace
+						var krampus = game.addChild(LK.getAsset('bg_Krampus', {
+							anchorX: 0.5,
+							anchorY: 0.5,
+							x: 2048 / 2,
+							y: 2732 / 2
+						}));
+						// Move bg_Krampus to the top layer
+						game.setChildIndex(krampus, game.children.length - 1);
+						introObjects.push(krampus);
+					}, 2000);
+					this.laughPlayed = true;
+				}
+			}, 1000);
+		}
+	}, 10);
+}
+//function to destroy the objects in the introductionscreen
+function destroyIntroObj() {
+	for (var i = introObjects.length - 1; i >= 0; i--) {
+		if (introObjects[i]) {
+			introObjects[i].destroy();
+		}
+	}
+}
+//a function to load the first level of the game.
+function loadLevel1() {}
+//----------------------------------------------------------------------------------------------------
+//the update function and the game flow
+//----------------------------------------------------------------------------------------------------
+//the game update function that looks at the state of the game. 
 game.update = function () {
 	// Check the current state of the flicker
-	if (flickerState) {
+	if (is_flickerState) {
 		// If the state is true, set the alpha to 0.5
 		eyeFlash.alpha = 0.20;
 	} else {
 		// If the state is false, set the alpha to 0
 		eyeFlash.alpha = 0;
 	}
 	// Flip the state of the flicker
-	flickerState = !flickerState;
+	is_flickerState = !is_flickerState;
 	// Increment the time elapsed every tick
 	timeElapsed++;
-	// Play either s_manscream01, s_manscream02, s_womanscream01, s_womanscream02 every 10 to 20 seconds
-	if (timeElapsed % (Math.floor(Math.random() * (1200 - 600 + 1)) + 600) == 0) {
-		var randomSound = Math.floor(Math.random() * 4);
-		switch (randomSound) {
-			case 0:
-				LK.getSound('s_ManScream01').play();
-				break;
-			case 1:
-				LK.getSound('s_ManScream02').play();
-				break;
-			case 2:
-				LK.getSound('s_WomanScream01').play();
-				break;
-			case 3:
-				LK.getSound('s_WomanScream02').play();
-				break;
+	// Create a new snowflake every 90 ticks only if the main menu is on
+	if (is_mainMenu) {
+		// Play either s_manscream01, s_manscream02, s_womanscream01, s_womanscream02 every 10 to 20 seconds
+		if (timeElapsed % (Math.floor(Math.random() * (1200 - 600 + 1)) + 600) == 0) {
+			addScream();
 		}
+		//have the snowflakes effect
+		if (LK.ticks % 90 == 0) {
+			createSnowflake();
+		}
 	}
-	// Create a new snowflake every 90 ticks
-	if (LK.ticks % 90 == 0) {
-		var newSnowflake = new Snowflake();
-		// Ensure the snowflake spawns from the top of the playspace
-		newSnowflake.x = Math.random() * 2048;
-		newSnowflake.y = -50;
-		snowflakes.push(newSnowflake);
-		game.addChild(newSnowflake);
-	}
-};
\ No newline at end of file
+};
+vcr();
+//the game flow starts here
+loadMenu();
+// Call the vcr function to initialize bg_Grain and bg_ScanLine
\ No newline at end of file