/**** 
* Classes
****/
var SettingsStatus = Container.expand(function () {
	var self = Container.call(this);
	self.text = new Text2('', {
		size: 50,
		fill: '#000000'
	});
	self.addChild(self.text);
	self.updateStatus = function (status) {
		self.text.setText('Settings 1 is ' + (status ? 'activated' : 'deactivated'));
	};
});
var Object3 = Container.expand(function () {
	var self = Container.call(this);
	var objectGraphics = self.createAsset('object3', 'Object 3', 0.5, 0.5);
});
var Object2 = Container.expand(function () {
	var self = Container.call(this);
	var objectGraphics = self.createAsset('object2', 'Object 2', 0.5, 0.5);
});
var Object1 = Container.expand(function () {
	var self = Container.call(this);
	var objectGraphics = self.createAsset('object1', 'Object 1', 0.5, 0.5);
	self.visible = false;
});
var SettingOption = Container.expand(function (optionId, optionText) {
	var self = Container.call(this);
	self.isSelected = false;
	var optionGraphics = self.createAsset(optionId, optionText, 0.5, 0.5);
	self.addChild(optionGraphics);
	optionGraphics.on('down', function () {
		self.isSelected = !self.isSelected;
		if (optionId === 'setting1') {
			self.activateSetting1();
		} else if (optionId === 'setting2') {
			self.activateSetting2();
		} else if (optionId === 'setting3') {
			self.activateSetting3();
		}
	});
	self.activateSetting1 = function () {
		console.log('Setting 1' + (self.isSelected ? ' was activated' : ' was deactivated'));
		/*
		this can be replace by the function you want to be executed when the settings is activated.
		*/
		var settingsStatus = getChildByName(game, 'settingsStatus');
		if (settingsStatus) {
			settingsStatus.updateStatus(self.isSelected);
		}
		var object1 = getChildByName(game, 'object1');
		if (self.isSelected) {
			setGameSetting('setting1', true);
			if (!object1) {
				object1 = game.addChildAt(new Object1(), game.getChildIndex(settingsBackground));
				object1.name = 'object1';
				object1.x = 2048 / 2;
				object1.y = 2732 / 2 - 450;
			}
			object1.visible = true;
		} else {
			setGameSetting('setting1', false);
			if (object1) {
				object1.visible = false;
			}
		}
	};
	self.activateSetting2 = function () {
		console.log('Setting 2' + (self.isSelected ? ' was activated' : ' was deactivated'));
		var object2 = getChildByName(game, 'object2');
		if (self.isSelected) {
			setGameSetting('setting2', true);
			if (!object2) {
				object2 = game.addChildAt(new Object2(), game.getChildIndex(settingsBackground));
				object2.name = 'object2';
				object2.x = 2048 / 2;
				object2.y = 2732 / 2 - 300;
			}
			object2.visible = true;
		} else {
			setGameSetting('setting2', false);
			if (object2) {
				object2.visible = false;
			}
		}
	};
	self.activateSetting3 = function () {
		console.log('Setting 3' + (self.isSelected ? ' was activated' : ' was deactivated'));
		var object3 = getChildByName(game, 'object3');
		if (self.isSelected) {
			setGameSetting('setting3', true);
			if (!object3) {
				object3 = game.addChildAt(new Object3(), game.getChildIndex(settingsBackground));
				object3.name = 'object3';
				object3.x = 2048 / 2;
				object3.y = 2732 / 2 - 150;
			}
			object3.visible = true;
		} else {
			setGameSetting('setting3', false);
			if (object3) {
				object3.visible = false;
			}
		}
	};
});
var SettingsBackground = Container.expand(function () {
	var self = Container.call(this);
	var settingsBgGraphics = self.createAsset('settingsBg', 'Settings Background', 0.5, 0.5);
	self.visible = false;
});
var Cogwheels = Container.expand(function () {
	var self = Container.call(this);
	var cogwheelGraphics = self.createAsset('cogwheels', 'Settings Cogwheel', 0.5, 0.5);
	var setting1, setting2, setting3;
	cogwheelGraphics.on('down', function () {
		game.addChildAt(settingsBackground, game.children.length);
		console.log('Settings cogwheel tapped');
		settingsBackground.visible = !settingsBackground.visible;
		settingsBackground.x = 2048 / 2;
		settingsBackground.y = 2732 / 2;
		if (!settingsBackground.visible) {
			if (setting1) {
				game.removeChild(setting1);
			}
			if (setting2) {
				game.removeChild(setting2);
			}
			if (setting3) {
				game.removeChild(setting3);
			}
		} else {
			setting1 = game.addChild(new SettingOption('setting1', 'Setting 1'));
			setting1.x = settingsBackground.x;
			setting1.y = settingsBackground.y - 450;
			setting1.isSelected = getGameSetting('setting1');
			setting2 = game.addChild(new SettingOption('setting2', 'Setting 2'));
			setting2.x = settingsBackground.x;
			setting2.y = settingsBackground.y - 200;
			setting2.isSelected = getGameSetting('setting2');
			setting3 = game.addChild(new SettingOption('setting3', 'Setting 3'));
			setting3.x = settingsBackground.x;
			setting3.y = settingsBackground.y + 50;
			setting3.isSelected = getGameSetting('setting3');
		}
	});
});

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

/**** 
* Game Code
****/
function getChildByName(container, name) {
	for (var i = 0; i < container.children.length; i++) {
		if (container.children[i].name === name) {
			return container.children[i];
		}
	}
	return null;
}
var gameSettings = {};
function getGameSetting(setting) {
	return gameSettings[setting];
}
function setGameSetting(setting, value) {
	gameSettings[setting] = value;
}
game.setBackgroundColor(0xFFFFFF);
var settingsBackground = new SettingsBackground();
var cogwheels = game.addChild(new Cogwheels());
cogwheels.x = 2048 - cogwheels.width / 2 - 50;
cogwheels.y = 100;
var settingsStatus = game.addChild(new SettingsStatus());
settingsStatus.x = 2048 / 2;
settingsStatus.y = 2732 / 2 + 300;

===================================================================
--- original.js
+++ change.js
@@ -1,16 +1,16 @@
 /**** 
 * Classes
 ****/
-var SettingStatus = Container.expand(function () {
+var SettingsStatus = Container.expand(function () {
 	var self = Container.call(this);
 	self.text = new Text2('', {
 		size: 50,
 		fill: '#000000'
 	});
 	self.addChild(self.text);
 	self.updateStatus = function (status) {
-		self.text.setText('Setting 1 is ' + (status ? 'ON' : 'OFF'));
+		self.text.setText('Settings 1 is ' + (status ? 'activated' : 'deactivated'));
 	};
 });
 var Object3 = Container.expand(function () {
 	var self = Container.call(this);
@@ -44,8 +44,12 @@
 		console.log('Setting 1' + (self.isSelected ? ' was activated' : ' was deactivated'));
 		/*
 		this can be replace by the function you want to be executed when the settings is activated.
 		*/
+		var settingsStatus = getChildByName(game, 'settingsStatus');
+		if (settingsStatus) {
+			settingsStatus.updateStatus(self.isSelected);
+		}
 		var object1 = getChildByName(game, 'object1');
 		if (self.isSelected) {
 			setGameSetting('setting1', true);
 			if (!object1) {
@@ -59,12 +63,8 @@
 			setGameSetting('setting1', false);
 			if (object1) {
 				object1.visible = false;
 			}
-			var settingStatus = getChildByName(game, 'settingStatus');
-			if (settingStatus) {
-				settingStatus.updateStatus(self.isSelected);
-			}
 		}
 	};
 	self.activateSetting2 = function () {
 		console.log('Setting 2' + (self.isSelected ? ' was activated' : ' was deactivated'));
@@ -142,12 +142,8 @@
 			setting3 = game.addChild(new SettingOption('setting3', 'Setting 3'));
 			setting3.x = settingsBackground.x;
 			setting3.y = settingsBackground.y + 50;
 			setting3.isSelected = getGameSetting('setting3');
-			var settingStatus = game.addChild(new SettingStatus());
-			settingStatus.x = settingsBackground.x;
-			settingStatus.y = settingsBackground.y + 200;
-			settingStatus.updateStatus(getGameSetting('setting1'));
 		}
 	});
 });
 
@@ -179,5 +175,8 @@
 game.setBackgroundColor(0xFFFFFF);
 var settingsBackground = new SettingsBackground();
 var cogwheels = game.addChild(new Cogwheels());
 cogwheels.x = 2048 - cogwheels.width / 2 - 50;
-cogwheels.y = 100;
\ No newline at end of file
+cogwheels.y = 100;
+var settingsStatus = game.addChild(new SettingsStatus());
+settingsStatus.x = 2048 / 2;
+settingsStatus.y = 2732 / 2 + 300;
\ No newline at end of file